:root{--bg:#f1f3f0;--text:#1a1d1b;--muted:#687068;--line:#dde2dc;--surface:#fff;--felt:#2f7d4f;--felt-dark:#276a43;--grid:#1f5537;--frame:#1c3a29;--black:#1b1b1b;--white:#f6f6f2;--hint:#ffffff47;--accent:#15803d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#121513;--text:#edf1ed;--muted:#a0a8a0;--line:#2a2f2b;--surface:#1a1e1b;--felt:#24653f;--felt-dark:#1f5736;--accent:#4ade80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-underline-offset:3px}button{font:inherit;color:inherit}.muted{color:var(--muted)}.layout{gap:16px;max-width:560px;margin:0 auto;padding:32px 16px 64px;display:grid}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:28px}h1+p{margin:4px 0 0;font-size:14px}h2{margin:0 0 8px;font-size:15px}.controls{flex-wrap:wrap;gap:8px;display:flex}.segmented{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:14px}.segmented button.active{background:var(--text);color:var(--bg)}.segmented button:not(.active):hover{background:var(--line)}.scores{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.score{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.score strong{font-variant-numeric:tabular-nums;font-size:22px}.score.turn{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.score .disc{width:20px}.status{text-align:center;margin:0;font-size:14px;font-weight:600}.board{aspect-ratio:1;border:10px solid var(--frame);background:var(--grid);border-radius:12px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;padding:2px;display:grid;box-shadow:0 12px 32px #00000038}.cell{background:var(--felt);cursor:default;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.cell.hint{cursor:pointer}.cell.hint:after{content:"";aspect-ratio:1;background:var(--hint);border-radius:50%;width:24%}.cell.hint:hover:after{background:#ffffff2e;width:70%}.cell.placed{background:var(--felt-dark)}.cell:focus-visible{outline-offset:-3px;outline:3px solid #fde047}.disc{aspect-ratio:1;border-radius:50%;width:80%;display:block}.disc.black{background:radial-gradient(circle at 35% 30%, #4a4a4a, var(--black) 62%);box-shadow:0 3px 4px #0006}.disc.white{background:radial-gradient(circle at 35% 30%, #fff, var(--white) 60%);box-shadow:inset 0 -2px #00000014,0 3px 4px #00000059}.disc.flip{animation:.38s ease-in-out flip}.disc.drop{animation:.22s ease-out drop}@keyframes flip{0%{filter:brightness();transform:scaleX(1)}50%{filter:brightness(.6);transform:scaleX(.08)}to{filter:brightness();transform:scaleX(1)}}@keyframes drop{0%{opacity:0;transform:scale(1.25)}}.actions{gap:8px;display:flex}.ghost{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;padding:7px 14px;font-size:14px}.ghost:hover:not(:disabled){background:var(--line)}.ghost:disabled{opacity:.4;cursor:default}.rules ul{color:var(--muted);margin:0;padding-left:18px;font-size:14px;line-height:1.7}@media (width<=480px){.scores{grid-template-columns:1fr 1fr}.status{grid-area:1/1/auto/-1}.score{justify-content:center}}@media (prefers-reduced-motion:reduce){.disc.flip,.disc.drop{animation:none}}