:root{color:#e9f9ff;font-synthesis:none;--ink:#e9f9ff;--muted:#7f9aa7;--cyan:#35f2ff;--cyan-dim:#0e8592;--orange:#ff8a34;--danger:#ff3c5f;--panel:#050f17d1;--line:#35f2ff57;background:#03070b;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace}*{box-sizing:border-box}html,body,#app{height:100%;min-height:0;margin:0}body{background:radial-gradient(circle at 50% 25%,#0f4d5c4d,#0000 48%),#03070b;min-width:320px;height:100dvh;overflow:hidden}button,kbd{font:inherit}#app{place-items:center;height:100dvh;padding:20px;display:grid}#game-shell{aspect-ratio:16/9;background:#071018;border:1px solid #35f2ff73;width:min(100%,1280px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 28px 90px #000000b3,0 0 70px #16a7bc1a}#game-shell:after{z-index:5;pointer-events:none;content:"";opacity:.16;mix-blend-mode:soft-light;background:repeating-linear-gradient(#0000 0 3px,#ffffff12 4px);position:absolute;inset:0}#game-container,#game-container canvas{width:100%;height:100%;display:block}#game-container:focus-visible{outline:2px solid var(--cyan);outline-offset:-4px}.hud{z-index:10;pointer-events:none;background:linear-gradient(#01060ab8,#0000);grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;padding:clamp(12px,2vw,24px);display:grid;position:absolute;inset:0 0 auto}.hud__identity,.hud__mission,.hud__vitals{flex-direction:column;gap:4px;display:flex}.hud__identity strong{color:var(--cyan);letter-spacing:.13em;text-shadow:0 0 18px #35f2ff80;font-size:clamp(18px,2vw,30px)}.hud__eyebrow,.hud__label{color:var(--muted);letter-spacing:.16em;font-size:clamp(8px,.75vw,11px)}.hud__vitals{border-top:2px solid var(--cyan);background:var(--panel);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);min-width:210px;padding:10px 14px}.health-meter{grid-template-columns:repeat(8,1fr);gap:3px;height:10px;display:grid}.health-meter__cell{background:var(--cyan);transition:opacity .12s,background .12s;box-shadow:0 0 8px #35f2ffa6}.health-meter__cell.is-empty{opacity:.18;background:var(--danger);box-shadow:none}.hud__value{color:var(--ink);text-align:right;font-size:10px}.hud__mission{text-align:right;align-items:flex-end}.hud__mission strong{letter-spacing:.08em;max-width:300px;font-size:clamp(10px,1vw,14px)}.controls-hint{z-index:10;max-width:calc(100% - 40px);color:var(--muted);border-left:2px solid var(--cyan-dim);background:#02080cb3;flex-wrap:wrap;gap:10px 16px;padding:8px 10px;font-size:clamp(8px,.75vw,11px);transition:opacity .5s;display:flex;position:absolute;bottom:18px;left:20px}.controls-hint.is-dimmed{opacity:.28}kbd{min-width:19px;color:var(--cyan);border:1px solid var(--line);text-align:center;background:#05141ce0;margin-right:3px;padding:2px 4px}.status-message{z-index:12;min-width:min(420px,76%);color:var(--cyan);border-block:1px solid var(--cyan);letter-spacing:.12em;text-align:center;opacity:0;pointer-events:none;background:#02080ce0;padding:12px 20px;font-weight:700;transition:opacity .18s,transform .18s;position:absolute;top:34%;left:50%;transform:translate(-50%,10px)}.status-message.is-visible{opacity:1;transform:translate(-50%)}.feel-lab-readout{z-index:11;min-width:220px;color:var(--ink);pointer-events:none;background:#02080ce0;border:1px solid #f4f7ff7a;border-left:4px solid #f4f7ff;padding:10px 14px 12px;position:absolute;top:clamp(78px,14%,118px);right:clamp(12px,2vw,24px);box-shadow:0 0 24px #35f2ff1a}.feel-lab-readout[hidden]{display:none}.feel-lab-readout pre{color:#f4f7ff;letter-spacing:.04em;margin:6px 0 0;font:700 clamp(10px,.85vw,12px)/1.55 SFMono-Regular,Cascadia Code,monospace}.touch-controls{z-index:20;pointer-events:none;justify-content:space-between;display:none;position:absolute;inset:auto 14px 14px}.touch-controls__move,.touch-controls__action{align-items:end;gap:8px;display:flex}.touch-controls button{width:54px;height:54px;color:var(--ink);border:1px solid var(--line);pointer-events:auto;touch-action:none;background:#05141cc2;border-radius:50%;font-size:11px;font-weight:700}.touch-controls button:active,.touch-controls button.is-active{color:#031014;background:var(--cyan)}.prototype-note{color:#7f9aa78c;letter-spacing:.15em;margin:0;font-size:9px;position:fixed;bottom:8px;right:20px}@media (hover:none),(width<=760px){#app{padding:0}#game-shell{border:0;width:min(100vw,177.78vh)}.hud{grid-template-columns:1fr auto}.hud__identity .hud__eyebrow,.hud__mission,.controls-hint,.prototype-note{display:none}.feel-lab-readout{min-width:178px;padding:8px 10px;top:68px;right:8px}.hud__vitals{min-width:min(190px,54vw)}.touch-controls{display:flex}}@media (height<=500px) and (orientation:landscape){#app{padding:0}#game-shell{border:0;width:min(100vw,177.78vh)}.hud{grid-template-columns:1fr auto}.hud__identity .hud__eyebrow,.hud__mission,.controls-hint,.prototype-note{display:none}.hud__vitals{min-width:min(190px,54vw)}.touch-controls{display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}