.sound-toggle{background:var(--btn,#00000040);width:36px;min-width:36px;height:36px;color:var(--ink,#fff);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.sound-toggle svg{width:20px;height:20px}.sound-toggle[aria-pressed=true]{opacity:.7}.sound-toggle:focus-visible{outline:3px solid var(--focus,#ffd54a);outline-offset:2px}:root{--ink:#f5efe3;--muted:#cbbfa8;--btn:#ffffff21;--accent:#ffd54a;--accent-ink:#2b2100;--dialog:#fdfbf4;--dialog-ink:#1c1c24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(90% 70% at 50% 38%,#3b2a1c,#17100a 75%),#17100a;font:14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app.bg{grid-template-rows:auto auto auto minmax(0,1fr) auto;justify-items:center;gap:5px;height:100dvh;padding:8px 10px;display:grid}.bg-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.group{gap:3px;display:flex}.btn{font:inherit;color:var(--ink);background:var(--btn);cursor:pointer;border:0;border-radius:9px;min-height:34px;padding:7px 12px;box-shadow:inset 0 1px #ffffff24,0 2px 6px #00000059}.btn:disabled{opacity:.45;cursor:default}.btn[hidden]{display:none}.btn[aria-pressed=true],.btn.primary{background:var(--accent);color:var(--accent-ink);font-weight:700}.btn.big{min-width:120px;font-size:15px}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sound-toggle{width:34px;height:34px}.bg-info{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:4px 16px;display:flex}.bg-status{text-align:center;text-shadow:0 1px 2px #0009;min-height:1.35em;margin:0;font-weight:600}#app.thinking .bg-status:after{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px;margin-left:8px;animation:.8s ease-in-out infinite alternate bg-blink;display:inline-block}@keyframes bg-blink{to{opacity:.2;transform:scale(.6)}}.bg-controls{justify-content:center;align-items:center;gap:8px;min-height:40px;display:flex}.bg-stage{perspective:1600px;width:100%;min-height:0;position:relative;overflow:hidden}.bg-board{filter:drop-shadow(0 18px 30px #0009);max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#app.portrait .bg-board{transform:translate(-50%,-50%)rotate(90deg)}@media (min-width:700px) and (min-height:560px){#app:not(.portrait) .bg-board{transform:translate(-50%,-50%)rotateX(8deg)}}.point{cursor:pointer;outline:none}.point .tri{display:none}.point .mark{stroke:#0000;stroke-width:4px}.point.target .mark{stroke:#ffd54a;fill:#ffd54a47;animation:.8s ease-in-out infinite alternate bg-pulse}.point.hinted .mark{stroke:#7cf5c0;fill:#7cf5c040}.point:focus-visible .mark,.hit:focus-visible{stroke:#fff;stroke-width:4px}@keyframes bg-pulse{to{fill:#ffd54a1a}}.hit{cursor:pointer;outline:none}.bar-hit.target{fill:#ffd54a33;stroke:#ffd54a;stroke-width:3px}.checker.selected circle:first-child{filter:url(#bg-glow)}.checker.selected{transform-box:fill-box}.die.used{opacity:.35}.overlay{z-index:20;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay.later{animation:1.2s step-end both bg-later}@keyframes bg-later{0%{visibility:hidden}}.dialog{background:var(--dialog);color:var(--dialog-ink);text-align:center;border-radius:14px;flex-direction:column;gap:10px;max-width:340px;padding:20px 24px;display:flex;box-shadow:0 10px 40px #00000073}.dialog h2{margin:0;font-size:22px}.dialog p{margin:0}.dialog .btn.primary{color:#fff;background:#6b4220}@media (max-height:480px) and (orientation:landscape){#app.bg{grid-template:"bar bar""status info""stage controls"minmax(0,1fr)/minmax(0,1fr) auto;gap:3px;padding:4px 8px}.bg-bar{grid-area:bar}.bg-info{flex-direction:column;grid-area:info;align-items:flex-end;gap:0;font-size:12px}.bg-status{text-align:left;grid-area:status;justify-self:start;font-size:12px}.bg-stage{grid-area:stage}.bg-controls{flex-direction:column;grid-area:controls}.btn{min-height:28px;padding:4px 9px}.btn.big{min-width:90px;font-size:13px}.sound-toggle{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.point.target .mark,#app.thinking .bg-status:after,.overlay.later{animation:none}}