:root{--bg:#101a3a;--board:#2447b8;--board-edge:#18328a;--hole:#0c1430;--red:#ef4b4b;--red-edge:#b32626;--yellow:#ffd23f;--yellow-edge:#c99a00;--text:#f1f4ff;--muted:#b5c0e8;--accent:#78ffd6}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0%, #1d2d66 0%, var(--bg) 60%) fixed;min-height:100dvh;color:var(--text);margin:0;font-family:Space Grotesk,system-ui,sans-serif}main{text-align:center;flex-direction:column;align-items:center;max-width:560px;margin:0 auto;padding:64px 16px 32px;display:flex}h1{margin:0;font-size:clamp(30px,7vw,40px)}.hint,.keys{color:var(--muted);margin:8px 0 0}.keys{font-size:14px}.scores{margin:14px 0 0;font-weight:700}.status{min-height:1.4em;margin:6px 0 14px;font-size:22px;font-weight:700}.board-frame{border:0;width:min(100%,520px);min-width:0;margin:0;padding:0}.board{border:3px solid var(--board-edge);background:var(--board);border-radius:18px;grid-template-columns:repeat(7,1fr);gap:4px;padding:10px;display:grid}.column{cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-rows:repeat(6,1fr);gap:4px;padding:4px;display:grid;overflow:hidden}.column:hover:not(:disabled),.column:focus-visible{background:#ffffff1f}.column:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.column:disabled{cursor:default}.cell{aspect-ratio:1;background:var(--hole);border-radius:50%;position:relative}.disc{border-radius:50%;position:absolute;inset:0}.disc.p1{border:4px solid var(--red-edge);background:var(--red)}.disc.p2{border:4px solid var(--yellow-edge);background:radial-gradient(circle, var(--yellow) 0 38%, var(--yellow-edge) 39% 46%, var(--yellow) 47%)}.disc.dropped{animation:.38s cubic-bezier(.5,0,1,1) fall}.disc.win{box-shadow:0 0 0 3px #fff,0 0 18px 4px #ffffffb3}@keyframes fall{0%{transform:translateY(calc(var(--fall) * -110%))}}.new-round{border:1px solid var(--accent);background:var(--accent);color:#0b1026;cursor:pointer;border-radius:999px;margin-top:18px;padding:11px 20px;font:600 16px Space Grotesk,system-ui,sans-serif}.new-round:focus-visible{outline:3px solid var(--text);outline-offset:3px}@media (prefers-reduced-motion:reduce){.disc.dropped{animation:none}}