:root{--bg:#faf7f2;--surface:#fff;--text:#1d1b26;--muted:#6b6878;--border:#e3dfd6;--accent:#5b3cc4;--accent-text:#fff;--ok:#1f8a4c;--miss:#b3261e;--common:#2e9d57;--uncommon:#2f6fd1;--rare:#8a3fd1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14121c;--surface:#1f1c2b;--text:#efedf5;--muted:#a29fb0;--border:#33304a;--accent:#9b84ff;--accent-text:#14121c;--ok:#4cc77f;--miss:#ff6b5e;--common:#4cc77f;--uncommon:#6ea8ff;--rare:#c08bff}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font:17px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:480px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));margin:0 auto}.screen{flex-direction:column;gap:16px;display:flex}h1{letter-spacing:-.02em;margin:24px 0 0;font-size:2rem}h2,p{margin:0}.muted,.hint{color:var(--muted);font-size:.9rem}button{font:inherit;border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);cursor:pointer;border-radius:12px;padding:0 20px}button.primary{background:var(--accent);color:var(--accent-text);border-color:#0000;font-weight:600}button:disabled{opacity:.5;cursor:default}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.loading{text-align:center;color:var(--muted);margin-top:40vh}.round-head{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.timer{font-variant-numeric:tabular-nums;color:var(--text);font-size:1.6rem;font-weight:700}.timer.urgent{color:var(--miss)}.letter{text-align:center;padding:8px 0;font-size:5rem;font-weight:800;line-height:1}.letter.spinning{color:var(--muted)}.letter.landed{color:var(--accent);animation:.3s ease-out pop}@keyframes pop{0%{transform:scale(1.4)}to{transform:scale(1)}}.answers{flex-direction:column;gap:12px;display:flex}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.answer{font:inherit;border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);border-radius:12px;padding:0 14px;font-size:18px}.answer:focus{outline:2px solid var(--accent);outline-offset:1px}.cards{gap:10px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-left:6px solid var(--miss);opacity:0;border-radius:12px;padding:10px 14px;animation:.35s ease-out forwards flip}.card.ok{border-left-color:var(--ok)}@keyframes flip{0%{opacity:0;transform:rotateX(80deg)}to{opacity:1;transform:none}}.card-head{color:var(--muted);justify-content:space-between;font-size:.85rem;display:flex}.card-answer{font-size:1.15rem;font-weight:600}.card-note,.card-missed{color:var(--muted);font-size:.85rem}.tier{text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.tier-common{color:var(--common)}.tier-uncommon{color:var(--uncommon)}.tier-rare{color:var(--rare)}.bonus{color:var(--accent);font-weight:700}.round-total{font-size:1.2rem;font-weight:700}.score-big{text-align:center;font-size:3rem;font-weight:800}.par{text-align:center;color:var(--muted)}.share-preview{white-space:pre-wrap;font:inherit;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0;padding:12px}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list li{justify-content:space-between;align-items:center;gap:8px;display:flex}.row-buttons{flex-wrap:wrap;gap:8px;display:flex}.row-buttons button{flex:1}.presets{gap:8px;display:flex}.presets button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.topbar{z-index:10;color:#fff;padding-top:env(safe-area-inset-top);background:linear-gradient(120deg,#4527a0 0%,#6a3de8 55%,#c2185b 120%);position:sticky;top:0;box-shadow:0 2px 12px #1e0a5059}.topbar-inner{align-items:center;gap:12px;max-width:480px;margin:0 auto;padding:8px 16px;display:flex}.tiles{flex:none;gap:3px;display:flex}.tile{color:#3b2a12;background:linear-gradient(#fbefd2,#ecd6a3);border-radius:5px;place-items:center;width:26px;height:28px;font:800 16px/1 Georgia,Times New Roman,serif;display:grid;position:relative;box-shadow:0 2px #b8975a,0 3px 6px #0000004d}.tile sub{font:700 7px/1 system-ui,sans-serif;position:absolute;bottom:1px;right:2px}.tile-0{transform:rotate(-5deg)}.tile-1{transform:rotate(3deg)translateY(1px)}.tile-2{transform:rotate(-2deg)}.tile-3{transform:rotate(6deg)translateY(1px)}.wordmark{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.9rem;font-weight:800;line-height:1.15}.wordmark .line{white-space:nowrap;display:block}.wordmark .line+.line{opacity:.85}.wordmark .dot{opacity:.6;margin:0 .3em}@media (width<=340px){.wordmark{font-size:.78rem}}button.quit{min-height:36px;color:var(--muted);padding:0 12px;font-size:.85rem}