:root{color-scheme:dark;--ink:#f4efcf;--muted:#9d9985;--bg:#08090b;--panel:#11131a;--accent:#d7c85b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -15%,#292534 0,#11121a 42%,#08090b 78%);color:var(--ink);font-family:Consolas,"Courier New",monospace}body{display:grid;place-items:start center;padding:18px}main{width:min(920px,100%)}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px;padding:0 4px}header span,footer{font-size:12px;letter-spacing:.13em;color:#c3b45d}h1{font:700 clamp(28px,5vw,45px)/.92 Arial,sans-serif;margin:5px 0 0}.status{display:flex;gap:22px}.game-shell{position:relative;aspect-ratio:4/3;border:1px solid #393747;background:#000;box-shadow:0 28px 90px #0009}canvas{width:100%;height:100%;display:block;image-rendering:pixelated}#start{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#cfc15a;color:#090a0b;transition:.25s opacity}#start.hidden{opacity:0;pointer-events:none}#start p{letter-spacing:.16em;font-size:13px}#start h2{font:700 clamp(27px,5vw,48px)/.95 Arial,sans-serif;margin:16px 0 26px}button{justify-self:center;border:0;background:#0c0d11;color:#eadb68;padding:16px 24px;font:bold 15px Consolas;box-shadow:7px 7px #6f6730;cursor:pointer}small{display:block;margin-top:28px;letter-spacing:.1em}footer{display:flex;gap:32px;padding:13px 4px;color:var(--muted)}@media(max-width:650px){body{padding:0}.status{display:none}footer{justify-content:center;font-size:10px}.game-shell{border-inline:0}}