/* Console presentation: the playfield owns the screen and the HUD stays at the edges. */
:root{--mono:'Chakra Petch','Arial Narrow',sans-serif}html,body,button{font-family:'Chakra Petch','Arial Narrow',sans-serif}
html,body,.app{width:100%;height:100%;overflow:hidden;background:#0b100b}.app{max-width:none}header,.heading,aside,footer,.controls,.arena-top,.arena-bottom{display:none!important}main{padding:0;height:100%}.workspace{display:block;height:100%}.game-panel{height:100%;border:0;background:#0b100b}.viewport{height:100vh;width:100vw;background:#172016}.console-hud{position:absolute;inset:0;z-index:2;pointer-events:none;color:#d5e5bd;font:10px var(--mono);letter-spacing:1px;text-shadow:1px 1px 0 #0a0e09}.hud-sector{position:absolute;top:28px;left:33px;border-left:2px solid var(--lime);padding:7px 0 7px 11px;background:linear-gradient(90deg,#10170ad0,transparent);min-width:180px}.hud-sector i{margin:0 7px 0 0;width:6px;height:6px}.hud-vitals{position:absolute;left:33px;bottom:32px;width:180px}.hud-vitals b{font-size:8px;font-weight:500}.hud-vitals b span{float:right;color:var(--lime);font-size:13px}.hud-vitals>div{height:5px;background:#293324;margin-top:8px;border:1px solid #506041}.hud-vitals>div span{display:block;width:100%;height:100%;background:var(--lime);transition:width .15s}.hud-ammo{position:absolute;right:34px;bottom:29px;text-align:right}.hud-ammo small{display:block;color:#9cac8a;font-size:7px;margin-bottom:2px}.hud-ammo strong{font-size:40px;line-height:.8;font-weight:500;letter-spacing:-3px}.hud-ammo em{font-style:normal;font-size:12px;color:#89977d;margin-left:7px}.hud-objective{position:absolute;right:34px;top:29px;text-align:right;border-right:2px solid var(--lime);padding:7px 10px 7px 0}.hud-objective span,.hud-score span{display:block;font-size:7px;color:#95a886;margin-bottom:4px}.hud-objective b{font-size:9px;font-weight:500}.hud-score{position:absolute;top:91px;right:34px;text-align:right}.hud-score b{font-size:18px;font-weight:500}.coordinates{left:auto;right:34px;top:135px;text-align:right;font-size:11px;opacity:.65}.vignette{box-shadow:inset 0 0 150px #000b}.overlay{z-index:4;background:radial-gradient(ellipse at 52% 52%,#111a0c60,#090d08f2 75%);justify-content:center;padding:0;text-align:center}.menu-content{max-width:520px;display:flex;align-items:center;flex-direction:column}.menu-content .eyebrow{font-size:9px}.menu-content h2{font-size:112px;margin:19px 0;letter-spacing:0}.menu-content p{display:none}.primary{margin-top:2px;width:265px}.menu-meta{margin-top:16px}.menu-index{right:28px;bottom:28px}.overlay[hidden]{display:none!important}#toast{z-index:3;top:28%;font-size:9px}.game-panel canvas{image-rendering:pixelated}@media(max-width:600px){.hud-sector{top:18px;left:18px}.hud-vitals{left:18px;bottom:20px;width:135px}.hud-ammo{right:18px;bottom:19px}.hud-objective{right:18px;top:18px}.hud-score,.coordinates{display:none}.menu-content h2{font-size:87px}.menu-index{display:none}.primary{width:240px}.console-hud{font-size:8px}}

.hud-sector,.hud-objective,.hud-score{display:none}
#toast{background:none;border:0;color:#fff;padding:0;font:600 18px var(--mono);letter-spacing:1.5px;text-shadow:0 2px 8px #000,0 0 3px #000;transform:translate(-50%,8px);transition:opacity .38s ease,transform .38s ease}#toast.visible{transform:translate(-50%,0)}
#toast kbd{display:inline-grid;place-items:center;width:30px;height:30px;margin:0 5px;border:1px solid #fff;border-radius:0;color:#fff;font:600 16px var(--mono);vertical-align:middle}
.scene{position:absolute;inset:0;z-index:8;background:#000;overflow:hidden}.scene img{width:100%;height:100%;object-fit:cover;will-change:transform,opacity}.scene img.motion-1{animation:cinematic-right linear both}.scene img.motion-2{animation:cinematic-left linear both}.scene img.motion-3{animation:cinematic-rise linear both}.scene img.motion-4{animation:cinematic-pullback linear both}.scene span{position:absolute;right:24px;bottom:20px;color:#fff;font:500 10px var(--mono);letter-spacing:2px;text-shadow:0 2px 5px #000}.time-jump{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font:700 32px var(--mono);letter-spacing:8px;text-transform:uppercase;text-shadow:0 2px 10px #000,0 0 30px #000}@keyframes cinematic-right{0%{opacity:.15;transform:scale(1.1) translate3d(-2.5%,1%,0)}10%{opacity:1}100%{opacity:1;transform:scale(1.17) translate3d(2.5%,-1%,0)}}@keyframes cinematic-left{0%{opacity:.15;transform:scale(1.16) translate3d(2.5%,-1%,0)}10%{opacity:1}100%{opacity:1;transform:scale(1.1) translate3d(-2.5%,1%,0)}}@keyframes cinematic-rise{0%{opacity:.15;transform:scale(1.11) translate3d(0,2.5%,0)}10%{opacity:1}100%{opacity:1;transform:scale(1.18) translate3d(1%,-2.5%,0)}}@keyframes cinematic-pullback{0%{opacity:.15;transform:scale(1.2) translate3d(-1%,-1%,0)}10%{opacity:1}100%{opacity:1;transform:scale(1.08) translate3d(1%,1%,0)}}
.scene.to-black img{opacity:0!important;transition:opacity 1s ease}.scene.to-black span{opacity:0;transition:opacity .5s ease}.scene.reveal-level{opacity:0;transition:opacity 1.2s ease}
.medkit-button{position:fixed;z-index:6;left:33px;bottom:75px;display:flex;align-items:center;gap:8px;background:#10170ae6;border:1px solid #718660;color:#d5e5bd;padding:6px 9px;cursor:pointer;font:8px var(--mono);letter-spacing:.7px}.medkit-button[hidden]{display:none}.medkit-button img{width:26px;height:22px;object-fit:contain;image-rendering:pixelated}.medkit-button b{min-width:14px;color:var(--lime);font-size:11px}.medkit-button:hover:not(:disabled){background:#293324}.medkit-button:disabled{opacity:.5;cursor:default}.medkit-button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:600px){.medkit-button{left:18px;bottom:59px}.medkit-button span{display:none}}

.skip-scene{position:absolute;top:24px;right:24px;z-index:1;padding:12px 16px;border:1px solid #89977d;background:#10170ae6;color:#e4edda;font:12px var(--mono);letter-spacing:1px;cursor:pointer}.skip-scene:hover{background:#293324}.skip-scene:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.test-scene-button{position:absolute;left:24px;bottom:24px;z-index:7;padding:10px 14px;border:1px solid #89977d;background:#10170ae6;color:#e4edda;font:10px var(--mono);letter-spacing:1px;cursor:pointer}.test-scene-button:hover{background:#293324;color:var(--lime)}.test-scene-button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}