.cm-first{
  --cm-first-unit:min(55.492958px,calc((100vw - 24px)/7.1));
  border:0;border-radius:12px;padding:0;width:min(394px,calc(100vw - 24px));
  max-width:calc(100vw - 24px);max-height:calc(100dvh - 80px);background:#f8f8f8;color:#042044;
  font:calc(var(--cm-first-unit)*.24)/normal Arial,Helvetica,sans-serif;
  overflow:visible;margin:auto;transform:translateY(-22px)
}
.cm-first::backdrop{background:#0007;backdrop-filter:blur(4px)}
.cm-first *{box-sizing:border-box}
.cm-first h2{font-family:inherit;font-size:calc(var(--cm-first-unit)*.32);font-weight:700;line-height:normal;text-align:center;margin:calc(var(--cm-first-unit)*.2) calc(var(--cm-first-unit)*.15);color:#333}
.cm-first main{padding:calc(var(--cm-first-unit)*.2) calc(var(--cm-first-unit)*.24) 0;background:#fff;border-radius:6px;margin:0 calc(var(--cm-first-unit)*.18);max-height:min(calc(var(--cm-first-unit)*8.9),calc(100dvh - 235px));overflow:auto;min-height:120px;scrollbar-width:thin;scrollbar-color:#ccc transparent}
.cm-first main::-webkit-scrollbar{width:5px}
.cm-first main::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}
.cm-first-summary{display:flex;align-items:center;gap:calc(var(--cm-first-unit)*.1);margin-bottom:calc(var(--cm-first-unit)*.2)}
.cm-first-gift{width:calc(var(--cm-first-unit)*.32);height:calc(var(--cm-first-unit)*.32);object-fit:contain;flex-shrink:0}
.cm-first-summary-text{flex:1;min-width:0}
.cm-first-summary strong{display:block;font-size:calc(var(--cm-first-unit)*.28);font-weight:600;line-height:normal;color:#333}
.cm-first-summary p{max-width:calc(var(--cm-first-unit)*3.8);margin:0;color:#666;font-size:calc(var(--cm-first-unit)*.24);line-height:normal}
.cm-first button{font-family:inherit;cursor:pointer;border:0}
.cm-first-refresh{display:inline-flex;align-items:center;gap:calc(var(--cm-first-unit)*.1);padding:0;background:transparent;color:#07b351;white-space:nowrap;font-size:calc(var(--cm-first-unit)*.24);font-weight:400;line-height:normal;flex-shrink:0}
.cm-first-refresh-icon{display:block;width:calc(var(--cm-first-unit)*.28);height:calc(var(--cm-first-unit)*.28);background:currentColor;mask:url('/assets/media/siteadmin/skin/lobby_asset/common/web/common/comm_icon_retry.svg') center/contain no-repeat;-webkit-mask:url('/assets/media/siteadmin/skin/lobby_asset/common/web/common/comm_icon_retry.svg') center/contain no-repeat}
.cm-first-row{display:grid;grid-template-columns:minmax(0,.96fr) calc(var(--cm-first-unit)*.8) minmax(calc(var(--cm-first-unit)*1.2),.74fr);align-items:center;gap:calc(var(--cm-first-unit)*.1);min-height:calc(var(--cm-first-unit)*1.02);padding:calc(var(--cm-first-unit)*.12) calc(var(--cm-first-unit)*.2);margin-bottom:calc(var(--cm-first-unit)*.2);border:1px solid #a4e9bd;border-radius:calc(var(--cm-first-unit)*.14);background:#e2ffeb}
.cm-first-condition{font-size:calc(var(--cm-first-unit)*.25);line-height:normal}
.cm-first-condition strong{font-weight:700}
.cm-first-prize{display:flex;flex-direction:column;align-items:center;justify-self:center;flex-shrink:0}
.cm-first-coins{position:relative;width:calc(var(--cm-first-unit)*.4);height:calc(var(--cm-first-unit)*.4);line-height:1}
.cm-first-coin-image{position:relative;top:calc(var(--cm-first-unit)*.04);width:100%;height:100%;object-fit:contain}
.cm-first-prize-value{position:absolute;left:calc(var(--cm-first-unit)*.38);top:calc(var(--cm-first-unit)*-.03);display:block;min-width:calc(var(--cm-first-unit)*.32);height:calc(var(--cm-first-unit)*.26);padding:0 calc(var(--cm-first-unit)*.06);border-radius:calc(var(--cm-first-unit)*.2);background:#ffa130;color:#fff;font-size:calc(var(--cm-first-unit)*.18);font-weight:400;line-height:calc(var(--cm-first-unit)*.26);white-space:nowrap}
.cm-first-prize small{max-width:calc(var(--cm-first-unit)*2.08);padding:0 calc(var(--cm-first-unit)*.08);border-radius:calc(var(--cm-first-unit)*.5);background:#00c8be;color:#fff;font-size:calc(var(--cm-first-unit)*.2);font-weight:400;line-height:normal;box-shadow:inset 0 0 0 1px #ffffff4d;white-space:nowrap}
.cm-first-action{justify-self:end;width:calc(var(--cm-first-unit)*1.2);min-height:calc(var(--cm-first-unit)*.5);border-radius:calc(var(--cm-first-unit)*.3);padding:0 calc(var(--cm-first-unit)*.1);background:#ff9228;color:#fff;font-size:calc(var(--cm-first-unit)*.18);font-weight:600;line-height:normal}
.cm-first-action:disabled{background:#c1ccca;cursor:default}
.cm-first footer{padding:calc(var(--cm-first-unit)*.2)}
.cm-first-nav{display:flex;gap:calc(var(--cm-first-unit)*.3);margin-bottom:calc(var(--cm-first-unit)*.2)}
.cm-first-nav button{flex:1;border:1px solid #1678ff;border-radius:calc(var(--cm-first-unit)*.14);height:calc(var(--cm-first-unit)*.7);padding:0 calc(var(--cm-first-unit)*.1);background:transparent;color:#1678ff;font-size:calc(var(--cm-first-unit)*.24);font-weight:400;line-height:normal}
.cm-first-nav button:last-child{background:#1678ff;color:#fff;font-weight:600}
.cm-first-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--cm-first-unit)*.3);font-size:calc(var(--cm-first-unit)*.22);line-height:normal;color:#666}
.cm-first-options label{display:flex;align-items:center;gap:calc(var(--cm-first-unit)*.15);min-width:0}
.cm-first-options input{appearance:none;width:calc(var(--cm-first-unit)*.32);height:calc(var(--cm-first-unit)*.32);flex-shrink:0;border:1px solid #e3e3e3;border-radius:3px;background:transparent;display:grid;place-items:center;margin:0}
.cm-first-options input:checked{background:#1678ff;border-color:#1678ff}
.cm-first-options input:checked::after{content:'✓';color:#fff;font:14px/1 Arial,sans-serif}
.cm-first-options input:focus-visible{outline:2px solid #1678ff;outline-offset:2px}
.cm-first-close{position:absolute;top:calc(100% + 16px);left:calc(50% - 16px);width:32px;height:32px;border:2px solid #fff!important;border-radius:50%;padding:0;background:transparent;color:#fff;font-size:26px;font-weight:400;line-height:24px}
.cm-first-status{margin:8px 12px;color:#9d3718;font-size:13px;line-height:1.4}
.cm-first-status:empty{display:none}
.cm-first-launch{margin:0 0 12px!important;width:100%}
.cm-first-detail-disabled{opacity:.6;cursor:default!important}
.cm-first-event-status{position:fixed;z-index:3000;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 18px;border:1px solid #a4e9bd;border-radius:8px;background:#fff;color:#26744a;font:14px/1.4 Arial,sans-serif;box-shadow:0 2px 12px #0002}
.cm-first-event-status[hidden]{display:none}
