:root{--bg:#0f1030;--bg-2:#1a1c52;--panel:#1f2259;--key:#2b2f78;--key-edge:#15184a;--text:#f4f1ff;--muted:#a3a8ff;--ink:#10112e;--pink:#ff5fa2;--gold:#ffd84d;--mint:#4dffc3;--red:#ff4d6d;--sky:#59c8ff;--radius:18px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:radial-gradient(120% 70% at 50% -10%, #33288a 0%, transparent 60%), radial-gradient(80% 60% at 100% 100%, #3a1752 0%, transparent 60%), var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-attachment:fixed;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--sky)}kbd{background:var(--key);min-width:1.6em;box-shadow:0 2px 0 var(--key-edge);font-family:var(--font);text-align:center;border-radius:6px;padding:.05em .4em;font-size:.85em;font-weight:700;display:inline-block}.for-touch{display:none}@media (hover:none) and (pointer:coarse){.for-keys{display:none!important}.for-touch{display:inline}}.app{min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-user-select:none;user-select:none;grid-template-rows:auto 1fr auto;display:grid}.top{justify-content:space-between;align-items:center;width:100%;max-width:980px;margin:0 auto;display:flex}.logo{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.logo-keys{gap:3px;display:flex}.logo-keys i{width:24px;height:24px;color:var(--ink);border-radius:6px;place-items:center;font-size:13px;font-style:normal;font-weight:900;display:grid;box-shadow:0 3px #00000059}.logo-keys i:first-child{background:var(--pink)}.logo-keys i:nth-child(2){background:var(--gold)}.logo-keys i:nth-child(3){background:var(--mint)}.logo-text{letter-spacing:.02em;font-size:13px;font-weight:800;line-height:1.1}.top-actions{gap:8px;display:flex}.icon-btn{background:#ffffff12;border:0;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.icon-btn:hover{background:#ffffff24}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.icon-btn .sound-off,.icon-btn[aria-pressed=true] .sound-on{display:none}.icon-btn[aria-pressed=true] .sound-off{display:inline}.stage{flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,1.6vh,16px);min-height:0;padding:8px 0;display:flex}.timer{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;contain:layout paint;font-size:clamp(40px,9vh,76px);font-weight:800;line-height:1}.timer:after{content:"s";color:var(--muted);margin-left:.1em;font-size:.45em}.meta{color:var(--muted);gap:16px;min-height:1.3em;font-size:15px;display:flex}.mistakes{display:inline-block}.best:empty{display:none}.card-shake{margin:clamp(4px,1.5vh,14px) 0 clamp(10px,2.5vh,22px);position:relative}.card{--h:330;--size:clamp(110px, min(34vw, 27vh), 230px);width:var(--size);height:var(--size);border-radius:calc(var(--size) * .2);background:linear-gradient(160deg, hsl(var(--h) 95% 72%), hsl(var(--h) 85% 58%));box-shadow:0 calc(var(--size) * .06) 0 hsl(var(--h) 55% 34%), 0 calc(var(--size) * .12) calc(var(--size) * .2) #00000073;color:var(--ink);place-items:center;display:grid;position:relative;overflow:hidden}.card-letter{font-size:calc(var(--size) * .62);font-weight:900;line-height:1;transform:translateY(-2%)}.card-flash{background:var(--red);opacity:0;pointer-events:none;position:absolute;inset:0}.app[data-state=idle] .card,.app[data-state=armed] .card{animation:1.6s ease-in-out infinite breathe}.app[data-state=armed] .card{animation-duration:.8s}@keyframes breathe{50%{transform:scale(1.05)rotate(-2deg)}}.oops{color:var(--red);text-shadow:0 3px #0006;opacity:0;pointer-events:none;font-size:calc(clamp(110px,min(34vw,27vh),230px)/3.57143);font-weight:900;text-decoration:line-through;text-decoration-thickness:.12em;position:absolute;top:0;right:-.4em}.hint{color:var(--muted);text-align:center;min-height:1.5em;margin:0;font-size:17px}.start{font-size:18px}.app[data-state=running] .hint,.app[data-state=running] .start,.app[data-state=armed] .start,.app[data-state=done] .start{visibility:hidden}.app[data-state=armed] .hint{color:var(--text)}.progress{grid-template-columns:repeat(26,minmax(0,1fr));gap:4px;width:100%;max-width:900px;margin:6px 0 0;padding:0;list-style:none;display:grid}.progress li{aspect-ratio:1;color:#ffffff59;background:#ffffff0f;border-radius:6px;place-items:center;font-size:clamp(10px,1.3vw,14px);font-weight:800;display:grid}.progress li.on{background:hsl(var(--h) 90% 66%);color:var(--ink)}.progress li.next{outline-offset:1px;outline:2px solid #ffffff80}@media (max-width:640px){.progress{grid-template-columns:repeat(13,minmax(0,1fr));max-width:420px}.progress li{aspect-ratio:auto;height:22px;font-size:11px}}.keys{touch-action:none;flex-direction:column;align-items:center;gap:clamp(6px,1vh,9px);width:100%;max-width:760px;margin:8px auto 0;display:flex}.key-row{justify-content:center;gap:clamp(4px,1.2vw,8px);width:100%;display:flex}.key{background:var(--key);min-width:0;height:clamp(46px,7.2vh,62px);box-shadow:0 4px 0 var(--key-edge);touch-action:none;border:0;border-radius:10px;flex:0 64px;font-size:clamp(17px,2.6vh,22px);font-weight:800}@media (hover:hover){.key:hover{background:#363b8f}}@media (hover:hover) and (pointer:fine){.keys{max-width:640px}.key{height:48px;font-size:17px}}.btn{background:#ffffff1a;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 22px;font-size:16px;font-weight:800;display:inline-flex}.btn:hover{background:#ffffff29}.btn.primary{background:var(--pink);color:#fff;box-shadow:0 4px #b0306a}.btn.primary:hover{background:#ff74b0}.btn.primary:active{transform:translateY(3px);box-shadow:0 1px #b0306a}.btn.ghost{color:var(--muted);background:0 0}.btn kbd{box-shadow:none;background:#00000040;font-size:12px}.btn:disabled{opacity:.6;cursor:progress}.link{color:var(--sky);background:0 0;border:0;padding:0;text-decoration:underline}:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.result{z-index:10;background:#08091ec7;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.result[hidden]{display:none}.result-card{--accent:var(--mint);background:var(--panel);width:100%;max-width:440px;box-shadow:0 0 0 3px var(--accent), 0 24px 60px #00000080;text-align:center;border-radius:28px;padding:28px 24px 20px;position:relative}.result-card[data-tier=pb]{--accent:var(--pink)}.result-card[data-tier=top10],.result-card[data-tier=record]{--accent:var(--gold)}.result-card[data-tier=record]{background:linear-gradient(var(--panel), var(--panel)) padding-box, conic-gradient(from var(--spin,0deg), var(--pink), var(--gold), var(--mint), var(--sky), var(--pink)) border-box;border:5px solid #0000;animation:2.5s linear infinite spin;box-shadow:0 0 60px #ffd84d73}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{to{--spin:360deg}}.tier{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:15px;font-weight:900}.result-card[data-tier=top10] .tier,.result-card[data-tier=record] .tier{letter-spacing:.06em;text-shadow:0 3px #a3700b;font-size:clamp(26px,7vw,36px)}.tier .word{white-space:nowrap;display:inline-block}.tier .word span{white-space:pre;display:inline-block}.result-time{font-family:var(--mono);font-variant-numeric:tabular-nums;color:#fff;margin:6px 0 0;font-size:clamp(54px,15vw,80px);font-weight:800;line-height:1.05}.result-time small{color:var(--muted);font-size:.4em}.result-card[data-tier=top10] .result-time,.result-card[data-tier=record] .result-time{color:var(--gold)}.result-sub{min-height:1.4em;margin:4px 0 0;font-size:16px;font-weight:600}.stats{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:14px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.stats b{color:var(--text)}.save{border-radius:var(--radius);-webkit-user-select:text;user-select:text;background:#0003;margin:18px 0 0;padding:16px}.save-lead{margin:0 0 10px;font-weight:800}.result-card[data-tier=top10] .save,.result-card[data-tier=record] .save{box-shadow:inset 0 0 0 2px #ffd84d80}.known{color:var(--muted);margin:0 0 10px}.fields{gap:8px;margin-bottom:10px;display:grid}.fields[hidden]{display:none}.fields input{background:#ffffff14;border:2px solid #0000;border-radius:12px;width:100%;min-height:46px;padding:10px 14px;font-size:16px}.fields input:focus{border-color:var(--sky);outline:none}.fields input[aria-invalid=true]{border-color:var(--red)}.save .btn{width:100%}.save-msg{margin:10px 0 0;font-size:15px;font-weight:600}.save-msg:empty{display:none}.save-msg.error{color:var(--red)}.save-msg.ok{color:var(--mint)}.fine{color:var(--muted);margin:10px 0 0;font-size:12px}.result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.flash{z-index:30;pointer-events:none;background:#fff;position:fixed;inset:0}.confetti{z-index:20;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.board{background:var(--panel);width:min(460px,100vw - 32px);max-height:min(640px,100dvh - 32px);color:var(--text);border:0;border-radius:24px;padding:20px;box-shadow:0 24px 60px #00000080}.board::backdrop{background:#08091ec7}.board-head{justify-content:space-between;align-items:center;display:flex}.board-head h2{margin:0;font-size:22px}.tabs{background:#00000040;border-radius:999px;gap:6px;margin:14px 0;padding:4px;display:flex}.tabs button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:999px;flex:1;font-weight:700}.tabs button[aria-selected=true]{background:var(--key);color:var(--text)}.board-list{counter-reset:rank;margin:0;padding:0;list-style:none}.board-list li{counter-increment:rank;border-radius:12px;grid-template-columns:2.2em 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.board-list li:nth-child(odd){background:#ffffff0a}.board-list li:before{content:counter(rank);color:var(--muted);text-align:center;font-weight:900}.board-list li:first-child:before{content:"🥇"}.board-list li:nth-child(2):before{content:"🥈"}.board-list li:nth-child(3):before{content:"🥉"}.board-list li.me{box-shadow:inset 0 0 0 2px var(--pink);background:#ff5fa233}.board-list .name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.board-list .time{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:800}.board-list .empty{color:var(--muted);text-align:center;padding:24px 0;display:block}.board-list .empty:before{content:none}.board-note{color:var(--muted);margin:12px 0 0;font-size:13px}.toast{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:40;max-width:calc(100vw - 32px);color:var(--ink);opacity:0;pointer-events:none;background:#fff;border-radius:14px;padding:12px 18px;font-weight:700;transition:transform .25s,opacity .25s;position:fixed;transform:translate(-50%,150%);box-shadow:0 12px 30px #0006}.toast.show{opacity:1;transform:translate(-50%)}.about{max-width:640px;color:var(--muted);margin:0 auto;padding:48px 16px 64px;line-height:1.6}.about h2{color:var(--text)}@media (prefers-reduced-motion:reduce){.app[data-state] .card,.result-card[data-tier=record]{animation:none}}
/*$vite$:1*/