:root{--bg: #12151b;--panel: rgba(22, 26, 33, .9);--panel-2: #1d232c;--line: #2f3845;--ink: #f2eee5;--dim: #a9b1bb;--amber: #ffb02e;--amber-d: #c97a0c;--red: #ff4a3a;--green: #5be38a;--p1: #45c8ff;--p2: #ffa63d;--edge: max(14px, env(safe-area-inset-right));--menu-gap: 0px;--hazard: repeating-linear-gradient(-45deg, #ffb02e 0 10px, #1a1a1a 10px 20px);color-scheme:dark}body:has(#gamenow-exit-launcher){--menu-gap: 34px}body.gamenow-mobile-mode{--menu-gap: 30px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif;overscroll-behavior:none}body{overflow:hidden;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}:lang(ko) button,:lang(ko) h1,:lang(ko) h2,:lang(ko) p{word-break:keep-all;overflow-wrap:anywhere}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app{position:fixed;inset:0;overflow:hidden}#view{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .4s}#view.live{opacity:1}.field{position:absolute;inset:0;z-index:3;touch-action:none;user-select:none;-webkit-user-select:none}body.aim-mouse .field{cursor:none}.overlay{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}#screens{position:absolute;inset:0;z-index:8;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:env(safe-area-inset-top) calc(var(--edge) + var(--menu-gap)) calc(16px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:radial-gradient(120% 80% at 50% 0%,#26303d 0%,var(--bg) 70%)}#screens[hidden]{display:none}.top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0}.brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:.02em}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--amber);color:#1a1408;font-size:13px;font-weight:900}.top-right{display:flex;gap:8px;align-items:center}.lang select{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-height:40px}.chip{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);font-weight:700}.chip.ghost{background:transparent}.chip.back{padding-left:10px}.chip.duo,.choice.duo{border-color:color-mix(in srgb,var(--p2) 60%,var(--line))}.big-go{min-height:56px;padding:0 22px;border-radius:16px;border:0;background:linear-gradient(180deg,#ffc659,var(--amber));color:#1d1405;font-weight:900;font-size:18px;letter-spacing:.02em;box-shadow:0 4px 0 var(--amber-d),0 10px 24px #ffb02e40}.big-go:active{transform:translateY(2px);box-shadow:0 2px 0 var(--amber-d)}.link{background:none;border:0;color:var(--dim);text-decoration:underline;min-height:44px}.note{color:var(--dim);font-size:14px}.note.warn{color:#ffd7a3;background:#ff78281f;border:1px solid rgba(255,140,60,.35);padding:10px 12px;border-radius:12px}.home{position:relative;max-width:560px;margin:0 auto}.poster{position:relative;margin:0 calc(-1*max(14px,env(safe-area-inset-left)));height:clamp(150px,30vh,260px);overflow:hidden;border-radius:0 0 22px 22px;background:linear-gradient(160deg,#3b4a2e,#18202a)}.poster img{width:100%;height:100%;object-fit:cover;display:block}.poster-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,var(--bg) 100%)}.poster:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--hazard);opacity:.85}.home-card{position:relative;margin-top:-18px;padding:0 2px}.eyebrow{margin:0 0 4px;color:var(--amber);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:0 1px 3px #000}.title{margin:0;font-size:clamp(30px,8.5vw,46px);line-height:1.05;font-weight:900;letter-spacing:-.01em;text-shadow:0 3px 0 rgba(0,0,0,.5)}.title small{display:block;font-size:.38em;color:var(--dim);letter-spacing:.25em;margin-top:6px;font-weight:800}.tagline{color:#d9dde2;line-height:1.5;font-size:15px;margin:10px 0 6px}.step-q{font-size:19px;margin:18px 0 10px}.step-q small{color:var(--dim);font-weight:600;font-size:14px;margin-left:6px}.choices{display:grid;gap:10px}.choice,.quick{display:grid;gap:3px;text-align:left;padding:14px 16px;min-height:64px;border-radius:16px;border:1px solid var(--line);background:var(--panel-2)}.choice b,.quick b{font-size:18px}.choice span,.quick span{color:var(--dim);font-size:13.5px}.choice.primary{background:linear-gradient(180deg,#2c3646,#212935);border-color:color-mix(in srgb,var(--p1) 55%,var(--line))}.quick{border-color:var(--amber);background:linear-gradient(90deg,#ffb02e29,#ffb02e0a)}.choice.slim{min-height:48px;padding:10px 16px;display:block;color:var(--dim)}.howto{color:var(--dim);font-size:13px;line-height:1.5;margin-top:14px}.record-line,.login-note{color:var(--dim);font-size:13px}.foot{display:flex;justify-content:space-between;align-items:center;color:#6f7884;font-size:12px;max-width:560px;margin:18px auto 0}.step{max-width:560px;margin:0 auto}.step .sub{color:var(--dim);font-size:13.5px;margin:-4px 0 12px}.step.center{min-height:70vh;display:grid;place-content:center;text-align:center;gap:12px}.stage-list{display:grid;gap:10px}.stage-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;padding:12px 14px;min-height:72px;border-radius:16px;border:1px solid var(--line);background:var(--panel-2);position:relative;overflow:hidden}.stage-card:before{content:"";position:absolute;inset:0;opacity:.22;pointer-events:none}.stage-card.theme-jungle:before{background:linear-gradient(90deg,#3f7a3a,transparent 70%)}.stage-card.theme-city:before{background:linear-gradient(90deg,#c88a4a,transparent 70%)}.stage-card.theme-harbor:before{background:linear-gradient(90deg,#4b7d96,transparent 70%)}.stage-card.theme-canyon:before{background:linear-gradient(90deg,#c45a2e,transparent 70%)}.stage-card.theme-fortress:before{background:linear-gradient(90deg,#7a4a9a,transparent 70%)}.stage-card .num{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:20px;background:#00000059;border:1px solid rgba(255,255,255,.12)}.stage-card .info{display:grid;gap:2px;min-width:0}.stage-card .info b{font-size:16.5px}.stage-card .info small{color:var(--dim);font-size:12.5px}.stage-card .rec{display:grid;justify-items:end;gap:2px;font-size:12px;color:var(--dim)}.stage-card.picked{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber) inset}.stage-card.locked{opacity:.55}.stage-card .lock{max-width:110px;text-align:right}.stage-card.shake{animation:shake .35s}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.stars{color:var(--amber);letter-spacing:1px;font-size:15px}.stars i{color:#3e4652;font-style:normal}.join{display:grid;gap:12px}.join input{min-height:60px;font-size:30px;letter-spacing:.3em;text-align:center;text-transform:uppercase;border-radius:16px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink)}.lobby .invite-box{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:14px;border-radius:18px;background:var(--panel-2);border:1px solid var(--line)}.invite-box .code{display:grid}.invite-box .code small{color:var(--dim);font-size:12px}.invite-box .code strong{font-size:30px;letter-spacing:.14em;font-weight:900;color:var(--amber)}.invite-box .chip{grid-column:1 / -1}.seats{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}.seat{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:#ffffff08;font-weight:700}.seat .dot{width:14px;height:14px;border-radius:50%;background:var(--p1);box-shadow:0 0 12px var(--p1)}.seat.slot-1 .dot{background:var(--p2);box-shadow:0 0 12px var(--p2)}.seat.empty{color:var(--dim);border-style:dashed}.seat.empty .dot{background:#3a424e;box-shadow:none;animation:blink 1.2s infinite}.seat em{font-style:normal;font-size:12px;color:var(--amber)}.seat em.away{color:var(--red)}@keyframes blink{50%{opacity:.3}}.room-stage{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#ffffff08;border:1px solid var(--line)}.room-stage span{display:grid}.room-stage small{color:var(--dim);font-size:12px}.lobby-actions{display:grid;gap:10px;margin-top:14px}.loading p{color:var(--dim)}.loading .tip{max-width:320px;font-size:13px}.progress{width:min(70vw,300px);height:8px;border-radius:4px;background:#262d37;overflow:hidden}.progress i{display:block;height:100%;background:var(--amber);transition:width .2s}.crosshair-anim{width:64px;height:64px;margin:0 auto;border:3px solid var(--amber);border-radius:50%;position:relative;animation:spin 1.6s linear infinite}.crosshair-anim:before,.crosshair-anim:after{content:"";position:absolute;background:var(--amber)}.crosshair-anim:before{left:50%;top:-10px;bottom:-10px;width:3px;transform:translate(-50%)}.crosshair-anim:after{top:50%;left:-10px;right:-10px;height:3px;transform:translateY(-50%)}@keyframes spin{to{transform:rotate(360deg)}}.result-card{max-width:520px;margin:18px auto;padding:18px 16px 16px;border-radius:22px;background:var(--panel);border:1px solid var(--line);text-align:center;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--hazard)}.result-card.failed:before{background:repeating-linear-gradient(-45deg,#ff4a3a 0 10px,#1a1a1a 10px 20px)}.result-card h2{font-size:clamp(26px,7vw,36px);margin:4px 0 6px;font-weight:900}.big-stars .stars{font-size:38px;letter-spacing:6px}.score-line{display:grid;justify-items:center;margin:8px 0}.score-line small{color:var(--dim)}.score-line b{font-size:34px;font-weight:900;color:var(--amber)}.score-line .best{font-style:normal;font-weight:800;color:var(--green)}.ace{color:var(--dim)}.stats{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.stats li{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff0a;font-size:13.5px}.stats span{color:var(--dim)}.result-card .tip{color:var(--dim);font-size:13px}.result-actions{display:grid;gap:8px;margin-top:10px}.hud{position:absolute;inset:0;z-index:6;pointer-events:none}.hud[hidden]{display:none}.hud-top{position:absolute;top:calc(env(safe-area-inset-top) + 8px);left:max(10px,env(safe-area-inset-left));right:calc(var(--edge) + var(--menu-gap));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:8px;align-items:start;max-width:760px;margin:0 auto}.pl{display:grid;gap:3px;padding:6px 8px;border-radius:12px;background:#0a0d128c;border-left:3px solid var(--p1)}.pl[hidden]{display:none}.pl-1{border-left:0;border-right:3px solid var(--p2);text-align:right;justify-items:end}.pl.dead{opacity:.5;filter:grayscale(1)}.hearts{display:flex;gap:3px}.hearts i{width:13px;height:12px;background:#3a414b;clip-path:polygon(50% 100%,0 38%,12% 6%,34% 0,50% 18%,66% 0,88% 6%,100% 38%)}.hearts i.on{background:#ff5468}.pl-1 .hearts i.on{background:#ff8a4a}.pl .score{font-weight:900;font-size:15px;display:flex;gap:6px;align-items:baseline}.pl .combo{color:var(--amber);font-size:13px}.mid{display:grid;gap:4px;justify-items:center}.where{display:flex;gap:6px;align-items:center;font-size:11.5px;color:#dfe4ea;text-shadow:0 1px 2px #000;max-width:100%}.where .stage-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-tag{flex:none;white-space:nowrap;padding:1px 6px;border-radius:6px;background:#00000080;color:var(--amber);font-weight:900}.gauge{position:relative;width:100%;height:14px;border-radius:7px;background:#0000008c;border:1px solid rgba(255,255,255,.15);overflow:hidden}.gauge i{position:absolute;inset:0;background:linear-gradient(90deg,#ff5a3a,#ffb02e);transform-origin:left;transition:transform .25s}.gauge-label{position:absolute;inset:0;display:grid;place-items:center;font-size:9.5px;font-weight:900;letter-spacing:.12em;color:#fff;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden}.hud.boss-bar .gauge{height:16px}.hud.boss-bar .gauge i{background:linear-gradient(90deg,#b51c3a,#ff4a5a)}.hud-pause{position:absolute;pointer-events:auto;top:calc(env(safe-area-inset-top) + 74px);left:max(10px,env(safe-area-inset-left));width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#0a0d128c;display:grid;place-items:center}.hud-pause svg{width:20px;height:20px}.hud-banner{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%) scale(.6);opacity:0;font-size:clamp(30px,9vw,58px);font-weight:900;letter-spacing:.04em;white-space:nowrap;color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.55),0 0 24px rgba(0,0,0,.4)}.hud-banner.show{animation:pop .4s cubic-bezier(.2,1.6,.4,1) forwards}.hud-banner.go{color:var(--amber)}.hud-banner.warn{color:#ff4a4a;font-size:clamp(22px,6.5vw,40px);animation:pop .4s forwards,warnblink .35s 4 .4s}.hud-banner.clear{color:var(--green)}.hud-banner.bad{color:#ff6a5a;font-size:clamp(20px,6vw,34px)}.hud-banner.good{color:var(--green);font-size:clamp(22px,6vw,36px)}.hud-banner.item{color:#9ad8ff;font-size:clamp(20px,6vw,32px)}@keyframes pop{to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes warnblink{50%{opacity:.35}}.hud-hint{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 74px);transform:translate(-50%);max-width:min(76vw,420px);background:#0a0d12c7;color:#fff;font-size:13.5px;font-weight:700;border-radius:12px;padding:7px 12px;text-align:center}.hud-down{position:absolute;left:50%;top:42%;transform:translate(-50%);background:#781414b3;padding:8px 14px;border-radius:12px;font-weight:800;font-size:14px}.hud-actions{position:absolute;right:calc(var(--edge) + var(--menu-gap));bottom:calc(env(safe-area-inset-bottom) + 14px);display:grid;grid-template-columns:auto auto;grid-template-areas:"weapon weapon" "grenade roll";gap:10px;align-items:end;justify-items:end;pointer-events:none}.act{pointer-events:auto;border:1px solid rgba(255,255,255,.22);background:#0e12189e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;border-radius:50%;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .08s}.act.pressed{transform:scale(.9)}.act svg{width:46%;height:46%}.act.roll{grid-area:roll;width:78px;height:78px;border-color:#45c8ff8c}.act.roll small{font-size:10px;font-weight:800;margin-top:-10px}.act.roll.cool{opacity:.6}.act.grenade{grid-area:grenade;width:60px;height:60px;position:relative;color:#b8f08a}.act.grenade .count{position:absolute;right:-2px;top:-2px;min-width:22px;height:22px;border-radius:11px;background:#3b7a2a;color:#fff;font-size:12px;font-style:normal;font-weight:900;display:grid;place-items:center;border:2px solid #12151b}.act.grenade.none{opacity:.4}.act.weapon{grid-area:weapon;border-radius:14px;width:auto;min-width:148px;height:48px;display:grid;grid-template-columns:44px auto;grid-template-rows:auto auto;padding:4px 10px;gap:0 6px;align-items:center;justify-items:start}.act.weapon .w-icon{grid-row:1 / 3;width:44px;height:26px;color:#e9edf2}.act.weapon .w-icon svg{width:100%;height:100%}.act.weapon .w-ammo{font-weight:900;font-size:16px;font-variant-numeric:tabular-nums}.act.weapon .w-alt{font-size:10.5px;color:var(--dim);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act.weapon.special{border-color:var(--amber)}.act.weapon.special .w-icon{color:var(--amber)}.act.weapon.low .w-ammo{color:var(--red)}.stick-zone{position:absolute;left:0;bottom:0;width:52%;height:30%;z-index:4;touch-action:none}.stick-zone[hidden]{display:none}.stick-zone:after{content:"";position:absolute;left:max(14px,env(safe-area-inset-left));bottom:calc(env(safe-area-inset-bottom) + 24px);width:96px;height:96px;border-radius:50%;border:2px dashed rgba(255,255,255,.22);background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%);pointer-events:none}.stick-zone.touching:after{opacity:0}.stick-base,.stick-knob{position:absolute;left:0;top:0;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .12s}.stick-base{width:104px;height:104px;margin:-52px 0 0 -52px;border:2px solid rgba(255,255,255,.5);background:#ffffff14}.stick-knob{width:50px;height:50px;margin:-25px 0 0 -25px;background:#45c8ffd9;box-shadow:0 0 14px #45c8ff99}.stick-zone.touching .stick-base,.stick-zone.touching .stick-knob{opacity:1}@media(pointer:fine){.stick-zone{display:none}.act.roll,.act.grenade{width:58px;height:58px}.act.roll small{display:none}}@media(orientation:landscape)and (max-height:520px){.hud-top{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr)}.stick-zone{width:40%;height:55%}.act.roll{width:70px;height:70px}.hud-pause{top:calc(env(safe-area-inset-top) + 64px)}}@media(max-width:359px){.act.weapon{min-width:124px}.act.roll{width:70px;height:70px}}body:not(.gamenow-mobile-mode):has(#gamenow-share-launcher) .hud-actions{bottom:calc(env(safe-area-inset-bottom) + 66px)}.sheet-dialog{border:1px solid var(--line);border-radius:20px;background:#1a2029;color:var(--ink);padding:18px;width:min(92vw,420px)}.sheet-dialog::backdrop{background:#0000008c}.sheet-dialog h2{margin:0 0 8px}.sheet-dialog .sub{color:var(--dim)}.dialog-actions{display:grid;gap:8px;margin-top:10px}.credits{padding-left:18px;line-height:1.5;font-size:13.5px;color:#cfd5dc}.credits a,.sheet-dialog a{color:var(--p1)}.toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 60px);transform:translate(-50%);z-index:20;background:#0d1015;border:1px solid var(--line);color:#fff;padding:9px 16px;border-radius:12px;font-weight:700;font-size:14px;max-width:88vw;text-align:center}.toast[hidden]{display:none}@media(prefers-reduced-motion:reduce){.hud-banner.show{animation:none;opacity:1;transform:translate(-50%,-50%)}.crosshair-anim{animation:none}}