@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Share+Tech+Mono&display=swap');
:root{--c:#61f7ed;--p:#ff4ac8;--y:#ffe66d}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:18px;display:flex;align-items:center;justify-content:center;color:#e8faff;background:radial-gradient(ellipse at 50% 12%,#22245d,#0a0c2a 48%,#030414);font-family:'Share Tech Mono',monospace}.cabinet{width:min(1060px,100%);padding:22px;background:#0b0e2aee;border:1px solid #5966bb;box-shadow:0 0 55px #5266ff33;border-radius:7px}header,.hud,footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.logo{font:16px 'Press Start 2P';color:var(--c);text-shadow:0 0 12px var(--c)}.logo small{display:block;margin:9px 0 0 27px;font:10px 'Share Tech Mono';letter-spacing:4px;color:#a9b5ff}.status,.hud{font-size:11px;letter-spacing:1px;color:#aebaff}.monitor{margin:22px auto 18px;padding:10px 12px;background:#020310;border:2px solid #626fc7;max-width:850px;box-shadow:0 0 24px #5565d833}.hud{padding:5px 1px 9px}.hud b{color:var(--y);font-weight:normal}canvas{display:block;width:100%;height:auto;background:#05071c;border:1px solid #222b70;image-rendering:pixelated}.info{max-width:850px;margin:auto;display:flex;justify-content:space-between;gap:25px}h1{font:19px 'Press Start 2P';color:var(--p)}.info p{max-width:530px;color:#c5ceff;font-size:15px;line-height:1.5}.controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#9ba8e8;font-size:11px}kbd{padding:6px 8px;color:var(--c);border:1px solid #5969bd;background:#151a45}.buttons{min-width:190px;display:flex;flex-direction:column;align-items:flex-end}button{font:10px 'Press Start 2P';padding:14px 12px;border:1px solid var(--c);background:#102d49;color:var(--c);cursor:pointer}button:hover{background:#174967}.secondary{margin-top:9px;border-color:#9274d4;color:#d0bcff;background:#211842;font-size:9px}#hint{font-size:11px;line-height:1.5;color:var(--y);text-align:right}footer{max-width:850px;margin:23px auto 0;padding-top:13px;border-top:1px solid #343b7b;color:#6573b8;font-size:9px}footer span{color:#9287ce}@media(max-width:700px){body{padding:8px}.cabinet{padding:12px}.logo{font-size:11px}.status,.hud{font-size:8px}.info{display:block}.buttons{align-items:flex-start;margin-top:18px}#hint{text-align:left}.info p{font-size:13px}footer{font-size:7px;gap:8px}}