.stage{aspect-ratio:16/9;border:1px solid var(--line);isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none;background:#06040a;border-radius:14px;width:100%;max-height:min(80vh,900px);position:relative;overflow:hidden}.stage:fullscreen{aspect-ratio:auto;border:0;border-radius:0;height:100%;max-height:none}.stage canvas.game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hud,.screen{pointer-events:none;font-family:var(--font-body);color:var(--ink);position:absolute;inset:0}.hud{--pad:clamp(10px, 1.6vw, 22px);opacity:0;transition:opacity .35s}.stage.playing .hud{opacity:1}.hud-mission{top:var(--pad);left:var(--pad);border-left:3px solid var(--yellow);opacity:0;background:linear-gradient(90deg,#1b0a19b8,#1b0a1900);max-width:min(46%,420px);padding:10px 14px;transition:opacity .3s,transform .3s;position:absolute;transform:translate(-8px)}.hud-mission.on{opacity:1;transform:none}.hud-mission b{font-family:var(--font-disp);font-size:var(--t-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--yellow);display:block}.hud-mission span{font-size:var(--t-sm);line-height:var(--lh-snug);color:var(--soft);text-shadow:0 1px 3px #000c;margin-top:3px;display:block}.hud-corner{top:var(--pad);right:var(--pad);justify-items:end;gap:6px;display:grid;position:absolute}.hud-money{font-family:var(--font-disp);color:#7ee6a8;text-shadow:0 2px 6px #000000d9;font-size:clamp(1rem,2.1vw,1.6rem);font-weight:800;line-height:1}.hud-clock{font-family:var(--font-disp);font-size:var(--t-xs);letter-spacing:.12em;color:var(--ink-2);text-shadow:0 1px 4px #000000e6}.hud-stars{filter:drop-shadow(0 2px 4px #000000e6);opacity:0;gap:2px;font-size:clamp(.9rem,1.8vw,1.35rem);line-height:1;transition:opacity .25s;display:flex}.hud-stars.active{opacity:1}.hud-stars i{color:#ffffff29;font-style:normal}.hud-stars i.on{color:var(--yellow);animation:1.1s ease-in-out infinite star-pulse}@keyframes star-pulse{0%,to{opacity:1}50%{opacity:.55}}.hud-minimap{aspect-ratio:1;background:#0e2436;border:2px solid #fff3e838;border-radius:50%;width:clamp(96px,15vw,178px);position:relative;overflow:hidden;box-shadow:0 6px 22px #0000008c,inset 0 0 26px #0009}.hud-minimap canvas{width:100%;height:100%;display:block}.hud-bars{left:var(--pad);bottom:var(--pad);gap:5px;width:clamp(140px,22vw,250px);display:grid;position:absolute}.bar{background:#0a050cb8;border-radius:5px;height:9px;transition:opacity .3s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3e824}.bar:after{content:"";width:calc((100% - 2px) * var(--v,1));background:var(--fill);border-radius:4px;transition:width .18s linear;position:absolute;inset:1px}.bar.health{--fill:linear-gradient(90deg, #ff6b4a, #ffc24d)}.bar.armor{--fill:linear-gradient(90deg, #2f7f9f, #36e0ff);height:7px}.bar.sprint{--fill:linear-gradient(90deg, #d4459b, #ff4e86);height:5px}.hud-weapon{right:var(--pad);bottom:var(--pad);text-align:right;text-shadow:0 2px 6px #000000e6;position:absolute}.hud-weapon b{font-family:var(--font-disp);font-size:var(--t-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:block}.hud-weapon span{font-family:var(--font-disp);color:var(--warm);font-size:clamp(1rem,2vw,1.5rem);font-weight:800;display:block}.hud-weapon span.low{color:var(--coral)}.hud-crosshair{opacity:0;width:4px;height:4px;margin:-2px 0 0 -2px;transition:opacity .12s;position:absolute;top:50%;left:50%}.hud-crosshair.on{opacity:1}.hud-crosshair:before,.hud-crosshair:after{content:"";width:calc(var(--s,12px) * 2);height:calc(var(--s,12px) * 2);clip-path:polygon(0 0,42% 0,42% 100%,0 100%,0 0,100% 0,100% 100%,58% 100%,58% 0,100% 0);border:1.5px solid #fff3e8d9;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.hud-crosshair:after{rotate:90deg}.hud-subtitle{left:50%;bottom:calc(var(--pad) + 52px);text-align:center;max-width:min(72%,720px);font-size:var(--t-md);line-height:var(--lh-snug);color:var(--soft);text-shadow:0 2px 5px #000000e6;opacity:0;background:#0c050c99;border-radius:8px;padding:8px 16px;transition:opacity .25s;position:absolute;translate:-50%}.hud-subtitle.on{opacity:1}.hud-subtitle b{color:var(--yellow);margin-right:8px}.hud-hint{left:50%;bottom:calc(var(--pad) + 14px);font-size:var(--t-xs);letter-spacing:.05em;color:var(--ink-2);opacity:0;background:#0c050c99;border-radius:999px;padding:5px 12px;transition:opacity .25s;position:absolute;translate:-50%}.hud-hint.on{opacity:1}.hud-toast{font-family:var(--font-disp);letter-spacing:.04em;text-align:center;text-shadow:0 4px 18px #000000e6;opacity:0;padding:10px 26px;font-size:clamp(1.1rem,3vw,2.1rem);font-weight:800;transition:opacity .3s,scale .3s;position:absolute;top:22%;left:50%;translate:-50%;scale:.94}.hud-toast.on{opacity:1;scale:1}.hud-toast.ok{color:#7ee6a8}.hud-toast.fail{color:var(--coral)}.hud-toast.info{color:var(--warm)}.hud-radio{left:50%;top:var(--pad);opacity:0;background:#0c050c9e;border-radius:999px;align-items:baseline;gap:10px;padding:6px 16px;transition:opacity .3s;display:flex;position:absolute;translate:-50%}.hud-radio.on{opacity:1}.hud-radio b{font-family:var(--font-disp);font-size:var(--t-sm);letter-spacing:.1em}.hud-radio span{font-size:var(--t-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.hud-damage{opacity:0;background:radial-gradient(#0000 42%,#a0141ed9 100%);transition:opacity .12s linear;position:absolute;inset:0}.hud-fps{left:var(--pad);top:var(--pad);font-size:var(--t-3xs);letter-spacing:.08em;color:#fff3e852;font-variant-numeric:tabular-nums;position:absolute}.stage:not(.debug) .hud-fps{display:none}.hud-bigmap{opacity:0;visibility:hidden;background:#06040adb;place-items:center;transition:opacity .2s,visibility .2s;display:grid;position:absolute;inset:0}.hud.map-open .hud-bigmap,.hud-root.map-open .hud-bigmap{opacity:1;visibility:visible}.hud-bigmap canvas{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;width:auto;max-width:90%;height:90%}.hud-bigmap .legend{font-size:var(--t-xs);color:var(--ink-3);gap:18px;display:flex;position:absolute;bottom:4%;left:50%;translate:-50%}.hud-bigmap .legend i{vertical-align:middle;border-radius:2px;width:9px;height:9px;margin-right:6px;display:inline-block;rotate:45deg}.screen{text-align:center;background:linear-gradient(180deg, #1b0a19d1, #0a040cf0), var(--poster,none) center / cover no-repeat;pointer-events:auto;opacity:1;z-index:4;place-items:center;padding:clamp(16px,4vw,48px);transition:opacity .4s,visibility .4s;display:grid}.screen[hidden]{display:none}.screen.fade{opacity:0;visibility:hidden}.screen .inner{justify-items:center;gap:clamp(12px,2vw,20px);max-width:620px;display:grid}.screen .eyebrow{font-family:var(--font-disp);font-size:var(--t-2xs);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)}.screen h2{font-family:var(--font-disp);font-size:clamp(1.7rem,5vw,3.4rem);font-weight:800;line-height:var(--lh-tight);letter-spacing:-.02em;background:var(--sunset);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.screen p{max-width:46ch;font-size:var(--t-sm);line-height:var(--lh-text);color:var(--ink-2);margin:0}.btn-play{appearance:none;cursor:pointer;font-family:var(--font-disp);font-size:var(--t-lg);letter-spacing:.06em;text-transform:uppercase;color:var(--dark-ink);background:var(--sunset);border:0;border-radius:999px;padding:14px 42px;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 10px 30px #ff4e8647}.btn-play:hover{transform:translateY(-2px);box-shadow:0 14px 38px #ff4e8666}.btn-play:active{transform:translateY(0)}.game-btn{appearance:none;cursor:pointer;border:1px solid var(--line);color:var(--ink);font-family:var(--font-body);font-size:var(--t-sm);background:#2e1129b3;border-radius:999px;padding:9px 22px;transition:border-color .15s,background .15s}.game-btn:hover{border-color:var(--orange);background:var(--surface-hi)}.screen .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.load-bar{background:#fff3e81f;border-radius:4px;width:min(320px,70%);height:4px;overflow:hidden}.load-bar i{background:var(--sunset);width:0;height:100%;transition:width .25s;display:block}.settings{text-align:left;gap:10px;width:min(420px,100%);display:grid}.settings label{font-size:var(--t-sm);color:var(--ink-2);grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.settings select,.settings input[type=range]{accent-color:var(--orange);background:var(--surface);color:var(--ink);border:1px solid var(--line);font:inherit;font-size:var(--t-sm);border-radius:8px;padding:5px 8px}.settings input[type=range]{border:0;width:150px;padding:0}.settings input[type=checkbox]{width:20px;height:20px;accent-color:var(--orange);cursor:pointer}.touch{pointer-events:none;z-index:3;display:none;position:absolute;inset:0}.stage.touch-on.playing .touch{display:block}.touch .zone{pointer-events:auto;position:absolute;inset:0 50% 0 0}.touch .zone.look{inset:0 0 0 50%}.touch .stick{pointer-events:none;background:#0c050c4d;border:2px solid #fff3e833;border-radius:50%;width:118px;height:118px;position:absolute;bottom:12%;left:6%}.touch .stick i{background:#fff3e84d;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}.touch .pad{pointer-events:none;grid-template-columns:repeat(3,auto);gap:10px;display:grid;position:absolute;bottom:8%;right:4%}.touch .pad button{pointer-events:auto;width:58px;height:58px;color:var(--ink);font-family:var(--font-disp);font-size:var(--t-2xs);letter-spacing:.06em;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1b0a198c;border:1px solid #fff3e83d;border-radius:50%}.touch .pad button.on{background:var(--sunset);color:var(--dark-ink)}.touch .pad button.wide{border-radius:999px;grid-column:span 3;width:auto;height:42px}.play-head{gap:var(--s-4);margin-bottom:var(--s-6);display:grid}.play-actions{margin-top:var(--s-4);font-size:var(--t-sm);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.keys{gap:var(--s-3) var(--s-6);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:0;padding:0;list-style:none;display:grid}.keys li{border-bottom:1px solid var(--line);font-size:var(--t-sm);color:var(--ink-2);align-items:baseline;gap:10px;padding:8px 0;display:flex}.keys kbd{border:1px solid var(--line);background:var(--surface);min-width:2.4em;font-family:var(--font-body);font-size:var(--t-xs);color:var(--warm);text-align:center;border-radius:5px;flex:none;padding:2px 7px}.feature-grid{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.feature-grid li{padding:var(--s-5);border:1px solid var(--line);background:var(--panel);border-radius:12px}.feature-grid b{font-family:var(--font-disp);font-size:var(--t-sm);color:var(--warm);margin-bottom:6px;display:block}.feature-grid span{font-size:var(--t-sm);line-height:var(--lh-text);color:var(--ink-3)}@media (width<=720px){.stage{aspect-ratio:4/5;max-height:74vh}.hud-minimap{width:92px}.hud-mission{max-width:62%}}@media (prefers-reduced-motion:reduce){.hud-stars i.on{animation:none}.screen,.hud-toast,.hud-subtitle,.btn-play{transition:none}}