:root{color-scheme:dark;--bg:#10151b;--line:#303c47;--accent:#82e0e9;--text:#f1f5f2;--muted:#9daebd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}main{max-width:600px;padding:22px 20px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}h1{font-size:24px;letter-spacing:-1px;margin:0;font-weight:900}h1 span{font-size:14px;vertical-align:top;margin-left:3px}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid white;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.small{background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--muted);min-height:44px;padding:0 12px;font:10px monospace;letter-spacing:1px}.eyebrow{font:10px monospace;letter-spacing:1.6px;color:var(--accent);margin:20px 0 15px}.game{border:1px solid #384651;border-radius:14px;overflow:hidden;background:#17212a;box-shadow:0 20px 70px #0003}.scores{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.scores>div{min-width:0;flex:1}.scores span{display:block;font:9px monospace;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.scores strong{font:30px monospace;color:var(--accent)}.best{text-align:right}.chain{text-align:center}#dots{display:flex;gap:7px;justify-content:center;padding-top:12px}#dots i{height:7px;width:22px;border-radius:3px;background:#35424d}#dots i.on{background:var(--accent);box-shadow:0 0 9px #82e0e933}#arena{height:clamp(310px,57svh,500px);position:relative;background:#111b24;touch-action:manipulation;user-select:none}canvas{width:100%;height:100%;display:block}#overlay{position:absolute;inset:0;background:#101923ed;display:flex;align-items:center;justify-content:center;text-align:center;padding:22px}.panel{max-width:340px}.panel .eyebrow{font-size:9px;line-height:1.6;margin-top:0}h2{font-size:40px;line-height:1.05;letter-spacing:-1.7px;margin:0 0 20px}h2 em{font-style:normal;color:var(--accent)}#copy{font-size:14px;line-height:1.7;color:#bdc9d2}.primary{background:var(--accent);color:#102329;border:0;border-radius:7px;min-height:52px;padding:14px 42px;font-weight:800;font-size:13px;letter-spacing:1px;margin:6px 0}.primary:hover{background:#a9f3f7}.note{font-size:11px;line-height:1.6;color:var(--muted)}.controls{display:flex;gap:10px;padding:11px}#drop{flex:1;min-height:51px;background:#20393d;border:1px solid #426268;border-radius:7px;color:var(--accent);font-size:13px;font-weight:bold;letter-spacing:1px}#drop:active{background:#315358}kbd{font:9px monospace;border:1px solid #527179;padding:4px;margin-left:12px;border-radius:3px}#feedback{position:absolute;top:22px;width:100%;text-align:center;font:bold 18px Arial;letter-spacing:1px;color:var(--accent);pointer-events:none;text-shadow:0 2px 8px #10151b}footer{display:flex;justify-content:space-between;color:#8d9eac;font:9px monospace;letter-spacing:1px;margin:16px 0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}#arena.failed #overlay{background:linear-gradient(#10192311,#101923ee 55%);align-items:end}#arena.failed h2{font-size:32px;margin-bottom:8px}#arena.failed .eyebrow{display:none}@media(max-width:480px){main{padding:14px}header{padding-bottom:14px}h1{font-size:22px}.eyebrow{font-size:9px;margin:16px 0 12px}.scores{padding:13px 15px}h2{font-size:36px}kbd{display:none}.scores span{font-size:8px}#dots i{width:17px}#arena{height:clamp(280px,54svh,450px)}.panel .eyebrow{font-size:8px}.note{font-size:10px}}