:root{color-scheme:dark;--line:#1f4d49;--green:#45f2bb;--cyan:#20c8f5;--pink:#ff4b8b;--text:#edf8fa;--muted:#9bb1ba}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 20%,#10302e 0,#050a10 38%,#020408 100%);color:var(--text);font-family:Inter,Segoe UI,sans-serif}.game-shell{width:min(1440px,100%);margin:auto;padding:14px}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:10px 14px;border:1px solid var(--line);background:#050b12}header a{display:flex;align-items:center;gap:9px;color:var(--text);font-weight:900;text-decoration:none}header img{width:34px;height:34px}.status{display:flex;gap:16px;color:var(--muted);font-size:.88rem}.status b{color:var(--green)}button{min-height:42px;border:1px solid var(--green);border-radius:5px;background:#0c1b20;color:var(--text);font-weight:800;cursor:pointer}button:hover{background:var(--green);color:#02100c}#recordButton{justify-self:end;padding:0 15px}.game-stage{position:relative;overflow:hidden;margin-top:12px;border:1px solid var(--line);background:#02060a;box-shadow:0 25px 80px #0009;aspect-ratio:16/9}canvas{display:block;width:100%;height:100%}.intro{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#02060bcc}.intro p{margin:0;color:var(--green);font-weight:900;text-transform:uppercase}.intro h1{margin:8px 0;font-size:clamp(3rem,9vw,7rem);line-height:.9;text-shadow:0 0 34px #45f2bb88}.intro span{color:var(--muted)}.intro button{margin:25px auto 0;padding:0 28px}.intro.hidden{display:none}.message{position:absolute;top:13%;left:50%;translate:-50% 0;color:var(--text);font-size:clamp(1.2rem,4vw,2.8rem);font-weight:900;text-align:center;text-shadow:0 0 18px #45f2bb;pointer-events:none}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.controls div{display:grid;gap:4px;padding:12px;border:1px solid #173941;background:#071018}.controls b{color:var(--green)}.controls span{color:var(--muted);font-size:.82rem}.touch-controls{display:none;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.touch-controls button{touch-action:none}@media(max-width:800px){header{grid-template-columns:1fr auto}.status{grid-column:1/-1;justify-content:space-between;order:3}#recordButton{font-size:.72rem}.controls{grid-template-columns:repeat(2,1fr)}.touch-controls{display:grid}.game-shell{padding:6px}}