:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f2ea;--surface:#fff;--surface-2:#f1ede3;--text:#1d1b26;--muted:#6d6979;--border:#e5e0d4;--accent:#e5484d;--accent-strong:#cf3a3f;--on-accent:#fff;--glow:#e5484d1f;--shadow:0 1px 0 #1e143c0a, 0 10px 30px -14px #1e143c38;--tier-miss:#8d8999;--tier-common:#8f98ab;--tier-uncommon:#23a157;--tier-rare:#2b78de;--tier-ultra:#9047d8;--tier-shiny:#d99a00;--radius:20px;--font:"Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1020;--surface:#181a30;--surface-2:#21243f;--text:#eff0fb;--muted:#9ca1c2;--border:#2b2f4f;--accent:#ff5d62;--accent-strong:#ff7478;--on-accent:#1a0a0b;--glow:#ff5d6224;--shadow:0 1px 0 #ffffff08, 0 16px 40px -20px #000000b3;--tier-miss:#6f7290;--tier-common:#9aa3bd;--tier-uncommon:#3ccf78;--tier-rare:#5aa0ff;--tier-ultra:#b67cff;--tier-shiny:#ffc531}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font);color:var(--text);background:radial-gradient(900px 500px at 50% -220px, var(--glow), transparent 70%), var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}button,input{font:inherit;color:inherit}.shell{max-width:540px;padding:max(20px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;min-height:100dvh;margin:0 auto;display:flex}.top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.logo{letter-spacing:-.035em;margin:0;font-size:1.65rem;font-weight:800;line-height:1}.spark{color:var(--accent);vertical-align:super;margin-left:2px;font-size:.7em}.tagline{color:var(--muted);max-width:30ch;margin:6px 0 0;font-size:.9rem}.meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.day{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.score{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.score small{color:var(--muted);margin-left:3px;font-size:.75rem;font-weight:600}.pips{gap:6px;margin:0;padding:0;list-style:none;display:flex}.pip{background:var(--border);border-radius:99px;flex:1;height:6px;transition:background .3s}.pip.current{background:var(--text);opacity:.55}.pip.tier-miss{box-shadow:inset 0 0 0 1.5px var(--tier-miss);background:0 0}.pip.tier-common{background:var(--tier-common)}.pip.tier-uncommon{background:var(--tier-uncommon)}.pip.tier-rare{background:var(--tier-rare)}.pip.tier-ultra{background:var(--tier-ultra)}.pip.tier-first{background:var(--tier-shiny)}.pip.tier-shiny{background:linear-gradient(90deg, var(--tier-shiny), #ffe58a, var(--tier-shiny))}main{flex-direction:column;gap:14px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px;animation:.28s ease-out rise}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.78rem;font-weight:700}.muted{color:var(--muted)}.small{font-size:.85rem}h2,h3{letter-spacing:-.02em;margin:0}.prompt{letter-spacing:-.035em;text-wrap:balance;margin:14px 0 18px;font-size:clamp(1.65rem,7vw,2.25rem);font-weight:800;line-height:1.08}.prompt-note{color:var(--muted);margin:-8px 0 16px;font-size:.85rem}.answer{gap:8px;display:flex}.field{background:var(--surface-2);border:2px solid #0000;border-radius:14px;flex:1;min-width:0;transition:border-color .15s;position:relative}.field:focus-within{border-color:var(--text)}.field input,.ghost{letter-spacing:-.01em;padding:12px 14px;font-size:1.3rem;font-weight:600;line-height:1.3}.field input{background:0 0;border:0;outline:0;width:100%;position:relative}.field input::placeholder{color:var(--muted);font-weight:500}.ghost{white-space:pre;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ghost-typed{color:#0000}.ghost-rest{color:var(--muted);opacity:.75}.assist{flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:2.4rem;margin-top:10px;display:flex}.suggestion{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:99px;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-weight:600;display:inline-flex}.suggestion:hover{border-color:var(--muted)}.suggestion[hidden]{display:none}.nw{white-space:nowrap}kbd{font:inherit;background:var(--surface-2);color:var(--muted);border-radius:99px;padding:2px 8px;font-size:.72rem;font-weight:700}.message{color:var(--accent);margin:0;font-size:.92rem;font-weight:500}.message:empty{display:none}.skip{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:4px 0;font-weight:600;text-decoration:underline}.skip:hover:not(:disabled){color:var(--text)}.btn{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:14px;padding:12px 18px;font-weight:700;transition:transform 80ms,background .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:#0000}.btn.primary:hover:not(:disabled){background:var(--accent-strong)}.btn.wide{width:100%;margin-top:18px}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}:focus-visible{outline:3px solid var(--tier-rare);outline-offset:2px}.field input:focus-visible{outline:0}.result{--tier:var(--tier-common)}.tier-miss{--tier:var(--tier-miss)}.tier-common{--tier:var(--tier-common)}.tier-uncommon{--tier:var(--tier-uncommon)}.tier-rare{--tier:var(--tier-rare)}.tier-ultra{--tier:var(--tier-ultra)}.tier-shiny,.tier-first{--tier:var(--tier-shiny)}.result{border-top:4px solid var(--tier)}.badge{text-transform:uppercase;letter-spacing:.08em;color:var(--tier);background:color-mix(in srgb, var(--tier) 14%, transparent);border-radius:99px;padding:5px 11px;font-size:.78rem;font-weight:800}.tier-shiny .badge{color:#3b2a00;background:linear-gradient(110deg,#ffd23f 20%,#fff3b0 40%,#ffd23f 60%) 0 0/250% 100%;animation:2.2s linear infinite shimmer}.tier-shiny .badge:before{content:"✦ "}.prompt-small{color:var(--muted);margin:10px 0 16px;font-size:1.05rem;font-weight:700}.catch{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.sprite-lg{background:color-mix(in srgb, var(--tier) 12%, var(--surface-2));width:88px;height:88px;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--tier) 55%, transparent);image-rendering:pixelated;object-fit:contain;border-radius:50%;animation:.4s cubic-bezier(.2,1.4,.4,1) pop}.sprite-lg.empty{place-items:center;font-size:2rem;display:grid}.catch-name{letter-spacing:-.03em;font-size:1.6rem;font-weight:800;line-height:1.05}.catch-line{color:var(--muted);margin:4px 0 0;font-size:.95rem}.catch-line strong{color:var(--text)}.catch-note{color:var(--muted);margin:4px 0 0;font-size:.82rem;font-style:italic}.points{color:var(--tier);font-variant-numeric:tabular-nums;letter-spacing:-.03em;flex-direction:column;align-items:flex-end;font-size:2rem;font-weight:800;line-height:1;display:flex}.points small{color:var(--muted);letter-spacing:.04em;margin-top:2px;font-size:.75rem}.crowd{border-top:1px dashed var(--border);margin-top:20px;padding-top:16px}.crowd h3{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:8px;font-size:.78rem;font-weight:700}.crowd ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.crowd li{isolation:isolate;border-radius:10px;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:2px 10px 2px 2px;display:grid;position:relative;overflow:hidden}.crowd li:before{content:"";width:var(--w);background:var(--surface-2);z-index:-1;border-radius:inherit;transform-origin:0;animation:.6s ease-out grow;position:absolute;inset:0}.sprite-sm{width:36px;height:36px;image-rendering:pixelated}.crowd-name{font-weight:600}.crowd-share{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.crowd p{margin:10px 0 0}.final{text-align:center}.final-score{justify-content:center;align-items:baseline;gap:8px;margin:8px 0 4px;display:flex}.final-score .big{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:4.2rem;font-weight:800;line-height:1}.final-score .of{color:var(--muted);font-size:1.3rem;font-weight:700}.tiers{letter-spacing:.15em;margin:6px 0 16px;font-size:1.6rem}.recap{text-align:left;gap:4px;margin:20px 0 0;padding:0;list-style:none;display:grid}.recap li{border-top:1px solid var(--border);grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:10px 4px;display:grid}.dot{background:var(--tier);border-radius:50%;width:10px;height:10px}.tier-miss .dot{box-shadow:inset 0 0 0 2px var(--tier-miss);background:0 0}.recap p{margin:0}.recap-prompt{font-size:.95rem;font-weight:700}.recap-answer{color:var(--muted);font-size:.88rem}.recap-points{font-variant-numeric:tabular-nums;color:var(--tier);font-size:1.15rem;font-weight:800}.board h2{font-size:1.25rem}.name-form{margin:14px 0 6px}.name-form label{color:var(--muted);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.name-row{gap:8px;display:flex}.name-row input{background:var(--surface-2);border:2px solid #0000;border-radius:12px;flex:1;min-width:0;padding:10px 12px;font-weight:600}.name-row input:focus{border-color:var(--text);outline:0}.name-form .message{color:var(--muted);margin-top:6px}.board-list{margin:12px 0 0;padding:0;list-style:none}.board-list li{border-radius:10px;grid-template-columns:2.5ch 1fr auto;align-items:center;gap:12px;padding:9px 10px;display:grid}.board-list li:nth-child(odd):not(.you){background:color-mix(in srgb, var(--surface-2) 55%, transparent)}.board-list li.you{background:color-mix(in srgb, var(--accent) 14%, transparent);font-weight:700}.board-list li.gap,.board-list li.muted{text-align:center;color:var(--muted);background:0 0;display:block}.rank{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:800}.who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.who em{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-left:4px;font-size:.72rem;font-style:normal;font-weight:700}.total{font-variant-numeric:tabular-nums;font-weight:800}.next-game{text-align:center;color:var(--muted);margin:16px 0 0;font-size:.92rem}.next-game strong{color:var(--text);font-variant-numeric:tabular-nums}.loading{color:var(--muted);align-items:center;gap:12px;display:flex}.loading p{margin:0}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.error p{color:var(--muted)}.foot{color:var(--muted);text-align:center;margin-top:auto;padding-top:12px;font-size:.75rem}.foot a{color:inherit}.foot p{margin:0}.foot .made-by{margin-bottom:6px;font-size:.85rem;font-weight:600}.foot .made-by a{color:var(--text)}.shake{animation:.35s shake}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes grow{0%{transform:scaleX(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-250% 0}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important;animation:none!important}}@media (width<=380px){.catch{grid-template-columns:auto 1fr}.points{flex-direction:row;grid-column:1/-1;align-items:baseline;gap:6px}}