:root{color-scheme:dark;font-family:'Courier New',monospace;color:#eee9d9;background:#050610}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at top,#17213d,#050610 65%)}
.shell{max-width:1380px;margin:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:24px;gap:16px}
.hud,footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:bold;letter-spacing:1px}
.mission{color:#f57850}.score strong{color:#ffd585;font-variant-numeric:tabular-nums}#lives{color:#ff7058;font-size:25px;letter-spacing:4px}
.game-frame{position:relative;border:3px solid #3b496a;box-shadow:6px 6px 0 #020309;aspect-ratio:16/9;background:#050817;overflow:hidden}
canvas{width:100%;height:100%;display:block;image-rendering:pixelated;outline:none}
.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;background:#050817c9;gap:14px}
[hidden]{display:none!important}.eyebrow{color:#ffd585;letter-spacing:3px;font-size:14px;margin:0}.danger{color:#ff7158}
h1,h2{font-family:monospace;font-weight:900;font-size:clamp(28px,5vw,66px);line-height:1.08;letter-spacing:2px;margin:0;text-shadow:4px 4px #99392d}
h1 span{color:#ff7658}.brief{max-width:540px;font-size:16px;line-height:1.5;margin:0;color:#b9c6df}
button{font:700 18px 'Courier New',monospace;border:2px solid #ffc69e;background:#ef603b;color:#100a12;padding:12px 30px;box-shadow:4px 4px #803523;cursor:pointer}
button:hover{background:#ffad73}button:focus-visible{outline:3px solid #fff;outline-offset:4px}.controls{font-size:14px;line-height:1.8;margin:0;color:#b9c6df}
kbd{font:inherit;border:1px solid #7182a6;padding:2px 6px;color:#fff}.final-score{font-size:20px;color:#ffd585}
footer{color:#8293b6}.touch-controls{display:none;justify-content:space-between;gap:12px}.touch-controls div{display:flex;gap:12px}.touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none;min-width:68px;min-height:58px}
@media(pointer:coarse){.touch-controls{display:flex}.desktop-hint{display:none}}
@media(max-width:650px){.shell{padding:10px;gap:12px}.hud{flex-wrap:wrap;font-size:14px}.mission{width:100%}.game-frame{aspect-ratio:auto;height:64svh;min-height:330px}canvas{object-fit:contain}.overlay{gap:14px}.brief{font-size:16px}h1,h2{font-size:32px}footer{font-size:12px}}
@media(max-height:520px){.shell{padding:8px;gap:8px}.game-frame{max-height:76svh;align-self:center;width:100%;aspect-ratio:16/9}.overlay{gap:6px;padding:8px}.eyebrow,.brief{display:none}h1,h2{font-size:30px}button{padding:7px 24px}.touch-controls{position:fixed;bottom:12px;left:18px;right:18px;pointer-events:none}.touch-controls button{pointer-events:auto;opacity:.8}footer{display:none}}