:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f4f5;--ink-soft:#c4c4cc;--paper:#0b0d12;--paper-deep:#151922;--panel:#151922;--panel-soft:#181d27;--panel-muted:#11151c;--accent:#3b82f6;--accent-deep:#60a5fa;--accent-glow:#3b82f647;--correct:#86efac;--correct-bg:#14532d;--close:#fde68a;--close-bg:#854d0e;--close-ink:#fde68a;--incorrect:#a1a1aa;--incorrect-bg:#27272a;--line:#f4f4f51c;--line-strong:#f4f4f533;--shadow:0 18px 55px #00000052;--shadow-soft:0 8px 24px #0003;--title-surface:#09090b;--title-ink:#fafafa;--chip:#f4f4f514;--scrollbar:#f4f4f547;--backdrop:#000000a3;--page-glow-a:#3b82f61f;--page-glow-b:#8b5cf60f;--atmosphere:#f4f4f505;--btn-primary-ink:#fff;--radius:12px;--font-display:"Fraunces", "Palatino Linotype", Palatino, serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#15171c;--ink-soft:#3f4450;--paper:#eef1f6;--paper-deep:#e2e7ef;--panel:#fff;--panel-soft:#f8fafc;--panel-muted:#e8edf5;--accent:#2563eb;--accent-deep:#1d4ed8;--accent-glow:#2563eb2e;--correct:#166534;--correct-bg:#dcfce7;--close:#a16207;--close-bg:#fef9c3;--close-ink:#854d0e;--incorrect:#71717a;--incorrect-bg:#e4e4e7;--line:#15171c24;--line-strong:#15171c42;--shadow:0 18px 48px #15171c24;--shadow-soft:0 8px 24px #15171c1a;--title-surface:#18181b;--title-ink:#fafafa;--chip:#15171c12;--scrollbar:#15171c52;--backdrop:#15171c73;--page-glow-a:#2563eb1c;--page-glow-b:#6366f10f;--atmosphere:#15171c08;--btn-primary-ink:#fff}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;color:var(--ink);background-color:var(--paper);background:radial-gradient(ellipse 80% 42rem at 8% -14rem, var(--page-glow-a), transparent 70%), radial-gradient(ellipse 58% 34rem at 100% -10rem, var(--page-glow-b), transparent 72%), var(--paper);margin:0;transition:background .22s,color .22s}a{color:var(--accent-deep)}button,input{font:inherit}.page{z-index:1;width:min(1120px,100% - 2rem);margin:0 auto;padding:1rem 0 3rem;position:relative}.atmosphere{pointer-events:none;background-image:repeating-linear-gradient(0deg, transparent, transparent 11px, var(--atmosphere) 11px, var(--atmosphere) 12px);z-index:0;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 85%);mask-image:linear-gradient(#0000008c,#0000 85%)}.site-header{z-index:45;border-bottom:1px solid var(--line);margin-bottom:2.6rem;animation:.5s both rise;position:relative}.site-header-top{justify-content:space-between;align-items:center;gap:1rem;min-height:4.75rem;display:flex}.site-brand{align-items:center;gap:.75rem;min-width:0;display:inline-flex}.site-brand-mark{color:#fff;background:linear-gradient(145deg, var(--accent), #7c3aed);width:2.35rem;height:2.35rem;box-shadow:0 8px 22px var(--accent-glow);font-family:var(--font-display);border-radius:10px;flex:none;place-items:center;font-size:1.35rem;font-weight:700;display:grid}.site-brand-name,.site-brand-tagline{margin:0}.site-brand-name{font-family:var(--font-display);letter-spacing:-.025em;font-size:1.35rem;font-weight:700;line-height:1.1}.site-brand-tagline{color:var(--ink-soft);margin-top:.15rem;font-size:.76rem;line-height:1.2}.site-actions{align-items:center;gap:.5rem;display:flex}.site-icon-btn{border:1px solid var(--line);background:var(--panel);width:2.35rem;height:2.35rem;color:var(--ink);border-radius:10px;place-items:center;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-grid}.site-icon-btn:hover{border-color:var(--line-strong);color:var(--accent-deep);background:var(--chip)}.site-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a.site-icon-btn{text-decoration:none}.site-icon-svg{width:1.2rem;height:1.2rem}.settings-page{width:min(40rem,100%);margin:0 auto;animation:.5s both rise}.settings-page-head{margin-bottom:.5rem}.settings-page-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.75rem}.settings-page-blurb{color:var(--ink-soft);margin:.4rem 0 0;font-size:.95rem;line-height:1.45}.settings-panel .settings-section-first{border-top:none;margin-top:1rem;padding-top:0}.settings-block-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .85rem;font-size:1.25rem}.settings-subsection{margin-top:1.25rem}.streak-badge{--streak-core:#f97316;--streak-hot:#ef4444;--streak-glow:#ef444459;border:1px solid color-mix(in srgb, var(--streak-core) 40%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--streak-hot) 16%, var(--panel)), color-mix(in srgb, var(--streak-core) 10%, var(--panel)));color:#fb7185;font-variant-numeric:tabular-nums;letter-spacing:-.01em;isolation:isolate;border-radius:999px;align-items:center;gap:.28rem;min-height:2.35rem;padding:0 .72rem 0 .42rem;font-size:.95rem;font-weight:800;transition:border-color .2s,box-shadow .2s,color .2s,transform .2s;display:inline-flex;position:relative;overflow:hidden}.streak-badge-fire{place-items:center;width:1.4rem;height:1.4rem;line-height:1;display:grid;position:relative}.streak-badge-emoji{z-index:2;transform-origin:50% 80%;font-size:1.05rem;position:relative}.streak-badge-glow,.streak-badge-sparks{pointer-events:none;z-index:1;position:absolute;inset:50% auto auto 50%}.streak-badge-glow{background:radial-gradient(circle, var(--streak-glow), transparent 70%);opacity:.55;border-radius:50%;width:1.1rem;height:1.1rem;margin:-.55rem 0 0 -.55rem}.streak-badge-sparks{opacity:0;width:1.6rem;height:1.6rem;margin:-.8rem 0 0 -.8rem}.streak-badge-value{z-index:2;text-align:center;min-width:.85rem;position:relative}.streak-tier-cold{opacity:.7;filter:saturate(.55)brightness(.95);color:#fca5a5;border-color:color-mix(in srgb, #f97316 18%, var(--line))}.streak-tier-ember .streak-badge-emoji{animation:1.8s ease-in-out infinite streak-flicker}.streak-tier-flame{color:#f87171;border-color:color-mix(in srgb, #ef4444 45%, var(--line));box-shadow:inset 0 1px #ffffff14,0 0 10px #ef44442e}.streak-tier-flame .streak-badge-emoji{animation:1.1s ease-in-out infinite streak-flicker}.streak-tier-flame .streak-badge-glow{opacity:.75;animation:1.4s ease-in-out infinite streak-glow-pulse}.streak-tier-blaze{--streak-glow:#f9731680;color:#fb923c;border-color:color-mix(in srgb, #f97316 55%, var(--line));box-shadow:inset 0 1px #ffffff1a,0 0 14px #f9731647}.streak-tier-blaze .streak-badge-emoji{font-size:1.12rem;animation:.85s ease-in-out infinite streak-burn}.streak-tier-blaze .streak-badge-glow{opacity:.9;width:1.35rem;height:1.35rem;margin:-.675rem 0 0 -.675rem;animation:1s ease-in-out infinite streak-glow-pulse}.streak-tier-inferno{--streak-glow:#ef4444a6;color:#fbbf24;background:linear-gradient(145deg, color-mix(in srgb, #ef4444 28%, var(--panel)), color-mix(in srgb, #f59e0b 18%, var(--panel)));border-color:#f1682d;box-shadow:inset 0 1px #ffffff1f,0 0 18px #ef444459,0 0 28px #f59e0b2e}.streak-tier-inferno .streak-badge-emoji{filter:saturate(1.25);font-size:1.18rem;animation:.7s ease-in-out infinite streak-inferno}.streak-tier-inferno .streak-badge-glow{opacity:1;width:1.55rem;height:1.55rem;margin:-.775rem 0 0 -.775rem;animation:.8s ease-in-out infinite streak-glow-pulse}.streak-tier-inferno .streak-badge-sparks{opacity:.85;background:radial-gradient(circle at 20% 30%,#fbbf24 0 1px,#0000 2px),radial-gradient(circle at 75% 20%,#fb923c 0 1px,#0000 2px),radial-gradient(circle at 60% 70%,#ef4444 0 1.2px,#0000 2.2px),radial-gradient(circle at 35% 80%,#fde68a 0 1px,#0000 2px);animation:.9s linear infinite streak-sparks}.streak-tier-legendary{--streak-glow:#facc15b3;color:#fef08a;background:linear-gradient(145deg, color-mix(in srgb, #ef4444 34%, var(--panel)), color-mix(in srgb, #f59e0b 24%, var(--panel)), color-mix(in srgb, #fbbf24 14%, var(--panel)));border-color:#f79a2e;animation:1.8s ease-in-out infinite streak-legendary-ring;box-shadow:inset 0 1px #ffffff29,0 0 20px #ef44446b,0 0 36px #fbbf2447}.streak-tier-legendary .streak-badge-emoji{filter:saturate(1.4)brightness(1.08);font-size:1.28rem;animation:.55s ease-in-out infinite streak-legendary-fire}.streak-tier-legendary .streak-badge-glow{opacity:1;width:1.8rem;height:1.8rem;margin:-.9rem 0 0 -.9rem;animation:.6s ease-in-out infinite streak-glow-pulse}.streak-tier-legendary .streak-badge-sparks{opacity:1;background:radial-gradient(circle at 15% 25%,#fff 0 1px,#0000 2px),radial-gradient(circle at 80% 15%,#fde68a 0 1.4px,#0000 2.4px),radial-gradient(circle at 70% 75%,#fb923c 0 1.2px,#0000 2.2px),radial-gradient(circle at 30% 85%,#ef4444 0 1px,#0000 2px),radial-gradient(circle at 50% 10%,#fbbf24 0 1px,#0000 2px);width:2rem;height:2rem;margin:-1rem 0 0 -1rem;animation:.65s linear infinite streak-sparks}@keyframes streak-flicker{0%,to{transform:translateY(.5px)scale(1)rotate(-2deg)}50%{transform:translateY(-.5px)scale(1.06)rotate(2deg)}}@keyframes streak-burn{0%,to{transform:translateY(.5px)scale(1)rotate(-3deg)}40%{transform:translateY(-1px)scale(1.1)rotate(2deg)}70%{transform:translateY(0)scale(1.04)rotate(-1deg)}}@keyframes streak-inferno{0%,to{filter:saturate(1.2)brightness();transform:translateY(.5px)scale(1)rotate(-4deg)}35%{filter:saturate(1.35)brightness(1.08);transform:translateY(-1.5px)scale(1.14)rotate(3deg)}65%{filter:saturate(1.25)brightness(1.04);transform:translateY(0)scale(1.06)rotate(-2deg)}}@keyframes streak-legendary-fire{0%,to{transform:translateY(.5px)scale(1)rotate(-5deg)}25%{transform:translateY(-2px)scale(1.18)rotate(4deg)}50%{transform:translateY(-.5px)scale(1.08)rotate(-3deg)}75%{transform:translateY(-1.5px)scale(1.14)rotate(3deg)}}@keyframes streak-glow-pulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.15)}}@keyframes streak-sparks{0%{opacity:.35;transform:translateY(2px)scale(.9)}40%{opacity:1}to{opacity:0;transform:translateY(-6px)scale(1.15)}}@keyframes streak-legendary-ring{0%,to{box-shadow:inset 0 1px #ffffff29,0 0 18px #ef444466,0 0 32px #fbbf243d}50%{box-shadow:inset 0 1px #fff3,0 0 26px #ef44448c,0 0 44px #fbbf245c}}@media (prefers-reduced-motion:reduce){.streak-badge-emoji,.streak-badge-glow,.streak-badge-sparks,.streak-tier-legendary{animation:none!important}}[data-theme=light] .streak-badge{color:#dc2626}[data-theme=light] .streak-tier-blaze{color:#c2410c}[data-theme=light] .streak-tier-inferno,[data-theme=light] .streak-tier-legendary{color:#b45309}[data-theme=light] .mode-row{background:var(--panel);border-color:var(--line-strong);box-shadow:var(--shadow-soft)}[data-theme=light] a.mode-row:hover,[data-theme=light] a.mode-row:focus-visible{background:color-mix(in srgb, var(--accent) 6%, var(--panel));border-color:color-mix(in srgb, var(--accent) 28%, var(--line-strong))}[data-theme=light] .leaderboard-panel{background:linear-gradient(165deg, color-mix(in srgb, var(--accent) 12%, var(--panel)), var(--panel) 42%);border-color:var(--line-strong)}[data-theme=light] .character-panel{background:linear-gradient(165deg, color-mix(in srgb, var(--accent) 16%, var(--panel)), var(--panel) 52%);border-color:var(--line-strong);box-shadow:var(--shadow-soft), inset 0 1px 0 color-mix(in srgb, var(--accent) 18%, transparent)}[data-theme=light] .character-panel-rank-chip{background:color-mix(in srgb, var(--accent) 10%, var(--chip));border-color:color-mix(in srgb, var(--accent) 22%, var(--line-strong))}[data-theme=light] .character-panel-stat{background:color-mix(in srgb, var(--panel-muted) 70%, var(--panel));border-color:var(--line-strong)}[data-theme=light] .character-panel-avatar,[data-theme=light] .avatar-stage-well{border-color:var(--line-strong)}[data-theme=light] .shop-hero{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 12%, var(--panel)), var(--panel)), repeating-linear-gradient(0deg, transparent 0 7px, color-mix(in srgb, var(--ink) 4%, transparent) 7px 8px);border-color:color-mix(in srgb, var(--accent) 36%, var(--line-strong))}[data-theme=light] .avatar-shop-stage,[data-theme=light] .avatar-shop-preview{border-color:var(--line-strong)}[data-theme=light] .avatar-card-art{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 48%), linear-gradient(150deg, var(--panel-soft), var(--panel-muted))}[data-theme=light] .avatar-card.is-selected{background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.dev-streak-presets{flex-wrap:wrap;gap:.35rem;margin:.45rem 0 .75rem;display:flex}.dev-streak-preset{font-variant-numeric:tabular-nums;min-width:2.4rem;min-height:2rem;padding:.25rem .45rem;font-weight:700}.dev-streak-preset.is-active{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));color:var(--accent-deep);background:var(--accent-glow)}.dev-streak-custom{grid-template-columns:1fr auto;align-items:center;gap:.5rem;margin-bottom:.25rem;display:grid}.leaderboard-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem .75rem;display:flex}.dev-tools-fab{z-index:40;border:1px solid var(--line-strong);background:var(--panel);color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-soft);border-radius:999px;padding:.5rem .95rem;font-size:.78rem;font-weight:700;position:fixed;bottom:1rem;right:1rem}.dev-tools-fab:hover{color:var(--accent-deep);border-color:var(--accent)}.dev-tools-fab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dev-tools-backdrop.modal-backdrop{background:color-mix(in srgb, var(--backdrop) 28%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:flex-end;align-items:stretch;padding:0;display:flex}.dev-tools-panel.modal{border:none;border-left:1px solid var(--line-strong);width:min(22.5rem,100%);max-width:100%;height:100%;max-height:100%;box-shadow:var(--shadow);border-radius:0;margin:0;animation:.18s both dev-tools-slide;overflow:auto}@keyframes dev-tools-slide{0%{opacity:.6;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.dev-tools-panel .settings-section-first{border-top:none;margin-top:.75rem;padding-top:0}.dev-tools-grid{grid-template-columns:1fr 1fr;gap:.65rem;margin:.65rem 0 .85rem;display:grid}.dev-tools-field{color:var(--ink-soft);flex-direction:column;gap:.25rem;font-size:.82rem;display:flex}@media (width<=520px){.dev-tools-grid{grid-template-columns:1fr}.dev-tools-panel.modal{width:100%}}.site-nav{align-items:center;gap:1rem;min-height:3.45rem;display:flex}.site-nav-label{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:700}.hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;margin-bottom:.85rem;animation:.7s both rise;display:flex}.mode-switcher{flex-wrap:nowrap;gap:.35rem;margin:0;padding:0;display:flex}.mode-switcher-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.48rem .8rem;font-size:.88rem;font-weight:650}.mode-switcher-btn:hover{color:var(--ink)}.mode-switcher-btn.is-active{background:var(--accent-glow);border-color:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--accent-deep);box-shadow:none}.mode-empty{border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel-muted);padding:1.5rem 1.25rem;animation:.7s both rise}.mode-empty-title{font-family:var(--font-display);margin:0;font-size:1.45rem}.mode-empty-body{max-width:46ch;color:var(--ink-soft);margin:.55rem 0 0;line-height:1.45}.crop-clue{animation:.8s 80ms both rise}.crop-clue-column{flex-direction:column;width:min(100%,22rem);margin-inline:auto;display:flex}.crop-clue-header{flex-direction:column;align-items:flex-start;gap:.2rem;margin-bottom:.65rem;display:flex}.crop-frame-slot{aspect-ratio:16/10;place-items:center;width:100%;display:grid}.crop-frame{border:1px solid var(--line);border-radius:var(--radius);background:var(--title-surface);box-shadow:var(--shadow);position:relative;overflow:hidden}.crop-frame-portrait{aspect-ratio:3/4;width:100%;max-width:100%;height:auto}.crop-zoom{will-change:transform;width:100%;height:100%;transition:transform .52s cubic-bezier(.22,1,.36,1)}.crop-image{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.crop-image.is-grayscale{filter:grayscale()}.character-test-bar{flex-wrap:wrap;align-items:center;gap:.65rem .85rem;display:flex}.character-test-note{color:var(--ink-soft);margin:0;font-size:.82rem}.hero-copy{min-width:min(100%,22rem);max-width:44rem}.clue-stack{gap:.4rem;min-width:0;display:grid}.clue-stack-overlap{z-index:2;position:relative}.clue-stack-overlap .clue-toolbar{margin-bottom:.45rem}.clue-toolbar{justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.hard-mode-toggle{color:var(--ink-soft);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;margin:0;padding:.15rem .2rem .15rem .45rem;font-size:.68rem;font-weight:700;transition:color .16s,background .16s,border-color .16s;display:inline-flex}.hard-mode-toggle:hover:not(:disabled){color:var(--ink)}.hard-mode-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hard-mode-toggle.is-on{color:var(--accent-deep);background:var(--accent-glow);border-color:color-mix(in srgb, var(--accent) 28%, transparent)}.hard-mode-toggle:disabled{opacity:.55;cursor:not-allowed}.hard-mode-toggle-label{line-height:1}.hard-mode-toggle-track{background:color-mix(in srgb, var(--ink-soft) 28%, transparent);border-radius:999px;flex:none;width:1.7rem;height:.95rem;transition:background .16s;position:relative;translate:0 -.12em}.hard-mode-toggle.is-on .hard-mode-toggle-track{background:var(--accent)}.hard-mode-toggle-thumb{background:var(--panel);border-radius:50%;width:.7rem;height:.7rem;transition:transform .16s;position:absolute;top:.12rem;left:.12rem;box-shadow:0 1px 2px #00000038}.hard-mode-toggle.is-on .hard-mode-toggle-thumb{transform:translate(.72rem)}.surrender-toggle{min-width:24px;min-height:24px;color:var(--ink-soft);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;margin:0;padding:.4rem .7rem;font-size:.72rem;font-weight:700;line-height:1;transition:color .16s,background .16s,border-color .16s;display:inline-flex}.surrender-toggle:hover{color:var(--ink);background:color-mix(in srgb, var(--incorrect) 10%, transparent);border-color:color-mix(in srgb, var(--incorrect) 28%, transparent)}.surrender-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.surrender-toggle:disabled{opacity:.55;cursor:not-allowed}.surrender-toggle:disabled:hover{color:var(--ink-soft);background:0 0;border-color:#0000}.mode-kicker{color:var(--accent-deep);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;font-weight:750}.mode-title{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.65rem,4vw,2.35rem);font-weight:650;line-height:1.12}.hero-aside{align-items:center;gap:.5rem;display:flex}.auth-chip{align-items:center;gap:.45rem;min-height:2.35rem;display:inline-flex}.auth-chip-signed{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:10px;padding:.25rem .55rem .25rem .3rem}.auth-chip-loading{padding:.25rem .65rem .25rem .3rem}.auth-avatar{width:1.7rem;height:1.7rem;color:var(--accent-deep);background:var(--accent-glow);border-radius:7px;flex:none;place-items:center;font-size:.76rem;font-weight:750;display:grid}.auth-chip-trigger{color:inherit;font:inherit;cursor:pointer;transition:transform .14s,border-color .16s,background .16s}.auth-chip-trigger:hover{border-color:var(--accent);transform:translateY(-1px)}.auth-chip-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-chip-label{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:7rem;font-size:.82rem;font-weight:650;overflow:hidden}.auth-chip-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);min-height:2.35rem;box-shadow:var(--shadow-soft);cursor:pointer;border-radius:10px;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.82rem;font-weight:650;transition:transform .14s,border-color .16s,background .16s;display:inline-flex}.auth-chip-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.auth-chip-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-account-icon{width:1rem;height:1rem}.auth-chevron{width:.85rem;height:.85rem;color:var(--ink-soft)}.auth-backdrop{z-index:85}.auth-menu{z-index:2;position:relative}.auth-menu-panel{z-index:50;border:1px solid var(--line);background:var(--panel);width:min(20rem,100vw - 1.5rem);box-shadow:0 12px 32px color-mix(in srgb, var(--ink) 18%, transparent);border-radius:14px;padding:.95rem 1rem 1rem;position:absolute;top:calc(100% + .45rem);right:0}.auth-menu-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.72rem;font-weight:700}.auth-menu-intro{color:var(--ink-soft);margin:.4rem 0 0;font-size:.9rem;line-height:1.4}.auth-menu-actions{gap:.4rem;margin-top:.85rem;display:grid}.auth-menu-actions .btn{justify-content:flex-start;width:100%}.auth-modal{width:min(420px,100%);padding-top:1.2rem;padding-right:1.2rem}.auth-modal-intro{color:var(--ink-soft);margin:.55rem 0 0;line-height:1.45}.auth-oauth-list{gap:.55rem;margin-top:1.15rem;display:grid}.auth-oauth-btn{background:var(--panel-muted);width:100%;color:var(--ink);border-color:var(--line);justify-content:flex-start;gap:.7rem;padding:.75rem .95rem;font-weight:650}.auth-oauth-btn:hover{border-color:var(--accent);background:var(--panel)}.auth-oauth-btn:disabled{opacity:.7;cursor:wait;transform:none}.auth-oauth-icon{flex-shrink:0;width:1.2rem;height:1.2rem}.auth-oauth-discord{color:var(--ink)}.auth-oauth-discord .auth-oauth-icon{color:#5865f2}.auth-divider{color:var(--ink-soft);letter-spacing:.02em;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:1.1rem 0 .15rem;font-size:.78rem;font-weight:650;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);height:1px}.auth-email-highlight{color:var(--ink);word-break:break-word;font-weight:650}.auth-modal-form{gap:.45rem;margin-top:.85rem;display:grid}.auth-field-label{color:var(--ink);font-size:.82rem;font-weight:650}.auth-modal-input{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-muted);width:100%;color:var(--ink);padding:.7rem .85rem;font-family:inherit;font-size:1rem}.auth-modal-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.auth-modal-input:disabled{opacity:.7;cursor:not-allowed}.auth-modal-error{color:#f87171;margin:0;font-size:.88rem;line-height:1.4}[data-theme=light] .auth-modal-error{color:#b91c1c}.auth-modal-actions{justify-content:flex-end;margin-top:.85rem}.settings-modal{width:min(560px,100%);max-height:min(88vh,840px);overflow:auto}.settings-section{border-top:1px solid color-mix(in srgb, var(--ink) 12%, transparent);margin-top:1.15rem;padding-top:1rem}.settings-section-title{margin:0 0 .45rem;font-size:.95rem;font-weight:650}.settings-row,.settings-muted{color:var(--ink-soft);margin:0 0 .65rem;font-size:.92rem;line-height:1.45}.settings-notice{color:var(--accent);margin:.35rem 0;font-size:.9rem}.settings-taste-options{margin-top:.35rem}.settings-toggle{cursor:pointer;align-items:flex-start;gap:.55rem;font-size:.92rem;line-height:1.4;display:flex}.settings-toggle input{margin-top:.2rem}.settings-actions{flex-wrap:wrap;gap:.5rem;display:flex}.settings-danger{border:1px solid #cc444459;border-radius:.65rem;margin-top:1rem;padding:.85rem}.moderation-modal{width:min(640px,100%)}.moderation-tabs{flex-wrap:wrap;gap:.35rem;margin:.75rem 0 .5rem;display:flex}.moderation-tab.is-active{border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:var(--ink)}.moderation-panel{margin-top:.5rem}.moderation-target{border-top:1px solid color-mix(in srgb, var(--ink) 12%, transparent);margin-top:1rem;padding-top:.85rem}.moderation-reason{resize:vertical;min-height:4.5rem}.moderation-check{align-items:center;gap:.45rem;margin:.65rem 0;font-size:.9rem;display:flex}.moderation-actions{flex-wrap:wrap;gap:.45rem;margin-top:.75rem;display:flex}.moderation-owner-actions{border-top:1px dashed color-mix(in srgb, var(--ink) 14%, transparent);margin-top:.5rem;padding-top:.65rem}.moderation-queue{gap:.55rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.moderation-queue li{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);border-radius:.55rem;gap:.15rem;padding:.55rem .65rem;font-size:.9rem;display:grid}.moderation-queue-meta{color:var(--ink-soft);font-size:.82rem}.auth-sign-out-btn{color:var(--ink-soft)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.howto-btn{border:1px solid var(--line);background:var(--panel);width:2.35rem;height:2.35rem;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;line-height:1;transition:transform .14s,background .16s,border-color .16s,color .16s;display:inline-flex}.howto-btn:hover{border-color:var(--accent);color:var(--accent-deep);transform:translateY(-1px)}.howto-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.archive-toggle-icon{width:1.05rem;height:1.05rem}.brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(2.5rem,7vw,4.1rem);font-weight:700;line-height:.95}.tagline{max-width:34ch;color:var(--ink-soft);margin:.75rem 0 0;font-size:1.05rem;line-height:1.45}.day-meta{border:1px solid var(--line);background:var(--panel-muted);color:var(--incorrect);letter-spacing:.02em;border-radius:10px;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;margin:0;padding:.4rem .7rem;font-size:.88rem;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--panel);width:2.35rem;height:2.35rem;color:var(--ink);box-shadow:var(--shadow-soft);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:0;transition:transform .14s,background .16s,border-color .16s,color .16s;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent-deep);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle-icon{flex-shrink:0;width:1.05rem;height:1.05rem}.theme-toggle-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.archive-backdrop{z-index:70}.archive-shell{justify-content:center;align-items:flex-start;gap:.85rem;width:min(920px,100%);max-height:min(92vh,100%);display:flex}.archive-shell.has-dev-panel{width:min(760px,100%)}.archive-modal{border-color:color-mix(in srgb, var(--accent) 16%, var(--line));background:radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 34%), var(--panel);flex:0 472px;width:min(472px,100%);max-height:min(92vh,100%);overflow:auto}.archive-dev-panel{border:1px solid color-mix(in srgb, #f59e0b 45%, var(--line));border-radius:var(--radius);background:var(--panel);width:min(280px,100%);max-height:min(92vh,100%);box-shadow:var(--shadow);color:var(--ink);flex:0 0 min(280px,100%);padding:1rem 1rem 1.1rem;overflow:auto}.archive-dev-kicker{letter-spacing:.08em;text-transform:uppercase;color:#f59e0b;margin:0;font-size:.68rem;font-weight:700}.archive-dev-title{font-family:var(--font-display);margin:.2rem 0 .35rem;font-size:1.15rem}.archive-dev-note{color:var(--ink-soft);margin:0 0 .85rem;font-size:.78rem;line-height:1.4}.archive-dev-field{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);gap:.25rem;margin-bottom:.55rem;font-size:.72rem;font-weight:700;display:grid}.archive-dev-input{border:1px solid var(--line);background:var(--panel-muted);width:100%;color:var(--ink);font:inherit;letter-spacing:0;text-transform:none;border-radius:8px;padding:.45rem .55rem;font-size:.88rem;font-weight:600}.archive-dev-quick,.archive-dev-actions,.archive-dev-presets{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.archive-dev-quick .btn,.archive-dev-actions .btn,.archive-dev-presets .btn{padding:.35rem .55rem;font-size:.75rem}.archive-dev-modes{margin:.35rem 0 .65rem}.archive-dev-presets-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin:.15rem 0 .4rem;font-size:.72rem;font-weight:700}@media (width<=720px){.archive-shell.has-dev-panel{flex-direction:column;align-items:stretch;width:min(420px,100%);overflow:auto}.archive-dev-panel{flex-basis:auto;width:100%;max-height:none}}.archive-modal-title{letter-spacing:-.015em;margin-bottom:.3rem;font-size:1.5rem}.archive-note{max-width:36rem;color:var(--ink-soft);margin:0 0 1.1rem;font-size:.84rem;line-height:1.5}.archive-month-nav{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--panel-muted) 72%, var(--panel));border-radius:14px;grid-template-columns:2.35rem minmax(0,1fr) 2.35rem;align-items:center;gap:.5rem;margin-bottom:.7rem;padding:.32rem;display:grid;box-shadow:inset 0 1px #ffffff17}.archive-month-label{text-align:center;letter-spacing:.015em;margin:0;font-size:.95rem;font-weight:800}.archive-nav-btn{border-radius:10px;width:2.35rem;min-width:0;height:2.35rem;padding:0;font-size:1.25rem;line-height:1}.archive-nav-btn:disabled{opacity:.28;cursor:not-allowed}.archive-loading{color:var(--ink-soft);margin:.5rem 0 1rem;font-size:.88rem}.archive-calendar{border:1px solid color-mix(in srgb, var(--line) 88%, transparent);background:color-mix(in srgb, var(--panel-muted) 45%, var(--panel));box-shadow:inset 0 1px 0 #ffffff12, 0 8px 24px color-mix(in srgb, var(--ink) 5%, transparent);border-radius:16px;gap:.55rem;padding:.72rem;display:grid}.archive-weekdays,.archive-days{gap:.3rem;display:grid}.archive-weekdays{border-bottom:1px solid color-mix(in srgb, var(--line) 68%, transparent);grid-template-columns:repeat(7,1fr);padding:0 .12rem .5rem}.archive-days{gap:.38rem}.archive-week{--archive-day-gap:.3rem;gap:var(--archive-day-gap);grid-template-columns:repeat(7,1fr);align-items:stretch;display:grid;position:relative}.archive-day-slot{aspect-ratio:1.12;min-height:2.35rem;display:grid;position:relative}.archive-weekday{text-align:center;letter-spacing:.085em;text-transform:uppercase;color:var(--ink-soft);font-size:.65rem;font-weight:800}.archive-weekday:first-child,.archive-weekday:last-child{color:color-mix(in srgb, var(--accent-deep) 58%, var(--ink-soft))}.archive-day{z-index:1;appearance:none;border:1px solid color-mix(in srgb, var(--line) 86%, transparent);background:color-mix(in srgb, var(--panel-muted) 78%, var(--panel));width:100%;height:100%;color:var(--ink);cursor:pointer;border-radius:10px;align-content:center;place-items:center;gap:.15rem;padding:.2rem 0 .45rem;transition:transform .14s,border-color .16s,background .16s,box-shadow .16s,border-radius .16s;display:grid;position:relative}.archive-day-slot.is-pad{pointer-events:none}.archive-day-slot:has(.archive-day.is-double-solve){z-index:2}.archive-day-slot:has(.archive-day.is-double-solve):after{content:"";z-index:0;pointer-events:none;border-radius:10px;animation:1.8s ease-in-out infinite alternate archive-double-solve-glow;position:absolute;inset:.08rem}.archive-day:not(:disabled):hover{z-index:3;border-color:color-mix(in srgb, var(--accent) 78%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--panel-muted));box-shadow:0 5px 12px color-mix(in srgb, var(--ink) 12%, transparent);transform:translateY(-2px)}.archive-day:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.archive-day:disabled,.archive-day.is-unavailable{opacity:.42;cursor:not-allowed;color:var(--ink-soft)}.archive-day.is-today{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}.archive-day.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 74%, transparent), 0 3px 10px color-mix(in srgb, var(--accent) 16%, transparent)}.archive-day.is-play-any:not(.is-first-try):not(.is-triple-solve):not(.is-double-solve):not(.is-in-streak){border-color:color-mix(in srgb, #0d9488 45%, var(--line));background:color-mix(in srgb, #14b8a6 10%, var(--panel-muted))}.archive-day.is-play-all:not(.is-first-try):not(.is-triple-solve):not(.is-double-solve):not(.is-in-streak){border-color:color-mix(in srgb, #0f766e 65%, var(--line));background:color-mix(in srgb, #14b8a6 14%, var(--panel-muted))}.archive-day-slot.is-streak-any:before{content:"";z-index:0;top:.08rem;right:calc(-1 * var(--archive-day-gap));box-sizing:border-box;background:linear-gradient(180deg, color-mix(in srgb, #0d9488 48%, var(--panel-muted)) 0%, color-mix(in srgb, #14b8a6 38%, var(--panel-muted)) 100%);pointer-events:none;border:1.5px solid #0f766e8c;border-width:1.5px 0;position:absolute;bottom:.08rem;left:0}.archive-day-slot.is-streak-start:before{border-left-width:1.5px;border-radius:10px 0 0 10px}.archive-day-slot.is-streak-middle:before{border-radius:0}.archive-day-slot.is-streak-end:before{border-right-width:1.5px;border-radius:0 10px 10px 0;right:0}.archive-day.is-in-streak{background:0 0;border-color:#0000}.archive-day.is-in-streak .archive-day-num{z-index:1;position:relative}.archive-day.is-in-streak .archive-day-dots{z-index:1}.archive-day.is-selected.is-in-streak:not(.is-first-try):not(.is-triple-solve):not(.is-double-solve){box-shadow:inset 0 0 0 2px var(--accent)}.archive-day.is-first-try:not(.is-in-streak),.archive-day.is-triple-solve:not(.is-in-streak){z-index:2;color:#bbf7d0;background:#166534 padding-box padding-box;border:none;transform:translateY(-2px)scale(1.06);box-shadow:0 0 0 1.5px #4ade80,0 3px 10px #15803d47}.archive-day.is-first-try:not(.is-in-streak):not(:disabled):hover,.archive-day.is-triple-solve:not(.is-in-streak):not(:disabled):hover{background:#15803d;transform:translateY(-3px)scale(1.08);box-shadow:0 0 0 1.5px #86efac,0 3px 10px #15803d52}.archive-day.is-first-try:not(.is-in-streak).is-today,.archive-day.is-triple-solve:not(.is-in-streak).is-today{box-shadow:0 0 0 1.5px #4ade80,0 0 0 3px #4ade8059,0 3px 10px #15803d47}.archive-day.is-first-try:not(.is-in-streak).is-selected,.archive-day.is-triple-solve:not(.is-in-streak).is-selected{background:#15803d;box-shadow:0 0 0 1.5px #86efac,0 3px 10px #15803d47}.archive-day.is-first-try.is-in-streak,.archive-day.is-triple-solve.is-in-streak{z-index:1;box-shadow:none;color:#bbf7d0;background:0 0;border-color:#0000;transform:none}[data-theme=light] .archive-day.is-triple-solve:not(.is-in-streak){color:#14532d;background:#bbf7d0;box-shadow:0 0 0 1.5px #16a34a,0 3px 10px #16a34a2e}[data-theme=light] .archive-day.is-triple-solve:not(.is-in-streak):not(:disabled):hover,[data-theme=light] .archive-day.is-triple-solve:not(.is-in-streak).is-selected{background:#86efac;box-shadow:0 0 0 1.5px #15803d,0 3px 10px #16a34a38}[data-theme=light] .archive-day.is-triple-solve:not(.is-in-streak).is-today{box-shadow:0 0 0 1.5px #16a34a,0 0 0 3px #16a34a38,0 3px 10px #16a34a2e}[data-theme=light] .archive-day.is-triple-solve.is-in-streak{color:#14532d}.archive-day.is-double-solve:not(.is-in-streak){z-index:1;color:#fef9c3;background:#a16207 padding-box padding-box;border:none;transform:translateY(-2px)scale(1.06);box-shadow:0 0 0 1.5px #facc15}.archive-day.is-double-solve:not(.is-in-streak):not(:disabled):hover{background:#ca8a04;transform:translateY(-3px)scale(1.08);box-shadow:0 0 0 1.5px #fef08a}.archive-day.is-double-solve:not(.is-in-streak).is-today{box-shadow:0 0 0 1.5px #facc15,0 0 0 3px #facc1559}.archive-day.is-double-solve:not(.is-in-streak).is-selected{background:#ca8a04;box-shadow:0 0 0 1.5px #fef08a}.archive-day.is-double-solve.is-in-streak{z-index:1;box-shadow:none;color:#fef9c3;background:0 0;border-color:#0000;transform:none}.archive-day-emphasis{z-index:0;pointer-events:none;background:#a16207 padding-box padding-box;border:none;border-radius:6px;position:absolute;inset:.16rem .22rem;box-shadow:0 0 0 1.5px #facc15}.archive-day-emphasis.is-first-try,.archive-day-emphasis.is-green{background:#166534;box-shadow:0 0 0 1.5px #4ade80,0 2px 8px #15803d47}[data-theme=light] .archive-day.is-triple-solve .archive-day-emphasis.is-green{background:#bbf7d0;box-shadow:0 0 0 1.5px #16a34a,0 2px 8px #16a34a29}.archive-day.is-first-try.is-in-streak:not(:disabled):hover,.archive-day.is-triple-solve.is-in-streak:not(:disabled):hover{border-color:#0000;transform:none}.archive-day.is-first-try.is-in-streak.is-selected,.archive-day.is-triple-solve.is-in-streak.is-selected{box-shadow:inset 0 0 0 2px var(--accent)}.archive-day.is-double-solve.is-in-streak:not(:disabled):hover{border-color:#0000;transform:none}.archive-day.is-double-solve.is-in-streak.is-selected{box-shadow:inset 0 0 0 2px var(--accent)}.archive-day.is-first-try .archive-day-num,.archive-day.is-triple-solve .archive-day-num,.archive-day.is-double-solve .archive-day-num{font-weight:700}.archive-day-num{font-size:.84rem;font-weight:650;line-height:1}.archive-day-dots{justify-content:center;align-items:center;gap:.18rem;display:flex;position:absolute;bottom:.3rem}.archive-day-dot{background:var(--ink-soft);opacity:.45;border-radius:999px;width:.32rem;height:.32rem}.archive-day-dot.is-available{background:var(--ink-soft);opacity:.45}.archive-day-dot.is-playing{background:var(--close,#d4a017);opacity:1}.archive-day-dot.is-won{background:var(--correct,#3d9a5f);opacity:1}.archive-day-dot.is-first-try{opacity:1;background:#22c55e;width:.38rem;height:.38rem;box-shadow:0 0 5px #22c55ea6}.archive-day-dot.is-double-solve{opacity:1;background:#f59e0b;width:.38rem;height:.38rem;box-shadow:0 0 5px #f59e0ba6}.archive-day-dot.is-lost{opacity:1;background:#ef4444}.archive-legend{border-top:1px solid color-mix(in srgb, var(--line) 72%, transparent);color:var(--ink-soft);flex-wrap:wrap;gap:.4rem;margin:.85rem 0 0;padding:.65rem 0 0;font-size:.7rem;list-style:none;display:flex}.archive-legend li{border:1px solid color-mix(in srgb, var(--line) 66%, transparent);background:color-mix(in srgb, var(--panel-muted) 62%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:.32rem;min-height:1.65rem;padding:.22rem .46rem;display:inline-flex}.archive-legend-swatch{background:var(--ink-soft);border-radius:999px;width:.55rem;height:.55rem}.archive-legend-swatch.is-available{background:var(--ink-soft);opacity:.55}.archive-legend-swatch.is-playing{background:var(--close,#d4a017)}.archive-legend-swatch.is-won{background:var(--correct,#3d9a5f)}[data-theme=light] .archive-day-dot.is-won,[data-theme=light] .archive-legend-swatch.is-won{background:#16a34a}.archive-legend-swatch.is-first-try,.archive-legend-swatch.is-triple-solve{background:#22c55e;box-shadow:0 0 4px #22c55e8c}.archive-legend-swatch.is-double-solve{background:#f59e0b;box-shadow:0 0 4px #f59e0b8c}@keyframes archive-double-solve-glow{0%{box-shadow:0 0 10px #facc154d,0 0 20px #fde04729}to{box-shadow:0 0 18px #facc158c,0 0 34px #fde04752}}.archive-legend-swatch.is-lost{background:#ef4444}.archive-legend-ribbon{border-radius:999px;width:1.15rem;height:.45rem}.archive-legend-ribbon.is-any{background:linear-gradient(90deg,#0f766e 0%,#14b8a6 50%,#0d9488 100%);box-shadow:inset 0 0 0 1px #115e59,0 1px 3px #0f766e40}.archive-actions{justify-content:center;margin-top:.85rem;display:flex}.archive-actions .btn{border-radius:12px;width:100%;min-height:2.8rem}@media (width<=440px){.archive-modal{width:100%}.archive-calendar{border-radius:14px;padding:.55rem}.archive-week{--archive-day-gap:.24rem}.archive-days{gap:.3rem}.archive-day-slot{min-height:2.2rem}.archive-legend{gap:.32rem}.archive-legend li{padding-inline:.4rem;font-size:.67rem}}.footer-archive{margin:.35rem 0 0}.shell{align-items:start;gap:1.15rem;display:grid}.play-top,.play-bottom{gap:1.15rem;min-width:0;display:grid}.play-top{z-index:5;position:relative}.play-bottom{z-index:1;position:relative}.side-rail{gap:.75rem;min-width:0;display:grid}@media (width>=960px){.shell{grid-template-columns:minmax(0,1fr) minmax(260px,320px);grid-template-areas:"top rail""bottom rail";gap:1.25rem 1.5rem}.play-top{grid-area:top}.side-rail{scrollbar-width:thin;grid-area:rail;max-height:calc(100vh - 2rem);padding-bottom:.25rem;position:sticky;top:1rem;overflow:auto}.play-bottom{grid-area:bottom}}.clue{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;box-shadow:var(--shadow);padding:1.2rem 1.3rem 1.35rem;animation:.8s 80ms both rise;position:relative}.clue-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;margin-bottom:.65rem;display:flex}.clue-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem}.song-clue-header{margin-bottom:.85rem}.song-clue-stage{gap:.85rem;display:grid}.song-clue-player-wrap{border-radius:var(--radius);border:1px solid var(--line);background:#0b0b0f;width:100%;position:relative;overflow:hidden}.song-clue-player-wrap.is-hidden-video{aspect-ratio:auto;background:radial-gradient(at 50% 30%,#ffffff0f,#0000 55%),#121218;place-items:center;min-height:7.5rem;display:grid}.song-clue-player-wrap.is-hidden-video .song-clue-player{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.song-clue.is-video-visible .song-clue-player-wrap{aspect-ratio:16/9;min-height:240px;max-height:min(56vw,420px)}.song-clue-zoom{will-change:transform;width:100%;height:100%;transition:transform .42s;position:absolute;inset:0}.song-clue.is-video-visible .song-clue-player{width:auto;height:auto;position:absolute;inset:-18% -4% -20%}.song-clue.is-video-visible .song-clue-player iframe{pointer-events:none;border:0;width:100%;height:100%}.song-clue-player{width:100%;height:100%}.song-clue-player iframe{border:0;width:100%;height:100%}.song-clue-audio-face{z-index:1;color:var(--muted);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.35rem;padding:1.25rem 1rem;display:flex;position:relative}.song-clue-audio-glyph{opacity:.85;font-size:2rem;line-height:1}.song-clue-audio-caption{letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.song-clue-chrome-mask{z-index:2;pointer-events:none;background:#0b0b0f;position:absolute}.song-clue-chrome-mask-top{height:12%;min-height:2.4rem;top:0;left:0;right:0}.song-clue-chrome-mask-bottom{height:14%;min-height:2.75rem;bottom:0;left:0;right:0}.song-clue-chrome-mask-left{width:3%;min-width:.55rem;top:0;bottom:0;left:0}.song-clue-chrome-mask-right{width:3%;min-width:.55rem;top:0;bottom:0;right:0}.song-clue-interaction-block{z-index:3;cursor:default;touch-action:none;position:absolute;inset:0}.song-clue-controls{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.song-clue-timeline{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;display:grid}.song-clue-timeline-track{box-sizing:border-box;background:color-mix(in srgb, var(--ink-soft) 18%, transparent);border:1px solid color-mix(in srgb, var(--line) 80%, transparent);touch-action:none;border-radius:999px;height:1.5rem;min-height:24px;position:relative;overflow:hidden}.song-clue-timeline-track.is-scrubbable{cursor:pointer}.song-clue-timeline-track.is-scrubbable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.song-clue-timeline-unlocked{border-radius:inherit;background:color-mix(in srgb, var(--accent) 42%, var(--panel-muted));pointer-events:none;transition:width .32s;position:absolute;inset:0 auto 0 0}.song-clue-timeline-playhead{border-radius:inherit;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 45%, transparent);pointer-events:none;position:absolute;inset:0 auto 0 0}.song-clue-timeline-tick{background:color-mix(in srgb, var(--ink) 28%, transparent);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;transform:translate(-.5px)}.song-clue-timeline-label{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ink-soft);white-space:nowrap;flex-shrink:0;font-size:.82rem;font-weight:700}.song-clue-play{min-width:8.5rem}.song-clue-meta{color:var(--muted);margin:0;font-size:.92rem}.song-clue-error{color:var(--danger,#c45c5c);margin:0;font-size:.95rem}@media (width>=960px){.song-clue.is-video-visible .song-clue-player-wrap{min-height:320px;max-height:480px}}.clue-hint{color:var(--ink-soft);margin:0;font-size:.8rem}.clue-hint-row{flex-wrap:wrap;align-items:center;gap:.35rem .75rem;display:flex}.clue-reveal-more{color:var(--accent);font:inherit;letter-spacing:.02em;cursor:pointer;text-underline-offset:.15em;background:0 0;border:none;margin:0;padding:0;font-size:.8rem;font-weight:700;text-decoration:underline}.clue-reveal-more:hover:not(:disabled){color:var(--ink)}.clue-reveal-more:disabled{color:var(--ink-soft);cursor:default;opacity:.55;text-decoration:none}.clue-reveal-more:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.clue-blurbs{flex-direction:column;gap:.75rem;display:flex}.clue-text{color:var(--ink-soft);white-space:pre-wrap;margin:0;font-size:1.06rem;line-height:1.58;animation:.42s both rise}.clue-text.is-newest{color:var(--ink)}.guess{z-index:6;animation:.85s .14s both rise;position:relative}.guess-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.45rem;font-size:.75rem;font-weight:700;display:block}.guess-input{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:100%;color:var(--ink);outline:none;padding:.95rem 1rem;transition:border-color .16s,box-shadow .16s,background .16s}.guess-input::placeholder{color:var(--incorrect)}.guess-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.guess-input:disabled{opacity:.65;cursor:not-allowed}.guess-list{z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-height:16rem;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow:auto}.guess-option{width:100%;color:inherit;text-align:left;border-radius:calc(var(--radius) - 2px);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.7rem .75rem;transition:background .12s;display:flex}.guess-option.is-active,.guess-option:hover{background:var(--accent-glow)}.guess-option-title{font-weight:600}.guess-option-alias{color:var(--ink-soft);font-size:.78rem}.feedback{animation:.9s .18s both rise}.feedback-empty,.known-empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--incorrect);background:var(--panel-muted);margin:0;padding:1.05rem 1.1rem}.feedback-empty{font-size:.95rem;line-height:1.45}.known-empty{font-size:.9rem}.feedback-head{letter-spacing:.1em;text-transform:uppercase;color:var(--incorrect);grid-template-columns:1.4fr repeat(5,1fr);gap:.45rem;margin-bottom:.5rem;padding:0 .2rem;font-size:.7rem;font-weight:700;display:none}.feedback-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.feedback-row{--feedback-cell-height:4.75rem;background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius);gap:.45rem;padding:.85rem;display:grid}.feedback-row.is-correct{outline:2px solid var(--correct);outline-offset:1px}.feedback-row.is-flipping{perspective:900px}.flip-cell{height:var(--feedback-cell-height);min-height:var(--feedback-cell-height);max-height:var(--feedback-cell-height);perspective:900px}.flip-cell-inner{width:100%;height:100%;transform-style:preserve-3d;animation:.7s ease-in-out both tile-flip;animation-delay:var(--flip-delay,0s);position:relative}.flip-cell-front,.flip-cell-back{backface-visibility:hidden;border-radius:var(--radius);position:absolute;inset:0;overflow:hidden}.flip-cell-front{background:var(--incorrect-bg);border:1px solid var(--line)}.flip-cell-back{transform:rotateY(180deg)}.flip-cell-back.feedback-title,.flip-cell-back.tile{width:100%;height:100%;min-height:100%;max-height:100%}.feedback-title{height:var(--feedback-cell-height);min-height:var(--feedback-cell-height);max-height:var(--feedback-cell-height);border-radius:var(--radius);border:1px solid var(--line);font-family:var(--font-display);color:var(--title-ink);background:var(--title-surface);font-size:1.05rem;font-weight:650;position:relative;overflow:hidden}.feedback-title-cover{object-fit:cover;object-position:center top;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.feedback-title-text{z-index:1;box-sizing:border-box;overscroll-behavior:contain;text-shadow:0 1px 2px #000000a6,0 0 18px #00000073;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;background:linear-gradient(90deg,#0e0c0ac7 0%,#0e0c0a66 55%,#0e0c0a2e 100%);height:100%;padding:.55rem .7rem;line-height:1.25;display:block;position:relative;overflow:hidden auto}.tile{box-sizing:border-box;height:var(--feedback-cell-height);min-height:var(--feedback-cell-height);max-height:var(--feedback-cell-height);border-radius:var(--radius);flex-direction:column;gap:.2rem;padding:.5rem .6rem;display:flex;overflow:hidden}.tile-label{letter-spacing:.1em;text-transform:uppercase;opacity:.75;flex:none;font-size:.68rem;font-weight:700}.tile-tone-status{letter-spacing:.06em;text-transform:uppercase;opacity:.92;flex:none;font-size:.62rem;font-weight:700;line-height:1.2}.tile-value{overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;flex:auto;min-height:0;font-size:.92rem;font-weight:600;line-height:1.25;overflow:hidden auto}.tile-tags{background:var(--incorrect-bg);color:var(--ink-soft);align-content:start}.tile-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;flex:auto;min-height:0;padding-right:.15rem;overflow:hidden auto}.tile-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile-scroll::-webkit-scrollbar{width:6px}.tile-value::-webkit-scrollbar{width:6px}.feedback-title-text::-webkit-scrollbar{width:6px}.tile-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:999px}.tile-value::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:999px}.feedback-title-text::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:999px}.tag-chips,.genre-chips{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.genre-chip{background:color-mix(in srgb, currentColor 14%, transparent);color:inherit;border-radius:3px;padding:.22rem .45rem;font-size:.78rem;font-weight:600;line-height:1.2}.tag-chip{background:var(--chip);color:var(--incorrect);border-radius:3px;padding:.22rem .45rem;font-size:.78rem;font-weight:600;line-height:1.2}.tag-chip.is-shared{background:var(--correct-bg);color:var(--correct)}.tag-chip.is-muted{background:var(--chip);color:var(--incorrect)}.known{gap:.75rem;animation:.88s .16s both rise;display:grid}.known-block{gap:.4rem;display:grid}.known-heading{letter-spacing:.12em;text-transform:uppercase;color:var(--incorrect);margin:0;padding:0 .1rem;font-size:.7rem;font-weight:700}.rail-stack{background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius);gap:.35rem;padding:.55rem;display:grid}.rail-item{border-radius:var(--radius);gap:.15rem;padding:.45rem .55rem;display:grid}.rail-label{letter-spacing:.1em;text-transform:uppercase;opacity:.75;font-size:.65rem;font-weight:700}.rail-value,.rail-empty{overflow-wrap:anywhere;font-size:.9rem;font-weight:600;line-height:1.3}.rail-item-tags{background:var(--incorrect-bg);color:var(--ink-soft)}.rail-item-tags .tag-chips{margin-top:.15rem}.tone-correct{background:var(--correct-bg);color:var(--correct)}.tone-close{background:var(--close-bg);color:var(--close-ink)}.tone-incorrect{background:var(--incorrect-bg);color:var(--incorrect)}.footer{border-top:1px solid var(--line);color:var(--ink-soft);gap:.55rem;margin-top:2.75rem;padding-top:1.25rem;font-size:.9rem;display:grid}.ad-slot{justify-content:center;align-items:center;width:100%;margin:0;display:flex}.ad-slot-frame,.ad-slot-adsense{background:0 0;border:0;max-width:100%;display:block}.page-with-ads{width:100%;position:relative}.ad-rail{display:none}.ad-bottom-bar{justify-items:center;gap:.75rem;margin:1.5rem 0 0;padding:0 .25rem .5rem;display:grid}.ad-bottom-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.rewarded-ad{justify-items:center;gap:.35rem;display:grid}.rewarded-ad-hint{color:var(--ink-soft);text-align:center;margin:0;font-size:.85rem}@media (width>=1440px){.ad-rail{z-index:2;pointer-events:none;justify-content:center;align-items:flex-start;width:160px;display:flex;position:fixed;top:7.5rem}.ad-rail .ad-slot{pointer-events:auto}.ad-rail-left{left:max(.5rem,50vw - 728px)}.ad-rail-right{right:max(.5rem,50vw - 728px)}}.footer p{margin:0}.footer-legal{flex-wrap:wrap;gap:.75rem 1.1rem;font-size:.86rem;display:flex}.footer-legal a{color:var(--ink-soft);text-decoration:none}.footer-legal a:hover{color:var(--ink);text-underline-offset:.15em;text-decoration:underline}.network-status{border:1px solid var(--line);background:color-mix(in oklab, var(--panel) 88%, var(--warning,#b45309) 12%);border-radius:.55rem;margin:.5rem 0 0;padding:.65rem .9rem}.network-status-text{margin:0;font-size:.9rem}.media-fallback{background:color-mix(in oklab, var(--panel) 80%, black 20%);min-height:8rem;color:var(--ink-soft);text-align:center;place-items:center;padding:.75rem;font-size:.9rem;display:grid}.guess-empty{color:var(--ink-soft);padding:.75rem .9rem;font-size:.92rem}.error-boundary{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.error-boundary-card{gap:.75rem;max-width:32rem;display:grid}.error-boundary-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0;font-size:.75rem}.error-boundary-title{font-family:var(--font-display);margin:0;font-size:1.75rem}.error-boundary-body,.error-boundary-detail{color:var(--ink-soft);margin:0}.error-boundary-actions{flex-wrap:wrap;gap:.65rem;margin-top:.5rem;display:flex}.legal-page{gap:1rem;max-width:42rem;margin:0 auto;display:grid}.legal-title{font-family:var(--font-display);margin:0;font-size:clamp(1.8rem,4vw,2.4rem)}.legal-disclaimer,.legal-contact{color:var(--ink-soft);margin:0;font-size:.92rem}.legal-contact-placeholder{color:var(--incorrect,#b91c1c);font-weight:600}.legal-body{gap:1.25rem;display:grid}.legal-body h2{margin:0 0 .35rem;font-size:1.1rem}.legal-body p{margin:0;line-height:1.55}.route-fallback{color:var(--ink-soft);padding:2rem 0}.footer-taste{margin:0}.footer-taste-btn{color:var(--ink);font:inherit;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:0;font-size:.88rem;text-decoration:underline}.footer-taste-btn:hover{color:var(--accent)}.taste-backdrop{z-index:70}.taste-modal{width:min(520px,100%)}.taste-intro{color:var(--ink-soft);margin:.35rem 0 0;line-height:1.45}.taste-options{gap:.65rem;margin-top:1.15rem;display:grid}.taste-option{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-muted);width:100%;color:inherit;text-align:left;cursor:pointer;gap:.3rem;padding:.9rem 1rem;transition:border-color .14s,box-shadow .14s,background .14s;display:grid}.taste-option:hover{border-color:var(--accent)}.taste-option.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);background:var(--panel)}.taste-option-label{font-family:var(--font-display);font-size:1.15rem}.taste-option-desc{color:var(--ink-soft);font-size:.88rem;line-height:1.4}.taste-footnote{min-width:12rem;color:var(--ink-soft);flex:1;margin:0;font-size:.82rem;line-height:1.35}.taste-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-top:1.1rem;display:flex}.taste-actions .btn:disabled{opacity:.45;cursor:not-allowed}.stats-modal{width:min(420px,100%)}.stats-taste{color:var(--ink-soft);margin:.25rem 0 0;font-size:.88rem}.stats-view-switcher{border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);background:var(--panel-muted);flex-wrap:nowrap;gap:.3rem;margin-top:.9rem;padding:.25rem;display:flex}.stats-view-btn{min-width:0;color:var(--ink-soft);letter-spacing:.01em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1 1 0;padding:.42rem .35rem;font-size:.78rem;font-weight:700}.stats-view-btn:hover{color:var(--ink)}.stats-view-btn.is-active{background:var(--panel);border-color:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--accent-deep);box-shadow:var(--shadow-soft)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1.1rem;display:grid}.stats-grid-bonus{grid-template-columns:repeat(2,1fr)}@media (width>=420px){.stats-grid-bonus{grid-template-columns:repeat(4,1fr)}}.stats-cell{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-muted);text-align:center;gap:.15rem;padding:.65rem .35rem;display:grid}.stats-value{font-family:var(--font-display);font-size:1.45rem;font-weight:700;line-height:1}.stats-label{letter-spacing:.06em;text-transform:uppercase;color:var(--incorrect);font-size:.68rem;font-weight:700}.stats-heading{letter-spacing:.12em;text-transform:uppercase;color:var(--incorrect);margin:1.15rem 0 .45rem;font-size:.72rem;font-weight:700}.stats-bars{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.stats-bar-row{grid-template-columns:1.1rem 1fr;align-items:center;gap:.45rem;display:grid}.stats-bar-label{text-align:right;color:var(--ink-soft);font-size:.82rem;font-weight:700}.stats-bar-track{background:var(--panel-muted);border-radius:3px;min-height:1.35rem;overflow:hidden}.stats-bar-fill{min-height:1.35rem;color:var(--btn-primary-ink);background:0 0;justify-content:flex-end;align-items:center;padding:0 .4rem;font-size:.75rem;font-weight:700;display:flex}.stats-bar-fill.has-value{background:var(--accent)}.taste-gate{margin-top:1rem}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1rem;font-weight:650;text-decoration:none;transition:transform .14s,background .14s,border-color .14s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--btn-primary-ink);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--btn-primary-ink)}.btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn-ghost:hover{border-color:var(--accent)}.btn.btn-cta{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);background:color-mix(in srgb, var(--accent) 88%, var(--panel));width:100%;color:var(--btn-primary-ink);font-family:var(--font-display);letter-spacing:.015em;justify-self:stretch;padding:.8rem 1.05rem;font-size:1rem;font-weight:700;transition:background .14s,border-color .14s,transform .14s;box-shadow:inset 0 1px #ffffff1f}.btn.btn-cta:hover{background:var(--accent-deep);border-color:color-mix(in srgb, var(--accent-deep) 65%, transparent);color:var(--btn-primary-ink)}.btn.btn-cta:focus-visible{outline:2px solid var(--accent-deep);outline-offset:3px}.modal-actions .btn.btn-cta{width:auto;min-width:8.5rem}.modal-backdrop{z-index:50;background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:1rem;animation:.18s both fade;display:grid;position:fixed;inset:0}.howto-backdrop{z-index:60}.stats-backdrop{z-index:80}.confetti-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bonus-celebrate-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.modal{z-index:2;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:min(420px,100%);box-shadow:var(--shadow);padding:1.45rem 1.4rem 1.3rem;animation:.28s both rise;position:relative}.modal.has-bonus{width:min(460px,100%);overflow:visible}.modal-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);margin:0;font-size:.72rem;font-weight:700}.modal.is-first-try{background:var(--panel);box-shadow:var(--shadow);border-color:#60a5fa8c;animation:.28s both rise;overflow:visible}.modal.is-first-try>:not(.electric-border):not(.bonus-question):not(.modal-share-toast):not(.modal-close){z-index:1;position:relative}.electric-border{z-index:3;pointer-events:none;width:calc(100% + 20px);height:calc(100% + 20px);position:absolute;inset:-10px;overflow:visible}.electric-current{transform-origin:50%}.electric-corona,.electric-stream,.electric-bolt{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.electric-corona{stroke:#2563eb;stroke-width:4px;opacity:.55;animation:.42s steps(2,end) infinite electric-corona-flicker}.electric-stream{animation:1.35s linear infinite electric-travel,.26s steps(2,end) infinite electric-current-flicker}.electric-stream-blue{stroke:#60a5fa;stroke-width:2.2px;stroke-dasharray:13 7 4 11}.electric-stream-white{stroke:#fff;stroke-width:1.1px;stroke-dasharray:3 15 8 24;animation-duration:.92s,.19s;animation-direction:normal,alternate}.electric-bolt{fill:none;stroke:#fff;stroke-width:1.35px;opacity:0;animation:.82s steps(2,end) infinite electric-bolt-flicker}.electric-bolt-left{animation-delay:80ms}.electric-bolt-right{stroke:#bfdbfe;animation-duration:.67s;animation-delay:.31s}.electric-bolt-top{animation-duration:.74s;animation-delay:.47s}.electric-bolt-bottom{stroke:#93c5fd;animation-duration:.91s;animation-delay:.19s}.electric-border-double-solve .electric-corona{stroke:#f59e0b;opacity:.72}.electric-border-double-solve .electric-stream-blue{stroke:#fbbf24;stroke-width:2.6px}.electric-border-double-solve .electric-stream-white{stroke:#fff7c2}.electric-border-double-solve .electric-bolt{stroke:#fde68a}.electric-border-double-solve .electric-bolt-right,.electric-border-double-solve .electric-bolt-bottom{stroke:#c4b5fd}.modal.is-first-try .modal-kicker{color:#2563eb}[data-theme=dark] .modal.is-first-try .modal-kicker{color:#93c5fd}.modal-title{font-family:var(--font-display);margin:.35rem 0 0;padding-right:1.75rem;font-size:1.85rem;line-height:1.1}.modal-title-link{color:inherit;text-decoration:none;transition:color .14s}.modal-title-link:hover{color:var(--accent-deep)}.modal-inline-link{color:inherit;font-weight:650;text-decoration:none;transition:color .14s}.modal-inline-link:hover{color:var(--accent-deep)}.modal-score{color:var(--ink-soft);margin:.35rem 0 0}.modal-share-grid{letter-spacing:.08em;text-align:center;color:var(--ink);white-space:pre;background:0 0;border:none;margin:.55rem 0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem;line-height:1.25}.modal-stats-strip{grid-template-columns:repeat(4,1fr);gap:.35rem;margin:.75rem 0 0;display:grid}.modal-stats-cell{text-align:center;gap:.12rem;display:grid}.modal-stats-value{font-family:var(--font-display);color:var(--ink);font-size:1.35rem;font-weight:700;line-height:1}.modal-stats-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:.62rem;font-weight:650}.modal-share-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.65rem;margin-top:1rem;padding-top:.85rem;display:flex}.modal-share-countdown{flex:auto;gap:.15rem;min-width:0;display:grid}.modal-share-countdown-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.68rem;font-weight:700}.modal-share-countdown-value{font-family:var(--font-display);color:var(--ink);font-size:1.15rem;font-weight:700;line-height:1.1}.modal-share-aside{--share-btn-h:2.2rem;flex-shrink:0;align-items:center;gap:.45rem;display:flex}.modal-share-aside.is-cluster{gap:.7rem}.modal-share-result{background:color-mix(in srgb, var(--ink) 5%, var(--panel-muted));border:1px solid color-mix(in srgb, var(--line) 80%, transparent);border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .4rem .2rem .45rem;display:flex}.modal-share-score{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink-soft);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.92rem;font-weight:700;line-height:1}.modal-share-score.is-win{color:#16a34a}[data-theme=dark] .modal-share-score.is-win{color:#4ade80}.modal-share-score.is-loss{color:var(--incorrect)}.modal-share-mini-grid{--rows:1;--mini-row:.48rem;--mini-gap:1px;justify-content:center;gap:var(--mini-gap);box-sizing:border-box;height:var(--share-btn-h);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:min(var(--mini-row), calc((var(--share-btn-h) - (var(--rows) - 1) * var(--mini-gap)) / var(--rows)));letter-spacing:0;text-align:right;color:var(--ink);-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;margin:0;padding:0;line-height:1;display:flex;transform:translateY(1px)}button.modal-share-mini-grid.is-button{cursor:pointer;border-radius:4px;padding:0 .15rem;transition:background .14s,box-shadow .14s}button.modal-share-mini-grid.is-button:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}button.modal-share-mini-grid.is-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.modal-share-mini-grid.is-button:active{background:color-mix(in srgb, var(--accent) 18%, transparent)}.modal-share-mini-row{height:1em;line-height:1;display:block;overflow:hidden}.modal-share-double{color:#d97706;filter:drop-shadow(0 0 4px #fbbf2473);flex-shrink:0;margin-left:.1rem;font-size:.95rem;line-height:1}[data-theme=dark] .modal-share-double{color:#fbbf24}.modal-share-btn{box-sizing:border-box;height:var(--share-btn-h);color:#fff;letter-spacing:.02em;background:#6aaa64;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0 .95rem;font-size:.85rem;font-weight:700;display:inline-flex}.modal-share-btn:hover{background:#5a9a54}.modal-share-btn:focus-visible{outline-offset:2px;outline:2px solid #6aaa64}.modal-share-toast{z-index:120;background:color-mix(in srgb, var(--ink) 88%, transparent);color:var(--panel);white-space:nowrap;pointer-events:none;border-radius:4px;margin:0;padding:.55rem .85rem;font-size:.78rem;font-weight:650;animation:.18s both rise;position:absolute;bottom:4.5rem;left:50%;transform:translate(-50%)}.result-shell{justify-content:center;align-items:flex-start;width:min(420px,100%);max-height:min(92vh,100%);display:flex}.result-shell .modal{flex:0 420px;width:min(420px,100%);max-height:min(92vh,100%)}.result-shell .modal:not(.is-first-try):not(.is-double-solve):not(.has-bonus){overflow:auto}.result-shell .modal.has-bonus{flex-basis:min(460px,100%);width:min(460px,100%)}.modal-countdown{letter-spacing:.02em;color:var(--incorrect);margin:.35rem 0 1rem;font-size:.88rem;font-weight:650}.modal-first-try-note{color:#1d4ed8;margin-top:.3rem;font-size:.92rem;font-weight:650;display:block}[data-theme=dark] .modal-first-try-note{color:#93c5fd}.modal-cover{object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:var(--radius);width:100%;max-height:280px;margin-bottom:.9rem;animation:.5s both rise;display:block}.modal-cover.is-portrait{object-fit:contain;object-position:center;background:var(--title-surface);width:auto;max-width:100%;max-height:320px;margin-left:auto;margin-right:auto}.modal-meta{color:var(--ink-soft);flex-wrap:wrap;gap:.55rem;margin-bottom:1.1rem;font-size:.9rem;display:flex}.modal-meta span:not(:last-child):after{content:"·";color:var(--incorrect);margin-left:.55rem}.modal-actions{z-index:1;flex-wrap:wrap;gap:.5rem;display:flex;position:relative}.surrender-backdrop{z-index:55}.surrender-modal{width:min(400px,100%)}.surrender-intro{color:var(--ink-soft);margin:.55rem 0 0;line-height:1.45}.surrender-actions{justify-content:flex-end;margin-top:1.15rem}.modal.has-bonus .modal-actions{z-index:1}.modal.has-bonus .bonus-question{z-index:40}.modal.is-bonus-hit{box-shadow:var(--shadow), 0 0 0 1px #86efac59, 0 0 28px #22c55e38;border-color:#22c55e8c;animation:.52s cubic-bezier(.22,1,.36,1) both bonus-pop;overflow:visible}.modal.is-double-solve{box-shadow:var(--shadow), 0 0 0 1px #fde68a52, 0 0 34px #f59e0b45, 0 0 65px #8b5cf629;border-color:#fbbf24bf;animation:.7s cubic-bezier(.22,1,.36,1) both double-solve-modal,1.8s ease-in-out .7s infinite alternate double-solve-glow}.modal.is-double-solve>:not(.electric-border):not(.modal-share-toast):not(.modal-close),.modal.is-bonus-hit>:not(.electric-border):not(.modal-share-toast):not(.modal-close){z-index:1;position:relative}.bonus-question{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-muted);z-index:40;gap:.4rem;margin:1rem 0 .15rem;padding:.9rem .95rem;display:grid;position:relative;overflow:visible}.bonus-question .guess{z-index:41;animation:none;position:relative}.bonus-question .guess-list{z-index:50;max-height:12rem}.bonus-question.is-correct{background:color-mix(in srgb, #fef3c7 35%, var(--panel-muted));border-color:#fbbf24a6}.bonus-question.is-celebrating{animation:.56s cubic-bezier(.22,1,.36,1) both bonus-card-pop;overflow:hidden;box-shadow:0 0 0 1px #fbbf2473,0 0 24px #f59e0b47}.bonus-question.is-celebrating:after{content:"";pointer-events:none;background:radial-gradient(circle,#fde68a73 0%,#fbbf242e 28%,#0000 62%);animation:.7s ease-out both bonus-flash;position:absolute;inset:-40%}.bonus-question.is-incorrect{background:color-mix(in srgb, var(--incorrect-bg) 55%, var(--panel-muted));border-color:#f871718c}.bonus-question>:not(.guess){z-index:1;position:relative}.bonus-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep);margin:0;font-size:.7rem;font-weight:700}.bonus-prompt{font-family:var(--font-display);margin:0;font-size:1.15rem}.bonus-hint{color:var(--ink-soft);margin:0;font-size:.82rem}.bonus-form{gap:.45rem;margin-top:.35rem;display:grid}.bonus-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.bonus-row{gap:.45rem;display:flex}.bonus-input{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;color:inherit;font:inherit;flex:1;padding:.55rem .7rem}.bonus-input:focus{outline:2px solid var(--accent-glow);border-color:var(--accent)}.bonus-result{gap:.25rem;margin-top:.35rem;display:grid}.bonus-result-title{margin:0;font-weight:700}.bonus-result.is-correct .bonus-result-title{color:#d97706}[data-theme=dark] .bonus-question.is-correct{background:color-mix(in srgb, #78350f 35%, var(--panel-muted))}[data-theme=dark] .bonus-result.is-correct .bonus-result-title{color:#fbbf24}.bonus-result.is-incorrect .bonus-result-title,.bonus-result.is-incorrect .bonus-result-guess{color:var(--incorrect)}.bonus-result-name,.bonus-result-guess,.bonus-result-answer{margin:0;font-size:.92rem;line-height:1.4}.bonus-result-answer strong{color:var(--ink)}@keyframes bonus-card-pop{0%{transform:scale(.96)}55%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes bonus-flash{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.15)}}@keyframes bonus-pop{0%{transform:scale(.98)}55%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes bonus-glow{0%{box-shadow:0 0 #22c55e59}to{box-shadow:0 0 0 10px #22c55e00}}@keyframes double-solve-modal{0%{transform:scale(.96)}45%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes double-solve-glow{0%{box-shadow:var(--shadow), 0 0 0 1px #fde68a47, 0 0 24px #f59e0b33, 0 0 48px #8b5cf61f}to{box-shadow:var(--shadow), 0 0 0 1px #fde68a8c, 0 0 42px #f59e0b6b, 0 0 76px #8b5cf647}}.howto-modal{width:min(460px,100%);padding-top:1.2rem;padding-right:1.2rem}.modal-close{z-index:5;border-radius:var(--radius);width:2rem;height:2rem;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:color .14s,background .14s;display:inline-flex;position:absolute;top:.65rem;right:.65rem}.modal-close:hover{color:var(--ink);background:var(--chip)}.modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.howto-intro{color:var(--ink-soft);margin:.55rem 0 0;line-height:1.45}.howto-steps{counter-reset:howto;gap:.85rem;margin:1.15rem 0 0;padding:0;list-style:none;display:grid}.howto-step{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-muted);counter-increment:howto;padding:.75rem .85rem .8rem 2.6rem;position:relative}.howto-step:before{content:counter(howto);background:var(--accent);width:1.35rem;height:1.35rem;color:var(--btn-primary-ink);border-radius:4px;place-items:center;font-size:.78rem;font-weight:700;display:grid;position:absolute;top:.8rem;left:.75rem}.howto-step-title{color:var(--ink);margin:0;font-size:.95rem;font-weight:700}.howto-step-body{color:var(--ink-soft);margin:.25rem 0 0;font-size:.9rem;line-height:1.45}.howto-footer{color:var(--incorrect);margin:1rem 0 0;font-size:.88rem;line-height:1.4}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tile-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes electric-travel{to{stroke-dashoffset:-100px}}@keyframes electric-current-flicker{0%,to{opacity:1}35%{opacity:.7}55%{opacity:.95}72%{opacity:.52}}@keyframes electric-corona-flicker{0%,to{opacity:.46}30%{opacity:.72}48%{opacity:.34}65%{opacity:.64}}@keyframes electric-bolt-flicker{0%,56%,to{opacity:0}58%,64%{opacity:1}67%{opacity:.15}70%{opacity:.82}74%{opacity:0}}@media (width>=700px){.feedback-head{display:grid}.feedback-row{--feedback-cell-height:5rem;grid-template-columns:1.4fr repeat(5,1fr);align-items:stretch}.feedback-title-text{align-items:center;display:flex}.tile-label{display:none}.tile{justify-content:flex-start;gap:.2rem}}@media (width<=520px){.page{width:min(100% - 1.25rem,1120px);padding-top:.55rem}.site-header{margin-bottom:1.9rem}.site-header-top{min-height:4.25rem}.site-brand-tagline,.site-nav-label{display:none}.site-brand-mark{width:2.1rem;height:2.1rem}.site-nav{scrollbar-width:none;min-height:3.25rem;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.mode-switcher{width:100%}.play-toolbar .mode-switcher{width:auto}.mode-switcher-btn{flex:1;padding-inline:.5rem}.play-toolbar .mode-switcher-btn{flex:none}.hero{align-items:flex-start}.hero-aside{flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%}.day-meta{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.flip-cell-inner{transform:rotateY(180deg)}}.site-brand-link{color:inherit;text-decoration:none}.site-brand-link:hover .site-brand-name{color:var(--accent-deep)}.status-banner{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-muted);margin:0 0 1.25rem;padding:.75rem 1rem;animation:.45s both rise}.status-banner-warning{border-color:color-mix(in srgb, #c9762a 40%, var(--line));background:color-mix(in srgb, #c9762a 10%, var(--panel-muted))}.status-banner-critical,.status-banner.is-maintenance{border-color:color-mix(in srgb, #c44 35%, var(--line));background:color-mix(in srgb, #c44 10%, var(--panel-muted))}.status-banner-text{margin:0;font-size:.92rem;line-height:1.4}.home-page{flex-direction:column;gap:2.35rem;width:min(1200px,100%);margin-inline:auto;animation:.6s both rise;display:flex}.home-main{grid-template-columns:minmax(0,.72fr) minmax(0,1.38fr);align-items:stretch;gap:1.4rem 1.55rem;display:grid}.home-side{grid-template-columns:minmax(11rem,.9fr) minmax(0,1.2fr);align-items:stretch;gap:1rem;min-width:0;height:0;min-height:100%;display:grid}.home-side>*{min-width:0}.home-section-head{margin-bottom:1rem}.home-section-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.55rem}.home-section-blurb-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .85rem;margin-top:.4rem;display:flex}.home-section-blurb{max-width:38ch;color:var(--ink-soft);margin:.4rem 0 0;font-size:.96rem;line-height:1.4}.home-section-blurb-row .home-section-blurb{margin:0}.home-archive-actions{flex-shrink:0;align-items:center;gap:.45rem;display:inline-flex}.home-archive-label{color:var(--ink-soft);font-size:.9rem;font-weight:700}.mode-row-list{flex-direction:column;gap:.65rem;display:flex}.mode-row{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:5.35rem;color:inherit;background:0 0;grid-template-columns:auto 1fr;align-items:center;gap:.75rem .85rem;padding:.78rem .9rem;text-decoration:none;transition:background-color .15s,border-color .15s;display:grid}a.mode-row{cursor:pointer}a.mode-row:hover,a.mode-row:focus-visible{background:var(--chip);border-color:var(--line-strong)}a.mode-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a.mode-row:hover .mode-row-icon,a.mode-row:focus-visible .mode-row-icon{transform:translate(1px)}.mode-row-icon{width:2.35rem;height:2.35rem;color:var(--accent-deep);background:var(--accent-glow);border-radius:10px;place-items:center;transition:transform .15s;display:grid}.mode-row-icon svg{width:1.28rem;height:1.28rem}.mode-row-heading{flex-wrap:wrap;align-items:baseline;gap:.25rem .65rem;display:flex}.mode-row-title{font-family:var(--font-display);margin:0;font-size:1.15rem}.mode-row-status{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:650}.mode-row-status[data-status=completed]{color:var(--accent-deep)}.mode-row-body{flex-direction:column;justify-content:center;min-width:0;display:flex}.mode-row-desc{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin:.25rem 0 0;font-size:.92rem;line-height:1.35;display:-webkit-box;overflow:hidden}.mode-row-outage{color:var(--ink);margin:.3rem 0 0;font-size:.9rem}.mode-row.is-unavailable{opacity:.85}.leaderboard-panel,.character-panel,.home-achievements{min-width:0}.leaderboard-panel{border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);background:linear-gradient(165deg, color-mix(in srgb, var(--accent) 7%, var(--panel)), var(--panel) 42%);width:100%;min-width:0;height:100%;min-height:0;box-shadow:var(--shadow-soft);flex-direction:column;padding:1rem .95rem 1.1rem;display:flex;overflow-x:hidden}.character-panel{border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);background:linear-gradient(165deg, color-mix(in srgb, var(--accent) 14%, var(--panel)), color-mix(in srgb, var(--accent) 4%, var(--panel)) 38%, var(--panel) 72%);min-width:0;height:100%;min-height:0;box-shadow:var(--shadow-soft), inset 0 1px 0 color-mix(in srgb, var(--accent) 22%, transparent);flex-direction:column;padding:1rem 1.05rem 1.15rem;display:flex}.character-panel-head{margin-bottom:.7rem}.character-panel .home-section-title{font-size:1.28rem}.character-panel-body{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.7rem;display:flex}.character-panel-identity{flex-direction:column;align-items:center;gap:.35rem;width:100%;min-width:0;display:flex}.character-panel-username{max-width:100%;font-family:var(--font-display);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.28rem;font-weight:650;line-height:1.15;overflow:hidden}.character-panel-rank{margin:0}.character-panel-rank-chip{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent) 12%, var(--chip));max-width:100%;color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:.18rem .55rem;font-size:.72rem;font-weight:750;display:inline-flex}.character-panel-avatar{border:1px solid var(--line);border-radius:12px;place-items:center;width:100%;padding:.7rem;display:grid;overflow:hidden}.character-panel-avatar .pixel-avatar-lg{width:7rem;height:7rem}.character-panel-level{border:1px solid color-mix(in srgb, var(--line) 85%, transparent);background:color-mix(in srgb, var(--panel-muted) 55%, transparent);border-radius:10px;flex-direction:column;gap:.45rem;width:100%;padding:.55rem .6rem .65rem;display:flex}.character-panel-level-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.character-panel-level-label{letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:850}.character-panel-level-xp{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:600}.character-panel-xp-track{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--panel-muted) 80%, var(--paper));width:100%;height:.55rem;box-shadow:inset 0 1px 2px color-mix(in srgb, var(--ink) 8%, transparent);border-radius:999px;overflow:hidden}.character-panel-xp-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #ffd75d));height:100%;transition:width .22s;display:block}.character-panel-hint{color:var(--ink-soft);margin:0;font-size:.8rem;line-height:1.35}.character-panel-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;width:100%;margin:0;padding:0;display:grid}.character-panel-stat{border:1px solid color-mix(in srgb, var(--line) 90%, transparent);background:color-mix(in srgb, var(--chip) 70%, var(--panel-muted));text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:.12rem;min-width:0;padding:.45rem .35rem .5rem;transition:transform .14s,border-color .14s,background-color .14s;display:flex}.character-panel-stat:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--chip));transform:translateY(-1px)}.character-panel-stat dt{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.64rem;font-weight:750}.character-panel-stat dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0;font-size:1.12rem;line-height:1.1}@media (prefers-reduced-motion:reduce){.character-panel-xp-fill,.character-panel-stat{transition:none}.character-panel-stat:hover{transform:none}}.leaderboard-panel .home-section-title{font-size:1.28rem}.leaderboard-title-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.leaderboard-view-all{color:var(--accent-deep);white-space:nowrap;margin-left:auto;font-size:.86rem;font-weight:700;text-decoration:none}.leaderboard-view-all:hover{text-decoration:underline}.leaderboard-layout-btn,.leaderboard-info-btn{border:1px solid var(--line);cursor:pointer;border-radius:8px;place-items:center;width:1.85rem;height:1.85rem;margin:0;padding:0;font-size:.95rem;line-height:1;transition:background-color .15s,border-color .15s,transform .15s;display:grid}.leaderboard-layout-btn{background:color-mix(in srgb, var(--accent) 10%, var(--panel));color:var(--ink-soft)}.leaderboard-layout-btn:hover,.leaderboard-layout-btn[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:color-mix(in srgb, var(--accent) 18%, var(--panel));color:var(--ink);transform:translateY(-1px)}.leaderboard-layout-btn:focus-visible,.leaderboard-info-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=980px){.leaderboard-layout-btn{display:none}}.leaderboard-info-btn{background:color-mix(in srgb, #eab308 12%, var(--panel))}.leaderboard-info-btn:hover{border-color:color-mix(in srgb, #eab308 40%, var(--line));background:color-mix(in srgb, #eab308 18%, var(--panel));transform:translateY(-1px)}.leaderboard-tabs{background:color-mix(in srgb, var(--paper) 55%, transparent);border:1px solid color-mix(in srgb, var(--line) 80%, transparent);scrollbar-width:none;border-radius:9px;flex-wrap:nowrap;gap:.2rem;margin:.55rem 0 .5rem;padding:.18rem;display:flex;overflow-x:auto}.leaderboard-tabs::-webkit-scrollbar{display:none}.leaderboard-tab{min-width:0;min-height:24px;color:var(--ink-soft);text-align:center;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1 1 0;padding:.45rem .35rem;font-size:.68rem;font-weight:650;line-height:1.15;transition:background-color .15s,color .15s,border-color .15s}.leaderboard-tab:hover{color:var(--ink);background:var(--chip)}.leaderboard-tab.is-active{background:var(--panel);border-color:var(--line-strong);color:var(--ink);box-shadow:0 1px 2px #0000001f}.panel-muted,.panel-error{color:var(--ink-soft);margin:0 0 .65rem;font-size:.82rem}.panel-error{color:#b42318}.leaderboard-quiet{text-align:center;color:var(--ink-soft);margin:1.25rem 0;font-size:.92rem}.rankings-info-list{flex-direction:column;gap:.75rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.rankings-info-item{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 45%, transparent);border-radius:10px;padding:.7rem .8rem}.rankings-info-name{margin:0;font-size:.95rem;font-weight:750}.rankings-info-blurb{color:var(--ink-soft);margin:.25rem 0 0;font-size:.88rem;line-height:1.4}.leaderboard-list{flex-direction:column;flex:1;gap:.35rem;min-height:0;margin:.15rem 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.leaderboard-list.is-remainder{z-index:0;background:0 0;flex:none;min-height:0;max-height:6rem;margin-top:.45rem;position:relative;overflow-y:auto}.leaderboard-showcase{box-sizing:border-box;z-index:1;flex:1 1 0;grid-template:"p1 p1"minmax(0,1.7fr)"p2 p3"minmax(0,.95fr)/minmax(0,1fr) minmax(0,1fr);align-content:stretch;justify-items:stretch;gap:.4rem;width:100%;min-width:0;max-width:none;min-height:0;margin:.15rem 0 0;padding:0;list-style:none;display:grid;position:relative;overflow:hidden}.leaderboard-showcase-card.is-podium-1{grid-area:p1;width:100%;height:100%;min-height:0}.leaderboard-showcase-card.is-podium-2{grid-area:p2}.leaderboard-showcase-card.is-podium-3{grid-area:p3}.leaderboard-showcase-card.is-podium-2,.leaderboard-showcase-card.is-podium-3{place-self:stretch stretch;width:100%;height:100%;min-height:0}.leaderboard-showcase-card{background:color-mix(in srgb, var(--paper) 40%, transparent);text-align:center;box-sizing:border-box;border:1px solid #0000;border-radius:10px;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:0;min-width:0;max-width:100%;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.leaderboard-showcase-card.is-top-1{border-color:color-mix(in srgb, #eab308 35%, var(--line));background:color-mix(in srgb, #eab308 10%, var(--panel))}.leaderboard-showcase-card.is-top-2{border-color:color-mix(in srgb, #94a3b8 35%, var(--line));background:color-mix(in srgb, #94a3b8 8%, var(--panel))}.leaderboard-showcase-card.is-top-3{border-color:color-mix(in srgb, #d97706 30%, var(--line));background:color-mix(in srgb, #d97706 8%, var(--panel))}.leaderboard-showcase-stage{box-sizing:border-box;isolation:isolate;background-position:bottom;border-radius:10px 10px 0 0;place-items:end center;width:100%;min-width:0;height:100%;min-height:0;padding:.35rem .4rem .2rem;display:grid;position:relative;overflow:hidden;container-type:size}.leaderboard-showcase-card.is-podium-1 .leaderboard-showcase-stage{padding:.45rem .55rem .25rem}.leaderboard-showcase-rank{z-index:2;background:color-mix(in srgb, var(--panel) 82%, transparent);font-variant-numeric:tabular-nums;min-width:1.6rem;min-height:1.6rem;color:var(--ink-soft);border-radius:6px;place-items:center;padding:.12rem .22rem;font-size:.68rem;font-weight:800;line-height:1;display:grid;position:absolute;top:.25rem;left:.25rem}.leaderboard-showcase-avatar.pixel-avatar-md{z-index:1;flex-shrink:1;place-self:end center;min-width:0;max-width:100%;min-height:0;max-height:100%;margin:0;position:relative;overflow:hidden;width:min(5.5rem,100cqw,100cqh)!important;height:min(5.5rem,100cqw,100cqh)!important}.leaderboard-showcase-card.is-podium-1 .leaderboard-showcase-avatar.pixel-avatar-md{transform-origin:bottom;transform:scale(1.35)translateY(10%);width:min(8rem,100cqw,100cqh)!important;height:min(8rem,100cqw,100cqh)!important}.leaderboard-showcase-card.is-podium-2 .leaderboard-showcase-stage,.leaderboard-showcase-card.is-podium-3 .leaderboard-showcase-stage{place-items:center;padding:.35rem .25rem .1rem}.leaderboard-showcase-card.is-podium-2 .leaderboard-showcase-avatar.pixel-avatar-md,.leaderboard-showcase-card.is-podium-3 .leaderboard-showcase-avatar.pixel-avatar-md{transform-origin:50% 28%;align-self:center;transform:scale(3.05)translateY(5%);width:min(7.5rem,100cqw,100cqh)!important;height:min(7.5rem,100cqw,100cqh)!important}.leaderboard-showcase-card.is-podium-2 .leaderboard-showcase-avatar.pixel-avatar-md img,.leaderboard-showcase-card.is-podium-2 .leaderboard-showcase-avatar.pixel-avatar-md .pixel-avatar-img,.leaderboard-showcase-card.is-podium-3 .leaderboard-showcase-avatar.pixel-avatar-md img,.leaderboard-showcase-card.is-podium-3 .leaderboard-showcase-avatar.pixel-avatar-md .pixel-avatar-img{object-position:center 25%}.leaderboard-showcase-avatar.pixel-avatar-md img,.leaderboard-showcase-avatar.pixel-avatar-md .pixel-avatar-img{object-fit:contain;object-position:center bottom;width:100%;height:100%}.leaderboard-showcase-meta{z-index:1;box-sizing:border-box;background:color-mix(in srgb, var(--panel) 88%, transparent);border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:0 0 8px 8px;flex-direction:row;flex:none;justify-content:center;align-items:baseline;gap:.3rem;width:100%;min-width:0;min-height:1.45rem;padding:.28rem .3rem .32rem;display:flex;position:relative}.leaderboard-showcase-name{text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-size:.72rem;font-weight:700;line-height:1.15;overflow:hidden}.leaderboard-showcase-card.is-podium-1 .leaderboard-showcase-name{font-size:.9rem}.leaderboard-showcase-card.is-podium-1 .leaderboard-showcase-value{font-size:.72rem}.leaderboard-showcase-card.is-podium-1 .leaderboard-showcase-value .leaderboard-value-num{font-size:.82rem}.leaderboard-showcase-value{font-variant-numeric:tabular-nums;color:var(--ink-soft);flex-shrink:0;align-items:baseline;gap:.1rem;font-size:.66rem;line-height:1.1;display:inline-flex}.leaderboard-showcase-value .leaderboard-value-num{color:var(--ink);font-size:.74rem;font-weight:800}.leaderboard-row{background:color-mix(in srgb, var(--paper) 40%, transparent);border:1px solid #0000;border-radius:10px;grid-template-columns:2.1rem 1fr auto;align-items:center;gap:.55rem;padding:.55rem .6rem;font-size:.9rem;transition:background-color .15s,border-color .15s;display:grid}.leaderboard-row.is-top-1{border-color:color-mix(in srgb, #eab308 35%, var(--line));background:color-mix(in srgb, #eab308 10%, var(--panel))}.leaderboard-row.is-top-2{border-color:color-mix(in srgb, #94a3b8 35%, var(--line));background:color-mix(in srgb, #94a3b8 8%, var(--panel))}.leaderboard-row.is-top-3{border-color:color-mix(in srgb, #d97706 30%, var(--line));background:color-mix(in srgb, #d97706 8%, var(--panel))}.leaderboard-rank{font-variant-numeric:tabular-nums;color:var(--ink-soft);place-items:center;font-size:.82rem;font-weight:800;display:grid}.leaderboard-rank-badge{flex-direction:column;justify-content:center;align-items:center;gap:.05rem;line-height:1;display:inline-flex}.leaderboard-rank-num{font-variant-numeric:tabular-nums;font-weight:800}.leaderboard-medal{font-size:1.05rem;line-height:1}.leaderboard-player{align-items:center;gap:.4rem;min-width:0;display:flex}.leaderboard-avatar.pixel-avatar-sm{--leaderboard-avatar-size:32px;width:var(--leaderboard-avatar-size);height:var(--leaderboard-avatar-size);margin-block:calc((1.2em - var(--leaderboard-avatar-size)) / 2);flex-shrink:0}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.leaderboard-value{font-variant-numeric:tabular-nums;align-items:baseline;gap:.28rem;display:inline-flex}.leaderboard-value-num{font-size:.98rem;font-weight:800}.leaderboard-value-unit{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:650}.leaderboard-more{width:100%;margin-top:.75rem}.achievement-badges{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.achievement-badge{text-align:center;cursor:pointer;width:100%;min-height:100%;color:inherit;font:inherit;border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);background:var(--panel);box-shadow:var(--shadow-soft);flex-direction:column;align-items:center;gap:.4rem;padding:.55rem .4rem .5rem;transition:border-color .15s,background-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.achievement-badge:hover{border-color:var(--line-strong);background:var(--panel-soft);transform:translateY(-1px)}.achievement-badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.achievement-badge-mark{z-index:1;border:2px solid color-mix(in srgb, var(--accent) 55%, var(--line));width:2.55rem;height:2.55rem;color:var(--accent-deep);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--accent) 14%, var(--panel)), color-mix(in srgb, var(--accent) 5%, var(--panel-muted)));box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.achievement-badge-mark svg{width:1.15rem;height:1.15rem}.achievement-completions .achievement-badge-mark{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));color:var(--accent-deep);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--accent) 16%, var(--panel)), color-mix(in srgb, var(--accent) 6%, var(--panel-muted)));box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.achievement-streak .achievement-badge-mark{border-color:color-mix(in srgb, #e11d48 55%, var(--line));color:#e11d48;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, #e11d48 14%, var(--panel)), color-mix(in srgb, #e11d48 5%, var(--panel-muted)));box-shadow:inset 0 0 0 3px #e11d481f}.achievement-all_mode .achievement-badge-mark{border-color:color-mix(in srgb, #b45309 55%, var(--line));color:#b45309;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, #ca8a04 16%, var(--panel)), color-mix(in srgb, #b45309 6%, var(--panel-muted)));box-shadow:inset 0 0 0 3px #ca8a041f}.achievement-visit .achievement-badge-mark{border-color:color-mix(in srgb, #0f766e 55%, var(--line));color:#0f766e;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, #14b8a6 16%, var(--panel)), color-mix(in srgb, #0f766e 6%, var(--panel-muted)));box-shadow:inset 0 0 0 3px #14b8a61f}.achievement-secret .achievement-badge-mark{border-color:color-mix(in srgb, #4f46e5 55%, var(--line));color:#4338ca;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, #6366f1 16%, var(--panel)), color-mix(in srgb, #4f46e5 6%, var(--panel-muted)));box-shadow:inset 0 0 0 3px #6366f11f}.achievement-badge-title{z-index:1;text-wrap:balance;width:100%;font-size:.82rem;font-weight:650;line-height:1.2}.home-achievements-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1.1rem;display:flex}.home-achievements-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.home-achievements-all{color:var(--accent-deep);font-size:.9rem;font-weight:700;text-decoration:none}.home-achievements-all:hover{text-decoration:underline}.home-achievements .home-section-blurb{white-space:nowrap;max-width:none}.home-achievements .achievement-badges{grid-template-columns:repeat(auto-fill,minmax(7.25rem,1fr));gap:.6rem;margin-top:.9rem}.achievement-badge.is-locked{opacity:.48;filter:grayscale(.35)}.achievement-badge.is-locked:hover{opacity:.72;filter:grayscale(.15)}.milestones-page{flex-direction:column;gap:1.5rem;width:min(960px,100%);margin-inline:auto;animation:.6s both rise;display:flex}.milestones-page-head{min-width:0}.milestones-page-kicker{color:var(--ink-soft);margin:0 0 .45rem;font-size:.78rem}.milestones-page-blurb{white-space:normal;max-width:52ch}.milestones-page-progress{color:var(--ink-soft);margin:.55rem 0 0;font-size:.84rem;font-weight:650}.milestone-ladder{min-width:0}.milestone-ladder-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.2rem}.milestone-ladder-blurb{color:var(--ink-soft);margin:.3rem 0 0;font-size:.86rem;line-height:1.35}.milestone-ladder .achievement-badges{margin-top:.65rem}.achievement-test-btn{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:8px;padding:.4rem .7rem;font-size:.72rem;font-weight:750}.achievement-test-btn:hover{color:var(--accent-deep);border-color:var(--accent)}.achievement-test-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.achievement-test-sound{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-muted) 70%, transparent);border-radius:8px;min-inline-size:0;margin:.9rem 0 0;padding:.75rem .7rem .7rem}.achievement-test-sound-legend{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding:0 .2rem;font-size:.62rem;font-weight:800}.achievement-test-sound-blurb{color:var(--ink-soft);margin:.15rem 0 .55rem;font-size:.8rem;line-height:1.4}.achievement-test-sound-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.achievement-test-sound-option{border:1px solid var(--line);background:var(--panel);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:7px;flex-direction:column;align-items:flex-start;gap:.12rem;padding:.5rem .6rem;display:flex}.achievement-test-sound-option:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.achievement-test-sound-option.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent)}.achievement-test-sound-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.achievement-test-sound-name{font-size:.88rem;font-weight:750}.achievement-test-sound-desc{color:var(--ink-soft);font-size:.76rem;line-height:1.35}.achievement-test-list{flex-direction:column;gap:.55rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.achievement-test-row{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-muted) 70%, transparent);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem .6rem;display:grid}.achievement-test-seal{border:2px solid color-mix(in srgb, var(--accent) 45%, var(--line));width:2.2rem;height:2.2rem;color:var(--accent-deep);background:color-mix(in srgb, var(--accent) 12%, var(--panel));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:50%;place-items:center;display:grid}.achievement-streak .achievement-test-seal{border-color:color-mix(in srgb, #e11d48 50%, var(--line));color:#e11d48;background:color-mix(in srgb, #e11d48 10%, var(--panel));box-shadow:inset 0 0 0 2px #e11d481a}.achievement-all_mode .achievement-test-seal{border-color:color-mix(in srgb, #b45309 50%, var(--line));color:#b45309;background:color-mix(in srgb, #ca8a04 12%, var(--panel));box-shadow:inset 0 0 0 2px #ca8a041a}.achievement-visit .achievement-test-seal{border-color:color-mix(in srgb, #0f766e 50%, var(--line));color:#0f766e;background:color-mix(in srgb, #14b8a6 12%, var(--panel));box-shadow:inset 0 0 0 2px #14b8a61a}.achievement-secret .achievement-test-seal{border-color:color-mix(in srgb, #4f46e5 50%, var(--line));color:#4338ca;background:color-mix(in srgb, #6366f1 12%, var(--panel));box-shadow:inset 0 0 0 2px #6366f11a}.achievement-test-seal svg{width:1.05rem;height:1.05rem}.achievement-test-copy{flex-direction:column;gap:.08rem;min-width:0;display:flex}.achievement-test-rank{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:.62rem;font-weight:800}.achievement-test-title{font-size:.9rem;font-weight:700}.achievement-test-preview{padding:.35rem .65rem;font-size:.78rem}.achievement-test-actions{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.achievement-test-hint{color:var(--ink-soft);margin:.65rem 0 0;font-size:.8rem;line-height:1.4}.solve-sound-test-panel.modal{width:min(34rem,100%)}.solve-sound-test-list{flex-direction:column;gap:.55rem;max-height:min(60vh,28rem);margin:.9rem 0 0;padding:0;list-style:none;display:flex;overflow:auto}.solve-sound-test-row{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-muted) 70%, transparent);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.55rem .75rem;padding:.65rem .7rem;display:flex}.solve-sound-test-row.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--panel))}.solve-sound-test-copy{flex-direction:column;flex:12rem;gap:.15rem;min-inline-size:0;display:flex}.solve-sound-test-name{color:var(--ink);font-size:.88rem;font-weight:750}.solve-sound-test-desc{color:var(--ink-soft);font-size:.78rem;line-height:1.35}.solve-sound-test-actions{flex-wrap:wrap;flex:none;gap:.35rem;display:flex}.solve-sound-test-actions .btn{padding:.3rem .55rem;font-size:.72rem}.achievement-unlock-panel.modal{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--panel);text-align:center;width:min(22rem,100%);box-shadow:var(--shadow);padding:1.35rem 1.2rem 1.25rem;position:relative;overflow:hidden}.achievement-unlock-panel.achievement-streak.modal{border-color:color-mix(in srgb, #e11d48 28%, var(--line))}.achievement-unlock-panel.achievement-all_mode.modal{border-color:color-mix(in srgb, #b45309 28%, var(--line))}.achievement-unlock-panel.achievement-visit.modal{border-color:color-mix(in srgb, #0f766e 28%, var(--line))}.achievement-unlock-panel.achievement-secret.modal{border-color:color-mix(in srgb, #4f46e5 28%, var(--line))}.achievement-unlock-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);margin:.15rem 0 .85rem;font-size:.72rem;font-weight:800}.achievement-unlock-panel.achievement-streak .achievement-unlock-kicker{color:#e11d48}.achievement-unlock-panel.achievement-all_mode .achievement-unlock-kicker{color:#b45309}.achievement-unlock-panel.achievement-visit .achievement-unlock-kicker{color:#0f766e}.achievement-unlock-panel.achievement-secret .achievement-unlock-kicker{color:#4338ca}.achievement-unlock-seal{border:3px solid color-mix(in srgb, var(--accent) 55%, var(--line));width:5rem;height:5rem;color:var(--accent-deep);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent) 16%, var(--panel)), color-mix(in srgb, var(--accent) 5%, var(--panel-muted)));box-shadow:inset 0 0 0 5px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:50%;place-items:center;margin:0 auto .75rem;animation:.42s cubic-bezier(.2,.85,.25,1.15) both achievement-unlock-pop;display:grid}.achievement-unlock-panel.achievement-streak .achievement-unlock-seal{border-color:color-mix(in srgb, #e11d48 55%, var(--line));color:#e11d48;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, #e11d48 14%, var(--panel)), color-mix(in srgb, #e11d48 5%, var(--panel-muted)));box-shadow:inset 0 0 0 5px #e11d481f}.achievement-unlock-panel.achievement-all_mode .achievement-unlock-seal{border-color:color-mix(in srgb, #b45309 55%, var(--line));color:#b45309;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, #ca8a04 16%, var(--panel)), color-mix(in srgb, #b45309 6%, var(--panel-muted)));box-shadow:inset 0 0 0 5px #ca8a041f}.achievement-unlock-panel.achievement-visit .achievement-unlock-seal{border-color:color-mix(in srgb, #0f766e 55%, var(--line));color:#0f766e;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, #14b8a6 16%, var(--panel)), color-mix(in srgb, #0f766e 6%, var(--panel-muted)));box-shadow:inset 0 0 0 5px #14b8a61f}.achievement-unlock-panel.achievement-secret .achievement-unlock-seal{border-color:color-mix(in srgb, #4f46e5 55%, var(--line));color:#4338ca;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, #6366f1 16%, var(--panel)), color-mix(in srgb, #4f46e5 6%, var(--panel-muted)));box-shadow:inset 0 0 0 5px #6366f11f}.achievement-unlock-seal svg{width:2.1rem;height:2.1rem}.achievement-unlock-rank{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.7rem;font-weight:800}.achievement-unlock-title{margin:.25rem 0 0;font-size:1.15rem;font-weight:650;line-height:1.25}.achievement-unlock-desc{color:var(--ink-soft);margin:.45rem 0 0;font-size:.92rem;line-height:1.4}.achievement-unlock-seal.is-static{animation:none}.achievement-unlock-earned{color:var(--ink-soft);margin:.45rem 0 0;font-size:.78rem;font-weight:650}.achievement-unlock-ack{min-width:8.5rem;margin-top:1.05rem}@keyframes achievement-unlock-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.achievement-unlock-seal{animation:none}}.play-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-bottom:.75rem;display:flex}.play-toolbar .play-mode-nav{flex:auto;min-width:0;min-height:0}.play-toolbar-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.4rem;margin-left:auto;display:flex}.play-mode-hero{margin:.35rem 0 1rem}.play-mode-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.7rem}.play-mode-tagline{color:var(--ink-soft);margin:.35rem 0 0;font-size:.95rem}.moderation-subtitle{margin:1.25rem 0 .5rem;font-size:1rem}.moderation-status-panel .moderation-actions{flex-wrap:wrap;gap:.5rem;margin:.65rem 0 .25rem;display:flex}@media (width<=980px){.home-main{grid-template-columns:1fr}.home-side{grid-template-columns:minmax(11rem,.9fr) minmax(0,1.2fr);height:auto;min-height:0}}@media (width<=720px){.home-side{grid-template-columns:1fr}}.pixel-avatar{color:var(--ink);flex-shrink:0;display:block;position:relative;overflow:hidden}.pixel-avatar img,.pixel-avatar-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.pixel-avatar.is-bust img,.pixel-avatar.is-bust .pixel-avatar-img{object-fit:cover;object-position:center 22%;transform-origin:50% 22%;transform:scale(3.15)}.pixel-avatar-sm{width:1.9rem;height:1.9rem}.pixel-avatar-md{width:4.75rem;height:4.75rem}.pixel-avatar-lg{width:6rem;height:6rem}.pixel-avatar-xl{width:13.5rem;height:13.5rem}.pixel-avatar.is-sprite-sheet{overflow:hidden}.pixel-avatar-sheet-window{width:100%;height:100%;display:block;position:relative;overflow:hidden}.pixel-avatar.is-sprite-sheet .pixel-avatar-sheet-strip{pointer-events:none;-webkit-user-select:none;user-select:none;width:1400%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;will-change:transform;display:block;object-fit:fill!important;object-position:left top!important;max-width:none!important}.auth-avatar{overflow:hidden}.auth-avatar .pixel-avatar{width:100%;height:100%}.points-badge{border:1px solid color-mix(in srgb, #d8a312 46%, var(--line));min-height:2.35rem;color:color-mix(in srgb, #9a6500 82%, var(--ink));background:color-mix(in srgb, #ffd75d 15%, var(--panel));box-shadow:var(--shadow-soft);border-radius:10px;align-items:center;gap:.35rem;padding:.38rem .62rem;font-size:.8rem;font-weight:800;text-decoration:none;transition:transform .14s,border-color .16s;display:inline-flex}.points-badge:hover{border-color:#d8a312;transform:translateY(-1px)}.points-badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.points-gem,.shop-wallet-gem,.avatar-price,.achievement-badge-reward,.achievement-unlock-reward{color:#c68a08}.shop-page{flex-direction:column;gap:1.15rem;width:min(1040px,100%);margin-inline:auto;animation:.5s both rise;display:flex}.shop-hero{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));border-radius:var(--radius);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 9%, var(--panel)), var(--panel)), repeating-linear-gradient(0deg, transparent 0 7px, color-mix(in srgb, var(--ink) 3%, transparent) 7px 8px);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:flex-end;gap:1.25rem;padding:clamp(1.1rem,3vw,1.7rem);display:flex;position:relative;overflow:hidden}.shop-hero:after{content:"";border:1rem solid color-mix(in srgb, var(--accent) 8%, transparent);pointer-events:none;width:9rem;height:9rem;position:absolute;inset:auto -1rem -2rem auto;transform:rotate(45deg)}.shop-kicker{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .45rem;font-size:.75rem;font-weight:700}.shop-hero h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,6vw,3.3rem);line-height:1}.shop-hero p:last-child{max-width:58ch;color:var(--ink-soft);margin:.65rem 0 0;line-height:1.45}.shop-wallet{z-index:1;border:2px solid color-mix(in srgb, #d8a312 55%, var(--line));background:color-mix(in srgb, #ffd75d 12%, var(--panel));min-width:8.5rem;box-shadow:4px 4px 0 color-mix(in srgb, var(--ink) 12%, transparent);border-radius:4px;grid-template-columns:auto auto;align-items:center;gap:.05rem .4rem;padding:.8rem 1rem;display:grid}.shop-wallet strong{font-size:1.45rem;line-height:1}.shop-wallet span:last-child{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;grid-column:1/-1;font-size:.68rem;font-weight:800}.shop-signin-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-muted);align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.shop-signin-panel h2{margin:0;font-size:1rem}.shop-signin-panel p{color:var(--ink-soft);margin:.3rem 0 0;font-size:.86rem;line-height:1.4}.shop-notice,.shop-error,.shop-loading{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin:0;padding:.7rem .85rem;font-size:.88rem}.shop-notice{border-color:color-mix(in srgb, var(--correct) 40%, var(--line));color:var(--correct)}.shop-error{border-color:color-mix(in srgb, var(--incorrect) 42%, var(--line));color:var(--incorrect)}.avatar-shop{grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.avatar-shop-stage{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-soft);flex-direction:column;gap:.85rem;padding:1rem;scroll-margin-top:.75rem;display:flex;position:sticky;top:.75rem}.avatar-shop-preview{border:1px solid var(--line);border-radius:14px;place-items:center;min-height:16rem;padding:1.1rem;display:grid;overflow:hidden}.avatar-shop-meta{flex-direction:column;gap:.3rem;min-height:5.75rem;display:flex}.avatar-shop-meta h2{font-family:var(--font-display);margin:0;font-size:1.15rem}.avatar-shop-meta p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.55rem;margin:0;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.avatar-shop-rarity{border:1px solid var(--line-strong);background:var(--panel-muted);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;align-self:flex-start;padding:.2rem .45rem;font-size:.6rem;font-weight:850}.avatar-shop-rarity.is-rare{color:#2476ad}.avatar-shop-rarity.is-epic{color:#8a4db7}.avatar-shop-rarity.is-legendary{color:#b36d00}.avatar-shop-rarity.is-limited-time,.avatar-card.is-limited-time .avatar-rarity{color:#1f7a4d}.avatar-shop-actions{flex-wrap:wrap;gap:.5rem;display:flex}.avatar-shop-actions .btn{flex:1;min-height:2.5rem}.avatar-shop-actions .btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.avatar-awakenings{border-top:1px solid var(--line);flex-direction:column;gap:.55rem;margin-top:.35rem;padding-top:.75rem;display:flex}.avatar-awakenings-title{margin:0;font-size:.95rem;font-weight:800}.avatar-awakenings-copy{color:color-mix(in srgb, var(--ink) 72%, transparent);margin:0;font-size:.8rem;line-height:1.35}.avatar-awakenings-status{color:var(--accent);margin:0;font-size:.78rem;font-weight:700}.avatar-awakening-card.is-pinned{border-color:color-mix(in srgb, var(--accent) 70%, var(--line));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.avatar-awakenings-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.avatar-awakening-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-muted) 70%, transparent);border-radius:10px;grid-template-columns:1fr auto;align-items:stretch;gap:.4rem;padding:.45rem .5rem;display:grid}.avatar-awakening-card.is-preview{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.avatar-awakening-card.is-owned{opacity:.92}.avatar-awakening-preview-btn{color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:.1rem .45rem;margin:0;padding:0;display:grid}.avatar-awakening-tier{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 80%, transparent);border-radius:6px;grid-row:1/span 2;justify-content:center;align-self:center;align-items:center;width:1.7rem;height:1.7rem;font-size:.75rem;font-weight:800;display:inline-flex}.avatar-awakening-card.is-epic .avatar-awakening-tier{color:#7a3cff;border-color:color-mix(in srgb, #7a3cff 40%, var(--line))}.avatar-awakening-card.is-rare .avatar-awakening-tier{color:#2a6fd4;border-color:color-mix(in srgb, #2a6fd4 40%, var(--line))}.avatar-awakening-name{font-size:.82rem;font-weight:800}.avatar-awakening-desc{color:color-mix(in srgb, var(--ink) 68%, transparent);grid-column:2;font-size:.72rem;line-height:1.3}.avatar-awakening-buy{white-space:nowrap;align-self:center;min-height:2rem;padding-inline:.65rem;font-size:.75rem}.avatar-awakening-badge{z-index:2;letter-spacing:.02em;color:#fff;background:#4a26cb;border:1px solid #9a7cff80;border-radius:4px;padding:.12rem .35rem;font-size:.62rem;font-weight:800;position:absolute;bottom:.35rem;left:.35rem}.avatar-shop-catalog{flex-direction:column;gap:.75rem;min-width:0;display:flex}.avatar-shop-tabs{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-muted) 80%, transparent);border-radius:8px;gap:.35rem;margin:0;padding:.2rem;display:flex}.avatar-shop-catalog :is(button,a,[tabindex]:not([tabindex="-1"])){scroll-margin-top:1.25rem}.avatar-shop-tab{min-height:2.15rem;color:var(--ink-soft);font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:.35rem .7rem;font-size:.92rem;font-weight:700}.avatar-shop-tab.is-active{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-soft)}.avatar-shop-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.avatar-stage-thumb{background-color:var(--panel-muted);image-rendering:pixelated;image-rendering:crisp-edges;background-position:bottom;background-repeat:no-repeat;background-size:cover}.shop-purchase-stage-thumb{border:1px solid var(--line);background-color:var(--panel-muted);width:13.5rem;height:10rem;image-rendering:pixelated;image-rendering:crisp-edges;background-position:bottom;background-repeat:no-repeat;background-size:cover;border-radius:12px;margin:0 auto .75rem}.avatar-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.avatar-card{text-align:left;border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;color:inherit;cursor:pointer;box-shadow:3px 3px 0 color-mix(in srgb, var(--ink) 8%, transparent);border-radius:8px;flex-direction:column;padding:0;transition:border-color .14s,transform .14s,background .14s;display:flex;overflow:hidden}.avatar-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.avatar-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.avatar-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 9%, var(--panel))}.avatar-card.is-unowned{opacity:.92}.avatar-card-art{min-height:6.5rem;color:var(--ink);border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 48%), linear-gradient(150deg, color-mix(in srgb, var(--panel) 86%, white), var(--panel-muted));place-items:center;padding:.6rem;display:grid;position:relative;overflow:hidden}.avatar-stage-well{background-color:var(--panel-muted);background-image:linear-gradient(180deg, transparent 42%, color-mix(in srgb, var(--panel) 58%, transparent) 100%), var(--avatar-stage-url);image-rendering:pixelated;image-rendering:crisp-edges;background-position:bottom;background-repeat:no-repeat;background-size:cover}.avatar-rarity,.avatar-unowned-tag{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--panel) 90%, transparent);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;padding:.18rem .34rem;font-size:.56rem;font-weight:850;position:absolute;top:.4rem}.avatar-rarity{right:.4rem}.avatar-unowned-tag{color:var(--ink-soft);left:.4rem}.avatar-card.is-rare .avatar-rarity{color:#2476ad}.avatar-card.is-epic .avatar-rarity{color:#8a4db7}.avatar-card.is-legendary .avatar-rarity{color:#b36d00}.avatar-card.is-limited-time .avatar-rarity{color:#1f7a4d}.avatar-card-copy{flex-direction:column;gap:.2rem;padding:.6rem .65rem .35rem;display:flex}.avatar-card-name{font-family:var(--font-display);font-size:.92rem}.avatar-card-desc{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:1.95rem;font-size:.74rem;line-height:1.3;display:-webkit-box;overflow:hidden}.avatar-card-foot{justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .65rem .65rem;display:flex}.avatar-price{font-size:.78rem;font-weight:850}.avatar-card-action{color:var(--accent-deep);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:800}.shop-purchase-modal{text-align:center;width:min(28rem,100%);min-height:22rem}.shop-purchase-modal .pixel-avatar{margin:.35rem auto .65rem}.shop-purchase-desc{color:var(--ink-soft);margin:.55rem 0 0;line-height:1.45}.shop-purchase-modal .modal-actions{justify-content:center}.result-points{border:1px solid var(--line);color:var(--ink-soft);background:var(--panel-muted);border-radius:999px;margin:.5rem 0 0;padding:.3rem .55rem;font-size:.76rem;font-weight:800;display:inline-flex}.result-points.is-earned{border-color:color-mix(in srgb, #d8a312 45%, var(--line));color:#a36b00;background:color-mix(in srgb, #ffd75d 13%, var(--panel))}.result-level-up{color:#a36b00;margin:.4rem 0 0;font-size:.82rem;font-weight:800}.achievement-badge-reward{z-index:1;font-size:.66rem;font-weight:800}.achievement-unlock-reward{margin:.7rem 0 0;font-size:.84rem;font-weight:800}@media (width<=900px){.avatar-shop{grid-template-columns:1fr}.avatar-shop-stage{position:static}}@media (width<=760px){.shop-hero{flex-direction:column;align-items:stretch}.shop-wallet{width:fit-content;min-width:0}.avatar-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.avatar-shop-grid{grid-template-columns:1fr 1fr}.points-badge{justify-content:center;min-width:2.35rem;padding-inline:.48rem}.site-actions .points-badge span:last-child{display:none}}.animation-creator{flex-direction:column;gap:1.25rem;max-width:1200px;margin:0 auto;padding:1.25rem 1rem 2.5rem;display:flex}.animation-creator-header h1{font-family:var(--font-display);margin:.2rem 0 .5rem}.animation-creator-header p{color:var(--ink-soft);max-width:52rem;margin:.35rem 0;line-height:1.45}.animation-creator-notice{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);margin:0;padding:.75rem 1rem}.animation-creator-layout{grid-template-columns:minmax(0,.9fr) minmax(0,.85fr) minmax(0,1.25fr);align-items:start;gap:1rem;display:grid}.animation-creator-avatars,.animation-creator-anims,.animation-creator-editor{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-soft);padding:.9rem}.animation-creator-avatars h2,.animation-creator-anims h2,.animation-creator-editor h2{margin:0 0 .75rem;font-size:1.05rem}.animation-creator-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;max-height:70vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.animation-creator-avatar-card{border:1px solid var(--line);background:var(--panel-soft);width:100%;color:var(--ink);cursor:pointer;font:inherit;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:.35rem;padding:.45rem;font-size:.78rem;display:flex}.animation-creator-avatar-card img{object-fit:contain;width:3.5rem;height:3.5rem;image-rendering:pixelated;image-rendering:crisp-edges}.animation-creator-avatar-card.is-selected,.animation-creator-anim-card.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.animation-creator-anims-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.animation-creator-anims-head h2{margin:0}.animation-creator-context{color:var(--ink-soft);margin:0 0 .75rem;font-size:.88rem;line-height:1.4}.animation-creator-anim-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.animation-creator-anim-card{border:1px solid var(--line);background:var(--panel-soft);width:100%;color:var(--ink);cursor:pointer;font:inherit;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .65rem;display:flex}.animation-creator-status{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.animation-creator-empty{color:var(--ink-soft);margin:0}.animation-creator-preview{border-radius:12px;place-items:center;min-height:12rem;margin-bottom:.85rem;display:grid;overflow:hidden}.animation-creator-field{flex-direction:column;gap:.35rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.animation-creator-field input,.animation-creator-field textarea{border:1px solid var(--line);background:var(--panel-muted);width:100%;color:var(--ink);font:inherit;resize:vertical;border-radius:10px;padding:.55rem .65rem}.animation-creator-plan{color:var(--ink-soft);margin:0 0 .85rem;font-size:.85rem}.animation-creator-actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=960px){.animation-creator-layout{grid-template-columns:1fr}.animation-creator-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:14rem}}.action-strip-preview{flex-direction:column;gap:1rem;max-width:720px;margin:0 auto;padding:1.25rem 1rem 2.5rem;display:flex}.action-strip-preview h1{font-family:var(--font-display);margin:.2rem 0 .35rem}.action-strip-preview-sub,.action-strip-preview-nav,.action-strip-preview-hint{color:var(--ink-soft);margin:.25rem 0;font-size:.9rem}.action-strip-preview-nav a{color:var(--accent,#c98a96)}.action-strip-preview-controls{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.75rem 1rem;display:flex}.action-strip-preview-controls label{color:var(--ink-soft);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.action-strip-preview-meta{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:.85rem}.action-strip-preview-stage{border:1px solid var(--line);background:linear-gradient(45deg,#2a2a2a 25%,#0000 25%) 0 0/16px 16px,linear-gradient(-45deg,#2a2a2a 25%,#0000 25%) 0 0/16px 16px,#1a1a1a;border-radius:12px;place-items:center;padding:1rem;display:grid}.action-strip-preview-clip{image-rendering:pixelated;overflow:hidden}.skip-link{z-index:100;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;padding:.55rem .85rem;font-weight:700;text-decoration:none;transition:transform .12s;position:absolute;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus,.skip-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;transform:translateY(0)}.leaderboard-page{width:min(100% - 1.5rem,1120px);margin:0 auto 2.5rem;padding-top:.35rem}.leaderboard-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.85rem 1.25rem;margin-bottom:1rem;display:flex}.leaderboard-page-kicker{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .2rem;font-size:.78rem;font-weight:700}.leaderboard-page-blurb,.leaderboard-page .home-section-blurb{max-width:36rem}.leaderboard-page-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.leaderboard-page-back{color:var(--accent-deep);font-size:.9rem;font-weight:700;text-decoration:none}.leaderboard-page-back:hover{text-decoration:underline}.leaderboard-page-tabs{max-width:28rem;margin-bottom:1rem}.leaderboard-search{max-width:32rem;margin:0 0 1.15rem}.leaderboard-search-label{color:var(--ink);margin:0 0 .35rem;font-size:.82rem;font-weight:650;display:block}.leaderboard-search-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.leaderboard-search-input{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);background:color-mix(in srgb, var(--paper) 92%, white);min-width:0;min-height:2.75rem;color:var(--ink);font:inherit;border-radius:.55rem;flex:12rem;padding:.55rem .75rem;font-size:.95rem}.leaderboard-search-input:focus{outline:2px solid var(--accent);outline-offset:2px}.leaderboard-search-submit,.leaderboard-search-clear{min-height:2.75rem}.leaderboard-search-hint{color:var(--ink-soft);margin:.4rem 0 0;font-size:.8rem;line-height:1.35}.leaderboard-search-result{margin-top:.85rem}.leaderboard-search-result-label{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .4rem;font-size:.78rem;font-weight:700}.leaderboard-search-hero{grid-template-columns:minmax(10.5rem,12rem);margin-top:0}.leaderboard-page-list{max-height:none;overflow:visible}.leaderboard-page .leaderboard-more{max-width:16rem}.leaderboard-hero-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.75rem;margin:.35rem 0 0;padding:0;list-style:none;display:grid}.leaderboard-hero-card{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 40%, transparent);text-align:center;box-sizing:border-box;border-radius:12px;grid-template-rows:minmax(9.5rem,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.leaderboard-hero-card.is-top-1{border-color:color-mix(in srgb, #eab308 35%, var(--line));background:color-mix(in srgb, #eab308 10%, var(--panel))}.leaderboard-hero-card.is-top-2{border-color:color-mix(in srgb, #94a3b8 35%, var(--line));background:color-mix(in srgb, #94a3b8 8%, var(--panel))}.leaderboard-hero-card.is-top-3{border-color:color-mix(in srgb, #d97706 30%, var(--line));background:color-mix(in srgb, #d97706 8%, var(--panel))}.leaderboard-hero-stage{box-sizing:border-box;isolation:isolate;background-position:bottom;border-radius:11px 11px 0 0;place-items:center;width:100%;min-height:9.5rem;padding:.35rem .25rem .15rem;display:grid;position:relative;overflow:hidden;container-type:size}.leaderboard-hero-rank{z-index:2;background:color-mix(in srgb, var(--panel) 82%, transparent);font-variant-numeric:tabular-nums;min-width:1.85rem;min-height:1.85rem;color:var(--ink-soft);border-radius:6px;place-items:center;padding:.18rem .28rem;font-size:.72rem;font-weight:800;line-height:1;display:grid;position:absolute;top:.3rem;left:.3rem}.leaderboard-hero-rank .leaderboard-rank-badge{flex-direction:row;gap:.12rem}.leaderboard-hero-rank .leaderboard-medal{font-size:.85rem}.leaderboard-hero-avatar.pixel-avatar-md{z-index:1;transform-origin:50% 28%;place-self:center;max-width:100%;max-height:100%;margin:0;position:relative;overflow:hidden;transform:scale(2.15)translateY(6%);width:min(7.25rem,100cqw,100cqh)!important;height:min(7.25rem,100cqw,100cqh)!important}.leaderboard-hero-avatar.pixel-avatar-md img,.leaderboard-hero-avatar.pixel-avatar-md .pixel-avatar-img{object-fit:contain;object-position:center 25%;width:100%;height:100%}.leaderboard-hero-meta{box-sizing:border-box;background:color-mix(in srgb, var(--panel) 88%, transparent);border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent);flex-direction:row;justify-content:center;align-items:baseline;gap:.3rem;width:100%;min-width:0;padding:.35rem .4rem .4rem;display:flex}.leaderboard-hero-name{text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-size:.82rem;font-weight:700;line-height:1.15;overflow:hidden}.leaderboard-hero-value{font-variant-numeric:tabular-nums;color:var(--ink-soft);flex-shrink:0;align-items:baseline;gap:.1rem;font-size:.72rem;line-height:1.1;display:inline-flex}@media (width<=700px){.leaderboard-hero-grid{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex-flow:row;gap:.65rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.leaderboard-hero-card{scroll-snap-align:start;flex:none;width:9.25rem}.leaderboard-hero-stage{min-height:8.5rem}.leaderboard-hero-avatar.pixel-avatar-md{transform:scale(2.05)translateY(5%);width:min(6.25rem,100cqw,100cqh)!important;height:min(6.25rem,100cqw,100cqh)!important}}