.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{--bg:#15101c;--ink:#fff8ec;--muted:#e9dccb;--panel:#24162c;--panel-edge:#ffd34d99;--btn:#ffd34d24;--btn-ink:#fff8ec;--primary:#ffd34d;--p0:#ff5c7a;--p1:#21c7b7;--glow:#ffd34d59;--focus:#ffd34d;--scrim:#0c061059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;font:15px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{outline:none;height:100dvh;position:relative;overflow:hidden}.stage{position:absolute;inset:0;overflow:hidden}.board{width:100%;height:100%;display:block;position:absolute;inset:0}button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hub{z-index:6;gap:4px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}#app.portrait .hub{top:50%;bottom:auto;transform:translate(-50%,-50%)}.hub[hidden]{display:none}.icon,.hub .sound-toggle{font:inherit;border:1px solid var(--panel-edge);min-width:34px;height:32px;color:var(--btn-ink);cursor:pointer;background:#15101cd9;border-radius:16px;padding:0 8px;font-weight:800}.overlay{z-index:10;background:var(--scrim);place-items:center;padding:10px;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay.later{animation:.35s ease-out 1s both appear}.overlay.o-menu{background:#0c061033}.overlay.o-result{background:0 0}@keyframes appear{0%{opacity:0}to{opacity:1}}.panel{background:var(--panel);color:var(--ink);border:1px solid var(--panel-edge);text-align:center;touch-action:pan-y;width:min(480px,100%);max-height:100%;box-shadow:0 0 0 4px #ffd34d, 0 0 0 7px #2a1530, 0 0 30px var(--glow), 0 18px 50px #0000008c;background-image:radial-gradient(circle at 50% 0,#ff5c7a2e,#0000 60%),radial-gradient(circle at 50% 100%,#21c7b729,#0000 60%);border-radius:20px;flex-direction:column;gap:10px;padding:16px 20px;display:flex;overflow:auto}.panel h2{margin:0;font-size:22px}.panel p{color:var(--muted);margin:0}.panel.result{gap:8px;width:min(400px,100%);padding:12px 18px}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn{font:inherit;color:var(--btn-ink);background:var(--btn);border:1px solid var(--panel-edge);cursor:pointer;white-space:nowrap;border-radius:999px;min-height:40px;padding:9px 16px;font-weight:800}.btn.primary{background:linear-gradient(90deg, var(--p0), #ffd34d 50%, var(--p1));color:#1b1420;min-width:130px;box-shadow:0 0 14px var(--glow), 0 3px 0 #00000059;border:0}.btn.small{min-height:32px;padding:5px 12px}.btn[aria-pressed=true]{color:#1b1420;background:#ffd34d;border-color:#ffd34d}.menu .logo{width:76px;height:76px;filter:drop-shadow(0 0 10px var(--glow));margin:0 auto -6px}.menu .logo svg{width:100%;height:100%;display:block}.menu h2{text-transform:uppercase;letter-spacing:2px;background:linear-gradient(90deg, var(--p0), #ffd34d 50%, var(--p1));color:#0000;-webkit-background-clip:text;background-clip:text;width:-moz-fit-content;width:fit-content;margin-inline:auto;font-size:32px;font-weight:900}.opts{flex-direction:column;gap:6px;display:flex}.seg{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.seg-l{text-align:right;min-width:110px;color:var(--muted);font-size:14px}.keys{font-size:13px}.final{justify-content:center;gap:22px;display:flex}.fs{flex-direction:column;align-items:center;display:flex}.fs small{color:var(--muted);font-weight:700}.fs strong{font-variant-numeric:tabular-nums;font-size:44px;line-height:1}.fs.p0 strong{color:var(--p0)}.fs.p1 strong{color:var(--p1)}.fs.win strong{text-shadow:0 0 14px}@media (prefers-reduced-motion:reduce){.overlay.later{animation:none}}@media (max-height:420px){.panel{border-radius:14px;gap:6px;padding:10px 12px}.panel h2{font-size:18px}.menu h2{font-size:22px}.panel p{font-size:13px}.btn{min-height:32px;padding:5px 12px}.btn.small{min-height:28px;padding:3px 9px;font-size:13px}.seg-l{min-width:0;font-size:12px}.opts{gap:4px}.menu .tagline{display:none}.menu .logo{width:40px;height:40px}.fs strong{font-size:32px}.icon,.hub .sound-toggle{min-width:30px;height:28px}.hub{bottom:6px}}@media (max-height:300px){.menu .keys,.menu .logo{display:none}.seg{flex-wrap:nowrap}.panel{gap:4px;padding:8px 10px}.btn{min-height:28px;padding:3px 10px;font-size:13px}.btn.small{min-height:24px;padding:2px 7px;font-size:12px}.menu h2{font-size:18px}.fs strong{font-size:26px}.icon,.hub .sound-toggle{height:24px}}@media (max-width:400px) and (min-height:301px){.seg-l{text-align:center;width:100%}.menu .logo{width:56px;height:56px}}