.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}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(./archivo-black-400-BTVu2TQR.woff2)format("woff2")}:root{--navy:#0b1b3f;--red:#c8102e;--gold:#f5c542;--cream:#f3e9d2;--ink:var(--cream);--muted:#b9b09a;--btn:#ffffff1a;--accent:var(--gold);--accent-ink:#2b2100;--dialog:#0f2352;--dialog-ink:var(--cream);--display:"Archivo Black", system-ui, sans-serif;--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%,#1a2f66,#060d20 75%),#060d20;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:1px solid #f5c54259;border-radius:9px;min-height:34px;padding:7px 12px;transition:transform .12s,box-shadow .12s;box-shadow:inset 0 1px #ffffff1f,0 2px 6px #00000059}.btn:hover:not(:disabled){transform:scale(1.04);box-shadow:inset 0 1px #ffffff1f,0 0 12px #f5c54259}.btn:disabled{opacity:.45;cursor:default}.btn[hidden]{display:none}.btn[aria-pressed=true],.btn.primary{color:var(--accent-ink);background:linear-gradient(#ffe08a,#f5c542 55%,#d9a528);border-color:#fff0b8;font-weight:700;box-shadow:inset 0 1px #fff9,0 0 14px #f5c54273}.btn.big{min-width:120px;font-size:15px;font-family:var(--display);letter-spacing:.02em;font-weight:400}.btn:focus-visible{outline:3px solid var(--gold);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(--gold);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 .glow{opacity:0;pointer-events:none}.point.target .glow{opacity:1;animation:1s ease-in-out infinite alternate bg-pulse}@keyframes bg-pulse{0%{opacity:.5}to{opacity:1}}.point .mark{stroke:#0000;stroke-width:4px}.point.hinted .mark{stroke:#7cf5c0;fill:#7cf5c040}.point:focus-visible .mark,.hit:focus-visible{stroke:#fff;stroke-width:4px}.hit{cursor:pointer;outline:none}.bar-hit.target{fill:#f5c54233;stroke:var(--gold);stroke-width:3px}.checker .pc{transform-box:fill-box;transform-origin:50%;transition:transform .15s}.checker.selected .pc{transform:scale(1.1)}.checker.selected .ring{filter:drop-shadow(0 0 6px var(--gold))}.die.used{opacity:.35}.burst{transform-box:fill-box;transform-origin:50%}.burst image{mix-blend-mode:screen}.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);border:2px solid var(--gold);text-align:center;border-radius:14px;flex-direction:column;gap:10px;max-width:340px;padding:20px 24px;display:flex;box-shadow:0 10px 40px #0000008c,0 0 24px #f5c54240}.dialog h2{font-size:26px;font-family:var(--display);color:var(--gold);letter-spacing:.02em;margin:0;font-weight:400}.dialog p{margin:0}@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 .glow,#app.thinking .bg-status:after,.overlay.later{animation:none}.btn,.checker .pc{transition:none}}
