:root{--raised:inset 0 1.5px 0 #ffffff8c, inset 1px 0 0 #ffffff2e, inset -1px 0 0 #00000014, inset 0 -4px 0 #0000002e, 0 1px 1px #0000002e, 0 4px 8px -2px #00000047;--raised-strong:inset 0 2px 0 #fff9, inset 1px 0 0 #fff3, inset -1px 0 0 #0000001a, inset 0 -5px 0 #00000038, 0 2px 2px #0003, 0 8px 14px -4px #00000059;--pressed:inset 0 3px 5px #0003, inset 0 1px 1px #0000001f, inset 0 -1px 0 #ffffff4d;--tray:inset 0 4px 10px #00000042, inset 0 -1px 0 #ffffff4d, 0 0 0 1px #ffffff59, 0 1px 0 #fff6, 0 14px 30px -10px #00000059;--sheen:radial-gradient(ellipse 70% 50% at 30% 18%, #ffffff47, #fff0 70%), linear-gradient(180deg, #ffffff29, #fff0 55%);--ambient:radial-gradient(ellipse 70% 45% at 50% 28%, #fff8e673, transparent 70%), radial-gradient(ellipse 120% 60% at 50% 110%, #00000014, transparent 70%);--shade:radial-gradient(ellipse 120% 95% at 50% 40%, transparent 52%, #0000002e)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ambient:radial-gradient(ellipse 80% 60% at 50% 32%, #ffffff0f, transparent 70%);--shade:radial-gradient(ellipse 130% 100% at 50% 40%, transparent 55%, #00000059);--sheen:linear-gradient(180deg, #ffffff1a, #fff0 55%)}}:root[data-theme=dark]{--ambient:radial-gradient(ellipse 80% 60% at 50% 32%, #ffffff0f, transparent 70%);--shade:radial-gradient(ellipse 130% 100% at 50% 40%, transparent 55%, #00000059);--sheen:linear-gradient(180deg, #ffffff1a, #fff0 55%)}@keyframes art-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes art-pulse{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes art-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes art-press{0%{transform:scale(1)}40%{transform:scale(.9)}to{transform:scale(1)}}.art-pop{animation:.22s ease-out art-pop}.art-pulse{animation:.22s ease-out art-pulse}.art-shake{animation:.32s ease-in-out art-shake}.art-press{animation:.18s ease-out art-press}@media (prefers-reduced-motion:reduce){.art-pop,.art-pulse,.art-shake,.art-press{animation:none}}.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:#f4f1ea;--ink:#1d1b17;--btn:#00000012;--btn-on:#2f6fdb;--btn-on-ink:#fff;--focus:#2f6fdb;--dialog:#fffdf9;--dialog-ink:#1d1b17;--tile-line:#c9c4b8;--tile-fill:#8a8577;--c0:#7b776c;--c1:#d9a21b;--c2:#3f9b4f;--key:#e3dfd5;--key-ink:#1d1b17;--hint:#2f6fdb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#16181c;--ink:#eceae4;--btn:#ffffff1a;--dialog:#22252b;--dialog-ink:#eceae4;--tile-line:#3b3f47;--tile-fill:#6a6f78;--c0:#4a4f58;--c1:#c9a227;--c2:#4caf62;--key:#5a5f69;--key-ink:#eceae4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#16181c;--ink:#eceae4;--btn:#ffffff1a;--dialog:#22252b;--dialog-ink:#eceae4;--tile-line:#3b3f47;--tile-fill:#6a6f78;--c0:#4a4f58;--c1:#c9a227;--c2:#4caf62;--key:#5a5f69;--key-ink:#eceae4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ambient), var(--shade), var(--grain,none), radial-gradient(ellipse 80% 60% at 50% 30%, color-mix(in srgb, var(--bg) 88%, #fff), var(--bg));color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app.fv{grid-template-rows:auto auto minmax(0,1fr) auto;justify-items:center;gap:6px;height:100dvh;padding:8px 10px 10px;display:grid;position:relative}.fv-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.fv-title{letter-spacing:1px;text-transform:uppercase;margin:0 6px 0 0;font:800 18px/1 Trebuchet MS,Segoe UI,sans-serif}.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 11px;box-shadow:inset 0 1px #ffffff1f,0 2px 6px #0000001f}.btn[hidden]{display:none}.btn:disabled{opacity:.45;cursor:default}.btn[aria-pressed=true]{background:var(--btn-on);color:var(--btn-on-ink);font-weight:700}.btn.primary{background:var(--btn-on);color:var(--btn-on-ink);font-weight:800}.btn:focus-visible,.fv-key:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sound-toggle{width:34px;height:34px}.fv-status{text-align:center;opacity:.9;min-height:1.3em;margin:0;padding:0 6px;font-weight:600}.fv-stage{grid-row:3;place-items:center;width:100%;min-height:0;display:grid;position:relative;container-type:size}.fv-grid{--tile:min(calc((100cqh - 5 * 5px) / 6), calc((100cqw - 4 * 5px) / 5), 64px);gap:5px;display:grid}.fv-row{grid-template-columns:repeat(5, var(--tile));gap:5px;display:grid}.fv-tile{width:var(--tile);height:var(--tile);font:800 calc(var(--tile) * .52) / 1 "Trebuchet MS", "Segoe UI", sans-serif;border:2px solid var(--tile-line);color:var(--ink);text-transform:uppercase;background:0 0;border-radius:6px;place-items:center;transition:border-color .15s;display:grid}.fv-tile[data-state=filled]{border-color:var(--tile-fill);animation:.12s ease-out fv-pop}.fv-tile[data-state=hint]{border-color:var(--hint);color:var(--hint);opacity:.8;border-style:dashed}.fv-tile[data-state="0"],.fv-tile[data-state="1"],.fv-tile[data-state="2"]{color:#fff;border-color:#0000}.fv-tile[data-state="0"]{background:var(--c0)}.fv-tile[data-state="1"]{background:var(--c1)}.fv-tile[data-state="2"]{background:var(--c2)}.fv-tile.reveal{animation:fv-flip .5s ease-in-out var(--d,0s) both}@keyframes fv-pop{0%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes fv-flip{0%{color:var(--ink);border-color:var(--tile-fill);background:0 0;transform:rotateX(0)}49%{color:var(--ink);border-color:var(--tile-fill);background:0 0;transform:rotateX(90deg)}51%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.fv-toast{background:var(--ink);color:var(--bg);z-index:5;white-space:nowrap;border-radius:8px;padding:8px 14px;font-weight:700;position:absolute;top:4px;left:50%;translate:-50%;box-shadow:0 6px 18px #00000040}.fv-toast[hidden]{display:none}.fv-keys{flex-direction:column;grid-row:4;gap:6px;width:min(100%,560px);display:flex}.fv-krow{justify-content:center;gap:5px;display:flex}.fv-key{background:var(--key);min-width:0;max-width:46px;height:50px;color:var(--key-ink);text-transform:uppercase;cursor:pointer;border:0;border-radius:6px;flex:1 1 0;padding:0;font:700 15px/1 system-ui,sans-serif;box-shadow:0 2px #00000026}.fv-key.wide{flex:1.6 1 0;max-width:74px;font-size:12px}.fv-key[data-state="0"]{background:var(--c0);color:#fff}.fv-key[data-state="1"]{background:var(--c1);color:#fff}.fv-key[data-state="2"]{background:var(--c2);color:#fff}.fv-key:disabled{opacity:.6;cursor:default}@media (prefers-reduced-motion:reduce){.fv-tile.reveal,.fv-tile[data-state=filled]{animation:none}}.overlay{z-index:30;background:#0a0a0c80;place-items:center;padding:12px;display:grid;position:absolute;inset:0;overflow:auto}.overlay[hidden]{display:none}.overlay.later{animation:1.4s step-end both fv-later}@keyframes fv-later{0%{opacity:0}to{opacity:1}}.dialog{background:var(--dialog);color:var(--dialog-ink);text-align:center;border-radius:16px;flex-direction:column;gap:10px;width:min(100%,400px);max-height:100%;padding:18px 20px;display:flex;overflow:auto;box-shadow:0 12px 40px #00000059}.dialog h2{margin:0;font:800 20px/1.2 Trebuchet MS,Segoe UI,sans-serif}.dialog p{opacity:.85;margin:0}.fv-answer{font-weight:700;opacity:1!important}.fv-nums{justify-content:center;gap:16px;display:flex}.fv-num{flex-direction:column;align-items:center;display:flex}.fv-num b{font-size:24px;line-height:1}.fv-num span{opacity:.75;font-size:11px}.fv-dist-title{text-transform:uppercase;letter-spacing:.8px;opacity:.75;font-size:12px}.fv-dist{flex-direction:column;gap:4px;display:flex}.fv-dist-row{align-items:center;gap:6px;font-size:12px;display:flex}.fv-dist-n{text-align:right;width:12px;font-weight:700}.fv-dist-bar{background:var(--c0);color:#fff;text-align:right;border-radius:3px;min-width:20px;padding:2px 6px;font-weight:700}.fv-dist-bar.hit{background:var(--c2)}.fv-dialog-actions{flex-direction:column;align-items:center;gap:8px;display:flex}.fv-next{font-size:13px}@media (max-width:420px){.fv-title{font-size:15px}.btn{min-height:30px;padding:6px 8px;font-size:13px}.fv-key{height:46px;font-size:14px}}@media (max-height:560px) and (min-aspect-ratio:1){#app.fv{grid-template:"bar bar""stage keys"minmax(0,1fr)/minmax(0,1fr) auto;gap:3px;padding:6px 8px}.fv-bar{grid-area:bar}.fv-status{display:none}.fv-stage{grid-area:stage}.fv-keys{grid-area:keys;align-self:center;gap:4px;width:min(52vw,420px)}.fv-key{max-width:38px;height:34px;font-size:12px}.fv-key.wide{font-size:10px}.btn{min-height:28px;padding:4px 8px;font-size:12px}.sound-toggle{width:28px;height:28px}.fv-title{font-size:14px}.fv-grid{--tile:min(calc((100cqh - 5 * 4px) / 6), calc((100cqw - 4 * 4px) / 5), 64px);gap:4px}.fv-row{gap:4px}}@media (max-height:300px){.fv-key{height:24px;font-size:10px}.fv-keys{gap:2px}.fv-krow{gap:3px}.dialog{gap:6px;padding:8px 10px}.dialog h2{font-size:15px}.fv-nums{gap:10px}.fv-num b{font-size:16px}.fv-dist,.fv-dist-title{display:none}}