:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#14181b;--bg-panel:#1d2429;--bg-raised:#263038;--border:#33404a;--text:#e8eef2;--text-dim:#93a4b0;--accent:#d9a441;--accent-dim:#8a6a2c;--felt:#1f5545;--felt-line:#2e6b58;--frame:#3a2a1c;--disc-black:#1a1e21;--disc-black-edge:#000;--disc-white:#f4efe4;--disc-white-edge:#c9bfa8;--radius:10px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f2ede3;--bg-panel:#fffdf8;--bg-raised:#f7f2e8;--border:#ded5c4;--text:#23282c;--text-dim:#6b7480;--accent:#a8761c;--accent-dim:#d9c398;--felt:#2c6b57;--felt-line:#3d8770}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);margin:0;font-size:15px;line-height:1.5}.app{max-width:1080px;margin:0 auto;padding:24px 16px 48px}.app__header{flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:20px;display:flex}.app__title{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:650}.app__title span{color:var(--accent)}.app__tagline{color:var(--text-dim);margin:0;font-size:14px}.app__tabs{background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;gap:4px;margin-left:auto;padding:3px;display:flex}.tab{appearance:none;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 14px;font-size:14px}.tab:hover{color:var(--text)}.tab[aria-selected=true]{background:var(--accent);color:#1a1408;font-weight:600}.layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}@media (max-width:800px){.layout{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.panel+.panel{margin-top:16px}.panel__title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0 0 12px;font-size:12px;font-weight:700}.board-frame{background:linear-gradient(160deg, var(--frame), #241a11);border-radius:14px;padding:clamp(8px,1.6vw,18px);box-shadow:inset 0 1px #ffffff14,0 18px 40px #00000059}.board{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));aspect-ratio:var(--cols) / var(--rows);background:var(--felt-line);perspective:1400px;perspective-origin:50% 45%;transform-style:preserve-3d;border-radius:6px;gap:2px;display:grid;overflow:hidden}.hole{background:0 0}.cell{appearance:none;background:var(--felt);cursor:default;transform-style:preserve-3d;border:0;margin:0;padding:0;position:relative}.board:not(.board--locked) .cell.is-legal{cursor:pointer}.cell.is-last-move:after{content:"";border:2px solid var(--accent);opacity:.85;pointer-events:none;border-radius:4px;position:absolute;inset:3px}.hint{opacity:0;pointer-events:none;background:currentColor;border-radius:50%;transition:opacity .14s,transform .14s;position:absolute;inset:34%;transform:scale(.6)}.cell.is-legal .hint{opacity:.3}.board:not(.board--locked) .cell.is-legal:hover .hint{opacity:.55;transform:scale(1)}.cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.disc-slot{transform-style:preserve-3d;transition:transform var(--place-ms,.2s) cubic-bezier(.34, 1.4, .64, 1);pointer-events:none;position:absolute;inset:8%;transform:scale(0)}.cell.is-occupied .disc-slot{transform:scale(1)}.disc{transform-style:preserve-3d;transition:transform var(--flip-ms,.38s) cubic-bezier(.45, .05, .3, 1);position:absolute;inset:0}.face{backface-visibility:hidden;border-radius:50%;position:absolute;inset:0}.face--black{transform:translateZ(var(--disc-thickness,1.5px));background:radial-gradient(circle at 34% 28%, #454d54, var(--disc-black) 62%);box-shadow:0 0 0 1px var(--disc-black-edge), 0 3px 6px #00000073}.face--white{transform:rotateY(180deg) translateZ(var(--disc-thickness,1.5px));background:radial-gradient(circle at 34% 28%, #fff, var(--disc-white) 62%);box-shadow:0 0 0 1px var(--disc-white-edge), 0 3px 6px #00000059}.cell.is-landing .disc-slot{filter:drop-shadow(0 0 8px var(--accent))}.board--instant .disc,.board--instant .disc-slot,.board--instant .hint{transition:none!important}@media (prefers-reduced-motion:reduce){.disc,.disc-slot,.hint{transition-duration:1ms!important}}.scores{grid-template-columns:1fr 1fr;gap:10px;display:grid}.score{border:1px solid var(--border);background:var(--bg-raised);border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.score.is-turn{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.score__chip{border-radius:50%;flex:none;width:22px;height:22px}.score__chip--black{background:radial-gradient(circle at 34% 28%, #454d54, var(--disc-black) 62%);border:1px solid #000}.score__chip--white{background:radial-gradient(circle at 34% 28%, #fff, var(--disc-white) 62%);border:1px solid var(--disc-white-edge)}.score__count{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.score__name{color:var(--text-dim);font-size:12px}.status{min-height:42px;color:var(--text-dim);margin:14px 0 0;font-size:14px}.status strong{color:var(--text);font-weight:600}.status--alert strong{color:var(--accent)}.controls{flex-wrap:wrap;gap:8px;display:flex}.button{appearance:none;font:inherit;border:1px solid var(--border);background:var(--bg-raised);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:14px}.button:hover:not(:disabled){border-color:var(--accent-dim)}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{background:var(--accent);border-color:var(--accent);color:#1a1408;font-weight:600}.field{margin-bottom:12px;display:block}.field__label{color:var(--text-dim);margin-bottom:4px;font-size:12px;display:block}.field select,.field input[type=number]{width:100%;font:inherit;border:1px solid var(--border);background:var(--bg-raised);color:var(--text);border-radius:8px;padding:7px 9px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.design-grid{touch-action:none;background:#12211c}.design-cell{appearance:none;cursor:pointer;background:repeating-linear-gradient(45deg,#0000,#0000 4px,#ffffff0a 4px 8px);border:0;margin:0;padding:0;position:relative}.design-cell.is-playable{background:var(--felt)}.design-cell:hover,.design-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.design-cell__marker{opacity:0;border-radius:50%;position:absolute;inset:26%}.design-cell.is-start-black .design-cell__marker,.design-cell.is-start-white .design-cell__marker{opacity:1}.design-cell.is-start-black .design-cell__marker{background:radial-gradient(circle at 34% 28%, #454d54, var(--disc-black) 62%);box-shadow:0 0 0 1px #000}.design-cell.is-start-white .design-cell__marker{background:radial-gradient(circle at 34% 28%, #fff, var(--disc-white) 62%);box-shadow:0 0 0 1px var(--disc-white-edge)}.problems{gap:8px;margin:0;padding:0;list-style:none;display:grid}.problems__item{color:var(--text);background:#a03c3224;border:1px solid #6d3a35;border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.4}.problems__item--ok{background:#3ca06e24;border-color:#2f6b4f}.status--note{font-variant-numeric:tabular-nums;min-height:0;color:var(--text-dim);opacity:.85;margin-top:6px;font-size:12px}.field select:disabled,.field input:disabled{opacity:.5}