@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/Archivo-400-800-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/Archivo-400-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/BarlowSemiCondensed-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/BarlowSemiCondensed-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/BarlowSemiCondensed-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/BarlowSemiCondensed-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/BarlowSemiCondensed-800-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/BarlowSemiCondensed-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--r-tiny:4px;--r-small:8px;--r-control:12px;--r-large:22px;--r-pill:999px;--fs-tiny:11px;--fs-caption:13px;--fs-small:15px;--fs-body:17px;--fs-title-sm:20px;--fs-title:24px;--fs-title-lg:30px;--fs-title-xl:30px ;--fs-number:40px;--fs-display:56px;--sp-0-5:2px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--foot-shadow:rgba(14,16,19,.4);--ink-hover:rgba(14,16,19,.14);--ink-pressed:rgba(14,16,19,.24);--sky-top:#9FDBF4;--sky-bot:#CDEBF7;--ink:#0E1013;--surface:#26292F;--white:#FFFFFF;--gray:#555555;--tile-backdrop:#E6ECF2;--surface-hover:#444A54;--divider:#3A3F48;--chart-axis:#6B7380;--chart-avg:#9AA3B2;--chart-label:#C3CAD5;--flame-lit:#FF8A1F;--flame-unlit:var(--chart-axis);--rope:#C99A5B;--wrong-soft:#F4A59A;--result-note:#8A5A00;--result-meta:#5A4A1E;--result-quote:#34465C;--result-rank:#445273;--pct-top-bg:#A9EDB8;--pct-top-ink:#0C5829;--pct-mid-bg:#BDE9FF;--pct-mid-ink:#075985;--pct-low-bg:#FFE0AA;--pct-low-ink:#8A4C00;--solved-text:#9ACBB0;--portrait-tint:#B3BCC8;--share-face:#FFCA4D;--share-foot:#D99B15;--share-hover:#EFB62D;--primary-face:#A3F91E;--primary-foot:#79C705;--primary-hover:var(--primary-foot);--primary-pressed:#528603;--primary-soft:#F4FAEB;--primary-muted-face:#BEDA95;--primary-muted-foot:#90BF4A;--correct-face:#4CD97B;--correct-foot:#23A04E;--correct-ink:#0C2915;--correct-soft:#F0FAF1;--secondary-face:#47D9FD;--secondary-foot:#1AB4DB;--secondary-soft:#E7F9FE;--special-face:#B758EF;--special-foot:#8F2DC8;--partial-face:#EDB22A;--partial-foot:#B47F10;--wrong-face:#EF5B50;--wrong-foot:#B23A30;--tertiary-face:var(--white);--tertiary-foot:#E6E6E6;--disabled-face:#D6D6D6;--disabled-foot:#AFAFAF;--disabled-rim:#7A7A7A;--disabled-text:#595959;--panel:var(--surface);--panel-2:#383D46;--line:var(--ink);--text:var(--white);--muted:#AFAFAF;--focus-ring:#B3BCC8;--soft-outline:rgba(14,16,19,.4);--paper:var(--white);--green:var(--primary-face);--green-edge:var(--primary-foot);--green-ink:var(--ink);--ok:var(--correct-face);--ok-edge:var(--correct-foot);--ok-ink:var(--white);--part:var(--partial-face);--part-edge:var(--partial-foot);--part-ink:var(--white);--bad:var(--wrong-face);--bad-edge:var(--wrong-foot);--bad-ink:var(--white);--cake:#FFE9A8;--focus:#FFD84A;--cs-green:var(--green);--cs-green-edge:var(--green-edge);--cs-ink:var(--ink);--off:var(--primary-muted-face);--off-edge:var(--primary-muted-foot);--off-ink:var(--ink);--font-headline:"Barlow Semi Condensed", sans-serif;--font-interactive:"Barlow Semi Condensed", sans-serif;--font-body:"Archivo", sans-serif;--font:var(--font-body)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%}body{margin:0;background:var(--sky-bot);color:var(--text);font-family:var(--font-body);font-weight:400;font-size:var(--fs-body);line-height:1.45;padding-inline:max(var(--sp-4),env(safe-area-inset-left)) max(var(--sp-4),env(safe-area-inset-right));padding-block:max(var(--sp-6),env(safe-area-inset-top)) max(var(--sp-8),env(safe-area-inset-bottom))}@media(max-width:540px){body{padding-inline:max(var(--sp-6),env(safe-area-inset-left)) max(var(--sp-6),env(safe-area-inset-right))}:root{--fs-title-lg:24px;--fs-title:20px;--sp-5:16px;--sp-8:24px}}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(var(--sky-top),var(--sky-bot) 70%)}.scene svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.drift-a{animation:drift 95s ease-in-out infinite alternate}.drift-b{animation:drift 130s ease-in-out infinite alternate-reverse}@keyframes drift{0%{transform:translate(-40px)}to{transform:translate(60px)}}.wrap{position:relative;z-index:1;max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-4)}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4) var(--sp-6)}.logo{position:relative;flex:none;width:clamp(150px,48vw,250px);aspect-ratio:1.45;margin:0;overflow:hidden}.logo img{position:absolute;display:block;width:111%;max-width:none;height:auto;transform:translate(-4.5%,-10%)}.tagline{display:inline-block;margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);background:var(--ink);color:var(--text);font-weight:600;font-size:var(--fs-caption)}.modes{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:48px;font:700 var(--fs-body)/1.1 var(--font-interactive);padding:0 var(--sp-4);border-radius:var(--r-control);cursor:pointer;background:var(--green);color:var(--green-ink);border:2.5px solid var(--line);box-shadow:0 4px 0 var(--green-edge),0 4px 0 2.5px var(--line);transition:transform .08s,box-shadow .08s,filter .15s}@media(hover:hover)and (pointer:fine){.btn:hover{background:var(--primary-hover)}}.btn:active{background:var(--primary-pressed);transform:translateY(3px);box-shadow:0 1px 0 var(--green-edge),0 1px 0 2.5px var(--line)}.btn.off{background:var(--off);color:var(--off-ink);box-shadow:0 4px 0 var(--off-edge),0 4px 0 2.5px var(--line)}.btn.dark{background:var(--secondary-face);color:var(--ink);box-shadow:0 4px 0 var(--secondary-foot),0 4px 0 2.5px var(--line)}@media(hover:hover)and (pointer:fine){.btn.off:not(:disabled):not([aria-disabled=true]):hover{background:var(--off-edge)}.btn.dark:not(:disabled):not([aria-disabled=true]):hover{background:var(--secondary-foot)}}.btn.off:active{background:var(--off-edge);box-shadow:0 1px 0 var(--off-edge),0 1px 0 2.5px var(--line)}.btn.dark:active{background:var(--secondary-foot);box-shadow:0 1px 0 var(--secondary-foot),0 1px 0 2.5px var(--line)}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.pill{display:inline-flex;gap:var(--sp-2);align-items:center;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);background:var(--ink);color:var(--muted);font-size:var(--fs-small);font-weight:600;font-variant-numeric:tabular-nums}.pill b{color:var(--text);font-weight:700}.panel{background:var(--panel);border:3px solid var(--line);border-radius:var(--r-large);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);box-shadow:0 6px 0 var(--foot-shadow)}.row-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--sp-1) var(--sp-4)}.row-top h2{margin:0;font-weight:700;font-size:var(--fs-title)}.meta{color:var(--muted);font-size:var(--fs-caption);font-variant-numeric:tabular-nums}.meta b{color:var(--text);font-weight:600}.combo{position:relative}.combo input{width:100%;font:700 var(--fs-body)/1.2 var(--font-interactive);color:var(--ink);background:var(--paper);border:3px solid var(--line);border-radius:var(--r-control);padding:var(--sp-3) var(--sp-4)}.combo input::placeholder{font-family:var(--font-body);font-weight:600;color:var(--gray)}.combo input:focus{outline:none;border-color:var(--line)}html:not([data-input=pointer]) .combo input:focus{box-shadow:0 0 0 2px #0e101359}.list{position:absolute;left:0;right:0;top:calc(100% + var(--sp-2));z-index:10;margin:0;padding:var(--sp-2);list-style:none;background:var(--paper);color:var(--ink);border:3px solid var(--line);border-radius:var(--r-large);box-shadow:0 6px 0 var(--foot-shadow);max-height:300px;overflow-y:auto}.list li{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--r-control);cursor:pointer;font-weight:700;font-size:var(--fs-body)}.list li[aria-selected=true]{background:var(--primary-soft)}@media(hover:hover)and (pointer:fine){.list li:hover{background:var(--primary-soft)}}.list .empty{color:var(--gray);cursor:default;font-weight:400;font-size:var(--fs-small)}.actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}.actions:empty{display:none}.test-actions{justify-content:center}.icon{flex:none;display:grid;place-items:center;border-radius:12px;background:var(--tile-backdrop);border:2.5px solid var(--line);overflow:hidden}.icon .art-swap:not(.art-fallback){width:100%!important;height:100%!important}.art-swap{position:relative;display:inline-block}.art-swap .char-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.art-swap .char-fallback,.art-swap.art-fallback .char-img{display:none}.art-swap.art-fallback .char-fallback{display:block}.art-swap.tile{position:absolute;top:0;right:0;bottom:0;left:0}.art-swap.tile .char-fallback{display:none;place-items:center;width:100%;height:100%}.art-swap.tile.art-fallback .char-fallback{display:grid}.result{background:var(--cake);color:var(--ink);border-color:var(--line)}.result{--muted:var(--gray)}.result.lost{background:var(--paper)}.result .top{display:flex;align-items:center;gap:var(--sp-4)}.result .result-note{font:500 var(--fs-body)/1.4 var(--font-body);color:var(--result-note)}.result.lost .result-note{color:var(--gray)}.result h2{margin:2px 0 0;font-weight:700;font-size:clamp(var(--fs-title-lg),6vw,var(--fs-number));line-height:1.02;text-wrap:balance}.result p{margin:0;font-weight:400;font-size:var(--fs-body)}.result .meta{color:var(--result-meta)}.result .meta b{color:var(--ink)}.cake{flex:none}.copied{display:block;font-weight:600;font-size:var(--fs-small)}.copied:empty{display:none}.sharebox{width:100%;min-height:110px;font:var(--fs-caption)/1.4 ui-monospace,Menlo,monospace;border:3px solid var(--line);border-radius:var(--r-control);padding:var(--sp-3);background:var(--white);color:var(--ink)}.result{position:relative}.cake-burst{position:absolute;left:50%;top:35%;width:0;height:0;z-index:5;pointer-events:none;animation:burst-clear 1.4s both}.cake-burst-piece{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border:2px solid var(--line);border-radius:var(--r-control);background:#4cd97b;animation:burst-fly 1.1s cubic-bezier(.17,.67,.25,1) var(--burst-delay) both}.cake-burst-piece.piece-1{background:var(--cake);border-radius:50%}.cake-burst-piece.piece-2{background:#ef5b50}.cake-burst-piece.is-cake{width:36px;height:32px;left:-18px;top:-16px;border:0;background:none}.cake-burst-piece .cake{width:36px;height:32px}@keyframes burst-fly{0%{opacity:0;transform:translate(0) scale(.5) rotate(-25deg)}18%{opacity:1}to{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) scale(1) rotate(220deg)}}@keyframes burst-clear{0%{opacity:1}to{opacity:1}}@media(prefers-reduced-motion:reduce){.cake-burst{display:none}}.result.result-screen-host{padding:0;border:0;background:none;box-shadow:none;max-width:520px}.result.result-screen-host.is-daily-trigger{align-items:center;padding:var(--sp-2)}.result-reopen{align-self:center}.result-dialog{width:min(92vw,520px);max-height:min(90dvh,820px);margin:auto;padding:0;border:0;background:transparent;color:var(--ink);overflow:visible}.result-dialog::backdrop{background:#0e10139e}.result-dialog-content{max-height:min(90dvh,820px);overflow-y:auto;padding:0 0 var(--sp-2)}.result-close{position:absolute;z-index:3;top:15px;right:15px;width:44px;height:44px;margin:0;padding:0;display:grid;place-items:center;border:5px solid transparent;border-radius:calc(var(--r-small) + 5px);background:transparent;background-clip:padding-box;color:var(--ink);font-size:0;cursor:pointer}.result-close:focus-visible{outline:3px solid var(--secondary-face);outline-offset:-3px}@media(hover:hover)and (pointer:fine){.result-close:hover{background-color:var(--ink-hover)}}.result-close:active{background-color:var(--ink-pressed)}.result-close>.site-icon{width:20px;height:20px}.result-card{position:relative;isolation:isolate;width:100%;padding:0;overflow:hidden;text-align:center;color:var(--ink);background:transparent;border:3px solid var(--line);border-radius:var(--r-large);box-shadow:0 6px 0 var(--foot-shadow),0 18px 40px #0e101359;animation:result-enter .35s cubic-bezier(.2,.8,.2,1) both}.result-head{padding:10px 0 14px;background:var(--primary-face);border-bottom:3px solid var(--line);border-radius:calc(var(--r-large) - 3px) calc(var(--r-large) - 3px) 0 0}.result-card.is-miss .result-head,.result-card.is-practice .result-head{background:var(--tile-backdrop)}.result-card h2{margin:0;padding:0 44px;font:800 var(--fs-number)/1.1 var(--font-headline);letter-spacing:-.02em;text-transform:uppercase;color:var(--ink)}.result-card h2:focus{outline:none}.result-card .result-eyebrow{margin:0 0 2px;font:700 var(--fs-caption)/1 var(--font-interactive);letter-spacing:.1em;color:var(--gray)}.result-card.is-win:not(.is-practice) .result-body{background:var(--primary-soft)}.result-body{padding:var(--sp-5);background:var(--white);display:flex;flex-direction:column;gap:28px}.result-card.is-compact .result-body{padding:var(--sp-4);gap:var(--sp-5)}.result-group{display:flex;flex-direction:column;align-items:center;gap:6px;font:500 var(--fs-body)/1.4 var(--font-body);color:var(--gray)}.result-identity{gap:2px}.result-card p{margin:0}.result-card.is-compact .result-portrait{width:80px;height:80px}.result-portrait{width:96px;height:96px;display:grid;place-items:center;margin:0 0 var(--sp-3);border:3px solid var(--line);border-radius:var(--r-control);background:var(--tile-backdrop);overflow:hidden}.result-portrait .art-swap,.result-portrait .char-img{width:100%;height:100%;border-radius:calc(var(--r-control) - 3px);overflow:hidden}.result-card .result-kicker{margin:0;font:600 var(--fs-body)/1.3 var(--font-body);letter-spacing:0;color:var(--gray)}.result-card h3{margin:0;font:800 var(--fs-title-lg)/1.15 var(--font-headline);color:var(--ink);text-wrap:balance}.result-card .result-quote{max-width:360px;margin:6px 0 0;font:italic 400 var(--fs-body)/1.35 var(--font-body);color:var(--gray)}.result-card .result-figure{margin:0 0 var(--sp-1);font:800 var(--fs-number)/1.05 var(--font-headline);letter-spacing:-.02em;color:var(--ink)}.result-card .result-figure.is-large{font-size:var(--fs-display)}.result-figure strong{font-weight:inherit}.result-card .result-detail{margin:0 0 2px;font:800 var(--fs-title)/1.15 var(--font-headline);color:var(--ink)}.result-card .result-detail.is-note{margin:0;font:500 var(--fs-body)/1.4 var(--font-body);color:var(--gray)}.result-percentile strong{display:inline-block;padding:0 9px;border-radius:var(--r-small);font-weight:800;font-variant-numeric:tabular-nums}.result-percentile.top strong{background:var(--pct-top-bg);color:var(--pct-top-ink)}.result-percentile.mid strong{background:var(--pct-mid-bg);color:var(--pct-mid-ink)}.result-percentile.low strong{background:var(--pct-low-bg);color:var(--pct-low-ink)}.result-card .result-streak{margin:0;display:flex;align-items:center;justify-content:center;gap:var(--sp-1);font:800 var(--fs-title-sm)/1.15 var(--font-headline);color:var(--ink)}.result-streak .site-icon{flex:none;width:22px;height:22px}.result-card .result-timer{margin:0;font:500 var(--fs-body)/1.4 var(--font-body);color:var(--gray)}.result-timer strong{font:800 var(--fs-body)/1.4 var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink)}.result-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);width:100%;margin:0}.result-action{flex:3 1 0;min-width:0;display:inline-flex;justify-content:center;align-items:center;min-height:48px;margin-bottom:var(--sp-1);font:700 var(--fs-body)/1.1 var(--font-interactive);text-align:center;text-decoration:none;white-space:normal}.result-card.is-compact .result-action{min-height:44px}.result-action.share{flex:2 1 0;background:var(--share-face);box-shadow:0 4px 0 var(--share-foot),0 4px 0 2.5px var(--line)}.result-action.share:active{box-shadow:0 1px 0 var(--share-foot),0 1px 0 2.5px var(--line)}@media(hover:hover)and (pointer:fine){.result-action.share:hover{background:var(--share-hover)}}.result-copy-hint{margin:0 0 var(--sp-1);font-size:var(--fs-caption)!important;font-weight:600!important}.result-copy-fallback:empty{display:none}.result-copy-fallback{width:100%}.result-color-compare{display:flex;justify-content:center;gap:var(--sp-4);width:100%;margin:var(--sp-2) 0 6px}.result-color-compare span{display:flex;flex-direction:column;align-items:center;gap:6px;font:600 var(--fs-small)/1.2 var(--font-body);color:var(--ink)}.result-color-compare i{display:block;width:140px;max-width:100%;height:48px;border:2.5px solid var(--line);border-radius:var(--r-small)}@keyframes result-enter{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:540px){.result-card h2{padding:0 32px;font-size:var(--fs-title-xl);white-space:nowrap}.result-head{padding:8px 0 11px}.result-card h2.is-long{font-size:26px}.result-close{top:8px;right:6px;border-width:7px;border-radius:calc(var(--r-small) + 7px)}.result-body{gap:var(--sp-6)}.result-card.is-compact .result-body{padding:var(--sp-3);gap:var(--sp-5)}.result-group{gap:var(--sp-1);font-size:var(--fs-small)}.result-portrait{margin-bottom:var(--sp-2)}.result-card .result-kicker,.result-card .result-quote,.result-card .result-timer,.result-timer strong{font-size:var(--fs-small)}.result-card .result-previous-note{font-size:var(--fs-small)!important}.result-action{min-height:44px;font-size:var(--fs-small)}.result-card.is-compact .result-action{min-height:40px}.result-color-compare{gap:var(--sp-3)}.result-color-compare span{flex:1 1 0;min-width:0}.result-color-compare i{width:100%}}@media(prefers-reduced-motion:reduce){.result-card{animation:none}}.legend{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-caption);color:var(--muted);align-items:center}.legend span{display:inline-flex;align-items:center;gap:var(--sp-2)}.sw{width:16px;height:16px;border-radius:var(--r-tiny);border:2px solid var(--line);display:inline-block}.board{overflow-x:auto;padding:2px var(--sp-1) var(--sp-3) 2px;margin:0 calc(-1 * var(--sp-1)) 0 -2px}.board.fitted{overflow-x:hidden}@media(max-width:540px){.board.fitted .grid{grid-template-columns:repeat(4,80px) 96px 80px;gap:var(--sp-1)}}.fit-btn{display:flex;align-items:center;gap:var(--sp-2);margin:var(--sp-2) auto 0;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);cursor:pointer;font:700 var(--fs-small)/1 var(--font-interactive);background:var(--cs-green);color:var(--cs-ink);border:2px solid var(--line);box-shadow:0 3px 0 var(--cs-green-edge),0 3px 0 2px var(--line);transition:transform .08s,box-shadow .08s,filter .12s}.fit-btn[hidden]{display:none}@media(hover:hover)and (pointer:fine){.fit-btn:hover{background:var(--primary-hover)}}.fit-btn:active{background:var(--primary-pressed);transform:translateY(2px);box-shadow:0 1px 0 var(--cs-green-edge),0 1px 0 2px var(--line)}.fit-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.fit-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.grid{display:grid;grid-template-columns:repeat(4,90px) 184px 90px;gap:var(--sp-2);width:max-content}.head{font-family:var(--font-headline);font-weight:700;font-size:var(--fs-caption);line-height:1.15;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-self:end;padding:0 2px 2px}.cell{font-family:var(--font-interactive);height:90px;border:2.5px solid var(--line);border-radius:var(--r-control);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--sp-2);font-weight:700;font-size:var(--fs-body);line-height:1.15;letter-spacing:.02em;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;overflow:hidden}.cell.char{position:relative;padding:0;overflow:hidden;display:block;background:var(--tile-backdrop);box-shadow:0 4px 0 var(--foot-shadow)}.cell.char .art{position:absolute;top:0;right:0;bottom:24px;left:0;display:grid;place-items:center;background:var(--tile-backdrop);background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--portrait-tint) 30%,var(--white)) 0 45%,var(--tile-backdrop) 46%)}.cell.char .tag{position:absolute;left:0;right:0;bottom:0;height:24px;display:grid;place-items:center;padding:2px var(--sp-1);white-space:nowrap;background:var(--line);color:var(--white);font-family:var(--font-interactive);font-size:14px;font-weight:700;line-height:1.05;text-align:center}.cell.c-teams .v,.cell.c-colour .v{white-space:pre-line;line-height:1.1}.cell.c-seasons.seasons-many{padding:var(--sp-1) 2px}.cell.c-seasons.seasons-many .v{line-height:1.05}.team-logo{height:1.5em;width:auto;max-width:100%;vertical-align:middle;object-fit:contain}.list-pop .team-logo{height:24px}button.cell{font-family:var(--font-interactive);cursor:pointer;width:100%}@media(hover:hover)and (pointer:fine){button.cell:hover{filter:brightness(1.08)}}button.cell:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.cell .more{display:inline-block;margin-top:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--r-pill);background:var(--white);color:var(--ink);border:1.5px solid var(--line);font-size:calc(.6em + 1px);text-shadow:none}.cell.c-teams .more{font-size:calc(.6em + 2px)}.list-pop{position:fixed;z-index:30;min-width:170px;max-width:min(320px,calc(100vw - 32px));background:var(--paper);color:var(--ink);border:3px solid var(--line);border-radius:var(--r-large);padding:var(--sp-2) var(--sp-3) var(--sp-3);box-shadow:0 6px 0 var(--foot-shadow)}.list-pop b{display:block;font-size:var(--fs-caption);color:var(--gray);font-weight:700;margin-bottom:2px}.list-pop ul{margin:0;padding-left:var(--sp-5);font-weight:700;font-size:var(--fs-body);line-height:1.2}.list-team-label{margin-left:var(--sp-2)}.cell.ok{background:var(--ok);color:var(--ok-ink);box-shadow:0 4px 0 var(--ok-edge)}.cell.part{background:var(--part);color:var(--part-ink);box-shadow:0 4px 0 var(--part-edge)}.cell.bad{background:var(--bad);color:var(--bad-ink);box-shadow:0 4px 0 var(--bad-edge)}.cell.ok .txt,.cell.part .txt,.cell.bad .txt,.name-card .name-card-label,.which-card.correct .which-name,.which-card.correct .which-num,.which-card.wrong .which-name,.which-card.wrong .which-num{text-shadow:-1px -1px 0 rgba(14,16,19,.75),1px -1px 0 rgba(14,16,19,.75),-1px 1px 0 rgba(14,16,19,.75),1px 1px 0 rgba(14,16,19,.75),0 2px 0 rgba(14,16,19,.75)}.cell{position:relative}.cell .txt{position:relative;z-index:1;display:block;width:100%}.bg-arrow{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);fill:var(--bad-edge);pointer-events:none}.bg-arrow.down{transform:rotate(180deg)}.cell .v{display:block}.flip{animation:flip .45s both}@keyframes flip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.pop{animation:pop .32s both}@keyframes pop{0%{transform:scale(.8)}70%{transform:scale(1.05)}to{transform:scale(1)}}.hint{color:var(--muted);font-size:15px;margin:0}footer{font-size:var(--fs-caption);color:var(--muted);line-height:1.55}footer p{margin:0;max-width:75ch}footer strong{color:var(--text)}@media(max-width:540px){.grid{grid-template-columns:repeat(4,80px) 136px 80px;gap:var(--sp-2)}.cell{height:80px;border-radius:var(--r-control)}.cell.c-teams .v{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;overflow-wrap:anywhere;line-height:1.15}.cell.c-teams .team-logo{height:32px}.list-pop .team-logo{height:36px}.cell.c-teams .more{font-size:var(--fs-caption);margin-top:var(--sp-1)}.cell.char .art svg{width:40px;height:40px}.panel{padding:var(--sp-5);border-radius:var(--r-large)}body.center.game:not(.multiplayer) .board-sec{width:calc(100% + 24px);margin-inline:calc(-1 * var(--sp-3))}}.cell.char.wrap-name .art{bottom:28px}.cell.char.wrap-name .tag{height:28px;white-space:normal;line-height:1;text-align:center}body.center header{flex-direction:column;align-items:center;text-align:center}body.center .modes{justify-content:center}body.center #play,body.center #result{width:100%;max-width:580px;align-self:center}body.center .row-top{flex-direction:column;align-items:center;text-align:center}body.center #play-actions,body.center #result .actions{justify-content:center}body.center #result{text-align:center}body.center #result .top{justify-content:center;text-align:left}body.center .board-sec{background:none;border:0;box-shadow:none;padding:0}body.center .board-sec .legend{order:3;align-self:center;justify-content:center;background:var(--ink);border:3px solid var(--line);border-radius:var(--r-control);padding:var(--sp-2) var(--sp-4)}body.center .board-sec .hint{order:2;align-self:center;background:var(--ink);color:var(--text);border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-4);text-align:center}body.center .grid{margin-inline:auto}body.center .head{color:var(--white);-webkit-text-stroke:4px var(--line);paint-order:stroke fill;font-size:var(--fs-small);text-align:center;letter-spacing:0;text-transform:none;border-bottom:3px solid var(--white);box-shadow:0 2px 0 var(--line);padding-bottom:var(--sp-2)}body.center footer{max-width:680px;align-self:center;text-align:center}body.center footer p{margin-inline:auto}body.home .wrap,body.game .wrap{gap:var(--sp-8)}body.home footer,body.game footer{margin-top:var(--sp-8)}.home-head{display:flex;flex-direction:column;align-items:center;text-align:center}.modes-list{width:100%;max-width:560px;align-self:center;display:flex;flex-direction:column;gap:var(--sp-4)}.choose{margin:var(--sp-1) 0 var(--sp-2);text-align:center;font-family:var(--font-headline);font-weight:700;font-size:var(--fs-title-lg);color:var(--white);-webkit-text-stroke:5px var(--line);paint-order:stroke fill}.mode-card{position:relative;display:flex;align-items:center;width:100%;min-height:119px;padding:var(--sp-4) var(--sp-4) var(--sp-4) 224px;overflow:hidden;border-radius:var(--r-large);background:var(--panel);border:3px solid var(--line);box-shadow:0 4px 0 var(--foot-shadow);color:var(--text);text-decoration:none;transition:transform .08s,box-shadow .08s,filter .15s}@media(hover:hover)and (pointer:fine){a.mode-card:hover{filter:brightness(1.12)}}a.mode-card:active{transform:translateY(3px);box-shadow:0 1px 0 var(--foot-shadow)}a.mode-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.mode-art{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;display:block;pointer-events:none}.mode-art-composed{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.mode-art-composed img{position:absolute;top:0;left:0;display:block;width:auto;height:119px;max-width:none}.mode-art-mobile-svg{display:none}.mode-text{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0;width:100%}.mode-text b{font:700 var(--fs-title)/26.4px var(--font-headline);color:var(--white)}.mode-text b .sound{font-size:.8em}.mode-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}.mode-chip{padding:2px var(--sp-2);border-radius:var(--r-pill);background:var(--panel-2);color:var(--muted);border:1px solid var(--line);font:600 var(--fs-caption)/16.8px var(--font-body)!important}.mode-chip-soon{color:var(--muted);border-style:dashed}.mode-text>span:not(.mode-chips){margin-top:2px;font:400 var(--fs-small)/21.75px var(--font-body);color:var(--muted)}.mode-card.soon{cursor:default;background:var(--disabled-face);border-color:var(--disabled-rim);box-shadow:0 4px 0 var(--foot-shadow);color:var(--disabled-text)}.mode-card.soon .mode-text b,.mode-card.soon .mode-text span{color:var(--disabled-text)}.mode-card.soon .mode-chip{background:var(--disabled-face);border-color:var(--disabled-rim);color:var(--disabled-text)}.mode-card.soon .mode-art{opacity:.5}.soon-tag{position:absolute;top:-10px;right:14px;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-pill);background:var(--paper);color:var(--ink);border:2px solid var(--line);font-size:var(--fs-tiny);font-weight:700;letter-spacing:.04em;text-transform:uppercase}@media(max-width:540px){.modes-list{max-width:400px}.mode-card{display:grid;align-items:stretch;grid-template-rows:minmax(0,1fr) auto;gap:var(--sp-3);min-height:0;aspect-ratio:325/216;padding:0 0 var(--sp-3)}.mode-card[data-mode=who-said-it]{gap:0}.mode-card[data-mode=who-said-it] .mode-art,.mode-card[data-mode=who-said-it] .mode-art-mobile-svg{overflow:visible}.mode-card[data-mode=which-one]{gap:var(--sp-2)}.mode-art{position:relative;inset:auto;width:calc(100% + 6px);margin:-3px -3px 0;min-height:0;overflow:hidden}.mode-art-composed{display:none}.mode-art-mobile-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden}body.home .mode-text{position:relative;margin:0 var(--sp-4);width:auto}body.home .mode-text b{font-size:var(--fs-title-lg);line-height:26.4px}body.home .mode-text>span:not(.mode-chips){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:350px){body.home .mode-text b{font-size:var(--fs-title-sm);line-height:25px}body.home .mode-text>span:not(.mode-chips){font-size:var(--fs-caption);line-height:20px}}.logo-row{display:flex;align-items:center;justify-content:center;gap:var(--sp-4)}.logo-row .icon-btn{flex:none}.icon-btn.bare{background:none;border:0;box-shadow:none;width:52px;height:52px}.icon-btn.bare .header-menu-icon{display:block;width:52px;height:52px;object-fit:contain;transition:transform .12s}@media(hover:hover)and (pointer:fine){.icon-btn.bare:hover .header-menu-icon{transform:translateY(-2px) scale(1.06)}}@media(prefers-reduced-motion:reduce){.icon-btn.bare .header-menu-icon{transition:none}}.game-head{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-6)}.logo-link{display:block;flex:none;text-decoration:none;transition:transform .18s ease}:is(.home .logo,a.logo,.proof-logo,.nf__logo){transition:transform .18s ease}@media(hover:hover)and (pointer:fine){:is(.logo-link,.home .logo,a.logo,.proof-logo,.nf__logo):hover{transform:scale(1.035)}}@media(prefers-reduced-motion:reduce){:is(.logo-link,.home .logo,a.logo,.proof-logo,.nf__logo){transition:none}}.icon-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-control);cursor:pointer;padding:0;background:var(--ink);border:2.5px solid var(--line);box-shadow:0 3px 0 var(--foot-shadow);color:var(--primary-face)}.icon-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover)and (pointer:fine){.icon-btn:not(.bare):hover{background:var(--panel-2)}}.icon-btn:active{transform:translateY(2px);box-shadow:none}.icon-btn:not(.bare):not(:disabled):not([aria-disabled=true]):active{box-shadow:0 1px 0 var(--foot-shadow)}.icon-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.game-tabs{position:relative;z-index:3;display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-2) var(--sp-4)}.game-tabs:before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;transform:translateY(-50%);z-index:0;background:var(--rope);border:2px solid var(--line);border-radius:var(--r-pill)}.game-tab{position:relative;z-index:1;width:66px;height:66px;display:grid;place-items:center;border-radius:var(--r-control);background:var(--off);color:var(--off-ink);border:3px solid var(--line);box-shadow:0 4px 0 var(--off-edge);text-decoration:none;transition:transform .1s,box-shadow .1s,filter .12s}.game-tab.on{background:var(--cs-green);color:var(--cs-ink);box-shadow:0 4px 0 var(--cs-green-edge)}.game-tab{padding:0}.game-tab.live,.game-tab.on{box-shadow:0 4px 0 var(--foot)}.game-tab img{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--r-control) - 3px);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.game-tab.soon img{filter:grayscale(1);opacity:.55}.game-tab.soon{cursor:default;background:var(--disabled-face);color:var(--disabled-text);border-color:var(--disabled-rim);box-shadow:0 4px 0 var(--disabled-foot)}@media(hover:hover)and (pointer:fine){.game-tab:not(.soon):hover{filter:brightness(1.06);transform:translateY(-2px)}.game-tab.on:hover{background:var(--primary-hover);filter:none}}.game-tab.on:active{background:var(--primary-pressed);filter:none}.game-tab:not(.soon):active{transform:translateY(3px);box-shadow:0 1px 0 var(--foot, var(--off-edge))}.game-tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:5px}.tab-label{position:absolute;top:calc(100% + var(--sp-3));left:50%;transform:translate(-50%);white-space:normal;pointer-events:none;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-small);background:var(--white);color:var(--ink);border:2.5px solid var(--line);font:600 var(--fs-caption)/1.2 var(--font);box-shadow:0 3px 0 var(--foot-shadow);opacity:0;transition:opacity .12s;z-index:50}.game-tab:focus-visible .tab-label{opacity:1}@media(hover:hover)and (pointer:fine){.game-tab:hover .tab-label{opacity:1}}.tab-label{width:max-content;max-width:calc(100vw - 48px);text-align:center}.game-tab:first-child .tab-label{left:0;transform:none}.game-tab:last-child .tab-label{left:auto;right:0;transform:none}.stat-bar{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--sp-2);row-gap:var(--sp-2);padding:var(--sp-1) var(--sp-2) var(--sp-2) var(--sp-4);border-radius:var(--r-large);background:var(--surface);border:2.5px solid var(--line);color:var(--text);box-shadow:0 6px 0 var(--foot-shadow)}.stat-bar.mode-bar{width:max-content;max-width:100%}@media(min-width:801px){.stat-bar.mode-bar{flex-wrap:nowrap}}@media(min-width:541px){body.game:has(.mode-bar) #play,body.game:has(.mode-bar) #result{width:var(--mode-bar-width, 580px);max-width:100%}}@media(min-width:541px)and (max-width:800px){.game-tabs{justify-content:space-between;width:100%;max-width:580px;gap:var(--sp-1);padding:var(--sp-2) 0}.stat-bar:not(.mode-bar){width:100%;max-width:580px}}.info{position:relative;top:2.5px;display:inline-flex;align-items:center;gap:var(--sp-1);padding:0 var(--sp-1);font:700 var(--fs-body)/1 var(--font);color:var(--white);font-variant-numeric:tabular-nums}.info svg{width:20px;height:20px}#stat-streak{gap:var(--sp-1);font-size:var(--fs-small)}.info .flame{width:24px;height:24px;margin:calc(-1 * var(--sp-1)) 0;fill:var(--flame-unlit)}.info.lit .flame{fill:var(--flame-lit);filter:drop-shadow(0 0 4px rgba(255,138,31,.7))}.info .trophy{width:24px;height:24px;margin:calc(-1 * var(--sp-1)) 0;color:var(--partial-face);fill:currentColor;flex:none}.info.spoil{font-size:var(--fs-small);font-weight:600;color:var(--muted)}.info.spoil b{color:var(--text);font-weight:700}#solved-num,#streak-num{font-family:var(--font-body);font-weight:700}.bar-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:36px;width:36px;border-radius:var(--r-control);cursor:pointer;background:var(--cs-green);color:var(--cs-ink);border:2px solid var(--line);box-shadow:0 3px 0 var(--cs-green-edge),0 3px 0 2px var(--line);transition:transform .08s,box-shadow .08s,filter .12s}@media(hover:hover)and (pointer:fine){.bar-btn:hover{background:var(--primary-hover)}}.bar-btn:active{background:var(--primary-pressed);transform:translateY(2px);box-shadow:0 1px 0 var(--cs-green-edge),0 1px 0 2px var(--line)}.bar-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.bar-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.bar-divider{position:relative;top:2.5px;width:2px;align-self:stretch;margin:var(--sp-1) var(--sp-2);background:var(--divider);border-radius:var(--r-tiny)}.bar-actions{display:inline-flex;align-items:center;gap:var(--sp-2);flex:none}.bar-actions .bar-divider{height:28px;align-self:center;margin:0 var(--sp-2)}.spoil{font-size:var(--fs-caption);color:var(--muted);white-space:nowrap}.spoil b{color:var(--text)}.stat-bar .bar-btn .tip{left:auto;right:0;transform:none}.logo-row .icon-btn:first-child .tip{left:0;transform:none}.logo-row .icon-btn:last-child .tip{left:auto;right:0;transform:none}.tip{position:absolute;top:calc(100% + var(--sp-3));left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-small);background:var(--white);color:var(--ink);border:2.5px solid var(--line);font:600 var(--fs-caption)/1.2 var(--font);box-shadow:0 3px 0 var(--foot-shadow);opacity:0;transition:opacity .12s;z-index:50}.bar-btn:focus-visible .tip,.icon-btn:focus-visible .tip{opacity:1}@media(hover:hover)and (pointer:fine){.bar-btn:hover .tip,.icon-btn:hover .tip{opacity:1}}.icon-btn{position:relative}.backup{display:flex;flex-direction:column;gap:var(--sp-3);padding-top:var(--sp-4);border-top:2px solid var(--divider)}.backup h3{margin:0;font-size:var(--fs-body)}.backup .actions{justify-content:center}.backup-paste{display:flex;flex-direction:column;gap:var(--sp-2)}.backup .sharebox{min-height:70px}.stats-dlg,.dlg{width:min(92vw,440px);color:var(--text);padding:var(--sp-5);border-radius:var(--r-large);box-shadow:0 6px 0 var(--foot-shadow);max-height:calc(100dvh - 24px);overflow-y:auto;text-align:center;background:var(--surface)}.stats-dlg:not([open]),.dlg:not([open]){display:none}.stats-dlg::backdrop,.dlg::backdrop{background:#0e10138c}.stats-dlg h2,.dlg h2{margin:0;font-size:var(--fs-title)}.dlg[open],.dlg-body{display:flex;flex-direction:column;gap:var(--sp-4)}.dlg h2:focus{outline:none}.pixel-box{gap:var(--sp-5)}.pixel-box .play-head{margin-bottom:var(--sp-1)}.pixel-frame{align-self:center;border-radius:var(--r-control);overflow:hidden;outline:1.5px solid var(--soft-outline)}.pixel-frame canvas{display:block;width:min(252px,66vw);height:auto;aspect-ratio:1;border-radius:var(--r-control);image-rendering:pixelated}.pixel-box .pixel-gray-row{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-control);align-self:center;width:min(252px,66vw);outline:1.5px solid var(--soft-outline)}.pixel-gray-row[hidden],.combo[hidden]{display:none}.color-box{gap:var(--sp-5)}.color-box .play-head{margin-bottom:var(--sp-1)}.color-stage{display:flex;align-items:center;justify-content:center;gap:var(--sp-6)}.color-frame{margin:0;flex:0 1 380px;min-width:0;border-radius:var(--r-control);overflow:hidden;outline:1.5px solid var(--soft-outline)}.color-frame canvas{display:block;width:100%;height:auto;max-height:56vh;object-fit:contain;border-radius:var(--r-control)}.color-stage:not(.is-comparing){--color-visual-width:min(360px, 55vh);--color-visual-height:min(288px, 44vh);align-items:stretch}.color-stage:not(.is-comparing) .color-frame{flex:0 0 var(--color-visual-width);width:var(--color-visual-width);height:var(--color-visual-height);display:grid;place-items:center;background:var(--panel-2)}.color-stage:not(.is-comparing) .color-frame canvas{height:100%;max-height:none}.color-stage:not(.is-comparing) .color-controls{height:var(--color-visual-height);min-width:0;justify-content:center}.color-stage[hidden],.color-controls[hidden],.color-frame[hidden],.color-frame figcaption[hidden]{display:none}.color-frame figcaption{text-align:center;font-size:var(--fs-body);font-weight:700;color:var(--white);margin:0 0 var(--sp-2)}.color-stage.is-comparing{align-items:stretch}.color-stage.is-comparing .color-frame{flex:1 1 0;max-width:380px}.color-controls{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.color-sliders{display:flex;gap:var(--sp-4);flex:1;min-height:0}.cs-slider{display:flex;flex-direction:column;align-items:center;height:100%}.cs-track{--thumb-radius:14px;position:relative;width:36px;height:100%;border-radius:var(--r-pill);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.cs-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1.5px solid var(--soft-outline);background-color:var(--panel-2);background-image:var(--slider-gradient);background-clip:padding-box;box-shadow:inset 0 0 0 1px #ffffff24;pointer-events:none}.cs-track:focus,.cs-track:focus-visible{outline:none}.cs-thumb{position:absolute;z-index:1;left:50%;width:28px;height:28px;margin:0;transform:translate(-50%,-50%);border-radius:50%;background:var(--white);box-shadow:0 2px 3px #0e10131f,0 0 0 1.25px var(--foot-shadow);pointer-events:none}.color-sliders.is-disabled .cs-track{cursor:default;opacity:.55}.color-submit{align-self:center}.color-empty{text-align:center}.color-dot{display:inline-block;width:18px;height:18px;border-radius:50%;border:3px solid var(--line);vertical-align:-2px}@media(max-width:760px){.color-stage{flex-direction:column;gap:var(--sp-4)}.color-stage:not(.is-comparing){align-items:stretch}.color-stage:not(.is-comparing) .color-frame{width:100%;height:auto;aspect-ratio:5/4;flex:none}.color-stage:not(.is-comparing) .color-controls{width:100%;height:auto;flex:none;gap:var(--sp-2)}.color-sliders{flex:none;flex-direction:column;width:100%;height:auto;gap:var(--sp-2)}.cs-slider{width:100%;height:auto}.cs-track{width:100%;height:44px;border-radius:var(--r-pill)}.cs-track:before{top:7px;right:0;bottom:7px;left:0;border-radius:var(--r-pill)}.color-frame{flex:none;width:min(100%,40vh)}.color-stage.is-comparing{align-items:center}.color-stage.is-comparing .color-frame{flex:none;width:min(100%,40vh)}}.try-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}.try-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--r-control);background:var(--bad);border:2.5px solid var(--line);box-shadow:0 4px 0 var(--bad-edge)}.try-art{position:relative;display:block;width:72px;height:72px;border-radius:var(--r-control);overflow:hidden;border:2.5px solid var(--line);background:var(--tile-backdrop)}.try-art .art{position:absolute;top:0;right:0;bottom:0;left:0}.try-art .tag{display:none}.try-name{color:var(--white);font-weight:700;font-size:var(--fs-title-sm);-webkit-text-stroke:3px var(--line);paint-order:stroke fill}body.center .tries{width:100%;max-width:580px;align-self:center}.quote-card{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.quote-text{margin:0;width:100%;padding:var(--sp-5);border-radius:var(--r-large);background:var(--panel-2);border:3px solid var(--line);font-weight:500;font-size:clamp(var(--fs-title-sm),4.6vw,var(--fs-title));line-height:1.3;color:var(--white);text-align:center;text-wrap:balance;overflow-wrap:anywhere}.quote-speaker{display:flex;align-items:center;gap:var(--sp-3);font-weight:700;font-size:var(--fs-title-sm);color:var(--green)}.quote-speaker .art-swap{border-radius:var(--r-control);overflow:hidden;border:2.5px solid var(--line);background:var(--tile-backdrop)}.audio-player{display:flex;align-items:center;gap:var(--sp-3);width:100%;max-width:440px}.play-btn{flex:none;display:grid;place-items:center;width:58px;height:58px;padding:0;border-radius:50%;cursor:pointer;background:var(--cs-green);color:var(--cs-ink);border:2.5px solid var(--line);box-shadow:0 4px 0 var(--cs-green-edge),0 4px 0 2.5px var(--line);transition:transform .08s,box-shadow .08s}.play-btn svg{width:28px;height:28px;fill:currentColor}.play-btn .i-pause,.audio-player.playing .i-play{display:none}.audio-player.playing .i-pause{display:block}@media(hover:hover)and (pointer:fine){.play-btn:hover{background:var(--primary-hover)}}.play-btn:active{background:var(--primary-pressed);transform:translateY(3px);box-shadow:0 1px 0 var(--cs-green-edge),0 1px 0 2.5px var(--line)}.play-btn:focus-visible,.audio-track:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.play-btn:disabled{cursor:default;transform:none}.audio-track{flex:1;height:14px;border-radius:var(--r-pill);overflow:hidden;cursor:pointer;background:var(--panel-2);border:2px solid var(--line)}.audio-track i{display:block;height:100%;width:0;background:var(--green)}.audio-time{flex:none;min-width:84px;text-align:right;font-weight:600;font-size:var(--fs-body);color:var(--muted);font-variant-numeric:tabular-nums}.audio-player.broken .audio-time{color:var(--bad)}.quote-empty{margin:0;text-align:center;font-size:var(--fs-body);color:var(--muted)}@media(max-width:540px){.play-btn{width:52px;height:52px}.audio-time{min-width:74px;font-size:var(--fs-small)}}.name-box .play-head h2{text-wrap:balance}.name-start{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center}.name-start p{margin:0;max-width:48ch}.name-live{display:flex;flex-direction:column;gap:var(--sp-3)}.name-clock{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.clock-time{font-weight:700;font-size:var(--fs-number);line-height:1;color:var(--white);font-variant-numeric:tabular-nums}.clock-time.low{color:var(--bad)}.clock-count{font-weight:600;font-size:var(--fs-body);color:var(--muted)}.clock-bonus{position:absolute;left:92px;top:0;font-weight:700;font-size:var(--fs-title-sm);color:var(--green);opacity:0;pointer-events:none}.clock-bonus.show{animation:bonus .9s ease-out}@keyframes bonus{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.clock-bar{height:12px;border-radius:var(--r-pill);background:var(--panel-2);border:2px solid var(--line);overflow:hidden}.clock-bar i{display:block;height:100%;width:100%;background:var(--green);transition:width .2s linear}.name-feedback:empty{display:none}.name-feedback{margin:0;text-align:center;font-weight:600;font-size:var(--fs-body);color:var(--muted)}.name-feedback.good{color:var(--ok)}.name-feedback.bad{color:var(--bad)}.combo.shake{animation:shake .35s}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}body.game .name-found{width:100%;max-width:580px;align-self:center}.name-found h3{margin:0 0 var(--sp-3);text-align:center;font-size:var(--fs-title-sm);color:var(--text)}.name-reveal{align-self:center}.name-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:var(--sp-3)}.name-group-label{grid-column:1 / -1;margin-top:var(--sp-2);color:var(--text);font-size:var(--fs-small);font-weight:700;text-align:left}.name-group-label:first-child{margin-top:0}.name-group-label b{font-variant-numeric:tabular-nums;color:var(--muted)}.name-card{display:flex;align-items:center;gap:var(--sp-2);min-height:56px;padding:var(--sp-2);border:2px solid var(--line);border-radius:var(--r-control);font-size:var(--fs-small);font-weight:700;line-height:1.15;overflow-wrap:anywhere;box-shadow:0 3px 0 var(--foot-shadow)}.name-card .art-swap{flex:none;border-radius:var(--r-control);overflow:hidden;background:var(--tile-backdrop)}.name-card.correct{background:var(--ok);color:var(--white);box-shadow:0 3px 0 var(--ok-edge)}.name-card .name-card-label{color:var(--white)}.name-card.revealed{background:var(--wrong-soft);color:var(--white)}.name-card.wrong{background:var(--bad);color:var(--white);box-shadow:0 3px 0 var(--bad-edge)}.name-card.pop{animation:pop .35s ease-out}.name-card.reveal-pop{animation:name-reveal .35s ease-out var(--reveal-delay) both}@keyframes name-reveal{0%{visibility:hidden;opacity:0;transform:scale(.8)}1%{visibility:visible}70%{opacity:1;transform:scale(1.05)}to{visibility:visible;opacity:1;transform:scale(1)}}@media(max-width:420px){.name-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.clock-bonus.show,.combo.shake,.name-card.pop,.name-card.reveal-pop{animation:none}}.which-streak{margin:0;text-align:center;font-weight:600;font-size:var(--fs-body);color:var(--white)}.which-streak b{display:inline-block;margin-left:var(--sp-1);padding:0 var(--sp-1);font-size:var(--fs-title);font-weight:800;color:var(--focus)}.which-row{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--sp-4)}.which-card{flex:1;max-width:220px;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-3);border:3px solid var(--line);border-radius:var(--r-control);background:var(--panel-2);box-shadow:0 4px 0 var(--foot-shadow);text-align:center;font:inherit;color:var(--text);cursor:pointer}@media(hover:hover)and (pointer:fine){.which-card:not(:disabled):hover{background:var(--surface-hover)}}.which-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.which-card.selected{outline:3px solid var(--focus);outline-offset:0}.which-card:disabled{cursor:default;opacity:1}.which-card:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--foot-shadow)}.which-feedback{margin:0;text-align:center;font-weight:600;color:var(--text)}.which-icon{position:relative;display:block;width:96px;height:96px;border-radius:var(--r-control);overflow:hidden;border:3px solid var(--line);background:var(--tile-backdrop)}.which-icon .art{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--portrait-tint) 30%,var(--white)) 0 45%,var(--tile-backdrop) 46%)}.which-icon .tag{display:none}.which-name{font-weight:700;font-size:var(--fs-body);color:var(--white);overflow-wrap:anywhere}.which-num{font-weight:700;font-size:var(--fs-title);font-variant-numeric:tabular-nums;color:var(--focus)}.which-card.which-hidden .which-num{color:var(--muted)}.which-num.spinning{display:inline-block;animation:which-spin .3s ease-in-out infinite}@keyframes which-spin{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.which-num.spinning{animation:none}}.which-card.correct{background:var(--ok);box-shadow:0 4px 0 var(--ok-edge)}.which-card.correct .which-name{color:var(--white)}.which-card.wrong{background:var(--bad);box-shadow:0 4px 0 var(--bad-edge)}.which-card.wrong .which-name{color:var(--bad-ink)}.which-vs{font-weight:700;font-size:var(--fs-small);color:var(--muted)}.which-actions{justify-content:center}@media(max-width:420px){.which-row{gap:var(--sp-2)}.which-card{padding:var(--sp-3) var(--sp-2)}.which-icon{width:76px;height:76px}.which-name{font-size:var(--fs-small)}.which-num{font-size:var(--fs-title-sm)}}.setting{display:flex;flex-direction:column;gap:var(--sp-2)}.setting h3{margin:0;font-size:var(--fs-body)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-control);background:var(--panel-2);text-align:left;font-weight:600;cursor:pointer}.switch-input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.switch{flex:none;position:relative;width:52px;height:30px;border-radius:var(--r-pill);background:var(--disabled-foot);box-shadow:inset 0 -2px 0 var(--disabled-rim),inset 0 0 0 1px #ffffff24;outline:1px solid var(--soft-outline);transition:background .15s,box-shadow .15s}.switch-input:checked+.switch{background:var(--primary-face);box-shadow:inset 0 -2px 0 var(--primary-foot),inset 0 0 0 1px #ffffff24}.switch:after{content:"";box-sizing:border-box;position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--white);box-shadow:0 2px 3px #0e10131f,0 0 0 1.25px #0e101366;transition:transform .15s}.switch-input:checked+.switch:after{transform:translate(22px)}.switch-input:focus-visible+.switch{outline:2px solid var(--focus-ring);outline-offset:3px}.lang-list{display:flex;flex-direction:column;gap:var(--sp-3)}.lang-opt{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-control);cursor:pointer;font:700 var(--fs-body)/1 var(--font-interactive);background:var(--panel-2);color:var(--text);border:2.5px solid var(--line);text-align:left}.lang-opt.on{background:var(--green);color:var(--green-ink);box-shadow:0 3px 0 var(--green-edge),0 3px 0 2px var(--line)}@media(hover:hover)and (pointer:fine){.lang-opt:hover:not(:disabled){background:var(--primary-hover)}}.lang-opt:active:not(:disabled){background:var(--primary-pressed)}.lang-opt.on:active:not(:disabled){box-shadow:0 1px 0 var(--green-edge),0 1px 0 2px var(--line)}.lang-opt:disabled{cursor:default}.lang-opt:disabled .lang-soon,.mode-card.soon .soon-tag{background:var(--disabled-face);color:var(--disabled-text);border-color:var(--disabled-rim)}.lang-opt:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.lang-mark{font-size:var(--fs-title-sm)}.lang-mark .site-icon{width:20px;height:20px;vertical-align:middle}.lang-soon{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:var(--paper);color:var(--ink);border:2px solid var(--line);font-size:var(--fs-caption);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.dlg.stats-dlg{--stats-inset:calc(var(--sp-3) + var(--sp-2));width:min(500px,calc(100vw - var(--sp-6) - env(safe-area-inset-left) - env(safe-area-inset-right)));max-width:none;max-height:calc(100dvh - var(--sp-6) - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:var(--stats-inset);overflow:hidden;text-align:left;gap:var(--sp-4);font-variant-numeric:tabular-nums}.stats-dlg .dlg-body,#settings-dlg .stats-transfer-view{gap:var(--sp-4);min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -3px;padding:0 3px var(--sp-2)}.stats-header{flex:none;position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:var(--sp-2);align-items:start;text-align:center;min-height:34px}.stats-header>div{grid-column:2}:is(.stats-dlg,#settings-dlg) .stats-header h2{font:700 var(--fs-title)/1.2 var(--font-headline);margin:0}.stats-game{margin:var(--sp-1) 0 var(--sp-1);color:var(--muted);font:600 var(--fs-caption)/1.2 var(--font-body)}.stats-mode-tabs,.stats-dlg .range-chips{display:flex;flex:none;padding:var(--sp-1);gap:2px;border-radius:calc(var(--r-control) + var(--sp-1));background:var(--ink);box-shadow:inset 0 1px 3px var(--foot-shadow)}.stats-mode-tabs{height:44px}.stats-mode-tabs button,.stats-dlg .range-chip{position:relative;min-width:0;border:2px solid transparent;border-radius:var(--r-control);background:transparent;color:var(--muted);font:700 var(--fs-small)/1 var(--font-interactive);cursor:pointer}.stats-mode-tabs button{flex:1}.stats-mode-tabs button[aria-pressed=true],.stats-dlg .range-chip[aria-pressed=true]{border-color:var(--ink);background:var(--primary-face);color:var(--ink);box-shadow:0 3px 0 var(--primary-foot),0 3px 0 2px var(--ink)}.stats-mode-tabs button[aria-pressed=true]:active,.stats-dlg .range-chip[aria-pressed=true]:active{transform:translateY(2px);box-shadow:0 1px 0 var(--primary-foot),0 1px 0 2px var(--ink)}.stats-summary{display:flex;flex-direction:column;gap:var(--sp-4)}.stats-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.stats-tiles-single{grid-template-columns:1fr}.stats-dlg .stat-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-1);border:0;border-radius:var(--r-control);background:var(--panel-2);text-align:center}.stat-value{display:flex;justify-content:center;align-items:center;gap:var(--sp-1);min-width:0;max-width:100%}.stats-dlg .stat-cell b{font:700 var(--fs-title)/1.1 var(--font-headline);overflow-wrap:anywhere;min-width:0}.stats-dlg .stat-cell>span{font:600 var(--fs-caption)/1.15 var(--font-body);color:var(--muted)}.stats-dlg .stat-cell.is-best b{color:var(--focus)}.stats-dlg .stat-cell.is-empty b{color:var(--chart-axis)}.stats-flame{display:flex;flex:none;color:var(--flame-unlit)}.stats-flame.is-lit{color:var(--flame-lit)}.stats-flame svg{width:20px;height:20px;fill:currentColor}.stats-history-note{margin:0;color:var(--muted);font:600 var(--fs-tiny)/1.3 var(--font-body)}.stats-chart{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-3);border-radius:var(--r-control);background:var(--panel-2)}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2)}.chart-head>div:first-child{min-width:0}.stats-dlg .chart-head h3{margin:0;font:700 var(--fs-body)/1.2 var(--font-headline)}.stats-chart-caption,.stats-chart-average{margin:var(--sp-1) 0 0;color:var(--muted);font:600 var(--fs-caption)/1.2 var(--font-body)}.stats-chart-average{margin-bottom:var(--sp-1);display:flex;align-items:center;gap:var(--sp-2);color:var(--chart-label)}.stats-average-swatch{width:16px;border-top:2px dashed var(--chart-avg)}.stats-dlg .range-chips{height:36px;align-self:center}.stats-dlg .range-chip{padding:0 var(--sp-2);font-size:var(--fs-caption)}.chart-wrap{position:relative;flex:none;min-width:0}.stats-bars{height:168px;display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-2)}.stats-bar-plot{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sp-2);height:124px;flex:none;border-bottom:2px solid var(--chart-axis)}.stats-average-line{position:absolute;z-index:0;left:0;right:0;border-top:2px dashed var(--chart-avg);pointer-events:none}.stats-bar-hit{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;min-width:0;height:100%;padding:0;border:0;border-radius:var(--r-tiny) var(--r-tiny) 0 0;background:transparent;color:var(--text);cursor:pointer}.stats-bar{flex:none;width:100%;background:var(--secondary-face);border-radius:var(--r-tiny) var(--r-tiny) 0 0}.stats-bar.is-best{background:var(--focus)}.stats-bar-hit.is-today .stats-bar{outline:2px solid var(--primary-face);outline-offset:-2px}.stats-bar-value{flex:none;height:20px;font:700 var(--fs-caption)/20px var(--font-headline);text-align:center;text-shadow:0 0 2px var(--panel-2),0 0 3px var(--panel-2)}.stats-bar-value.is-best{color:var(--focus)}.stats-bar-ghost{height:36px;flex:none;border:2px solid var(--primary-face);border-bottom:0;border-radius:var(--r-tiny) var(--r-tiny) 0 0}.stats-bar-hit.is-active{background:var(--surface-hover)}.stats-bar-hit.is-active .stats-bar{background:var(--secondary-foot)}.stats-bar-hit.is-active .stats-bar.is-best{background:var(--share-foot)}.stats-bar-hit:focus-visible{outline:none}.stats-bar-labels{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sp-2);color:var(--muted);font:600 var(--fs-tiny)/1.1 var(--font-body);text-align:center}.stats-bar-labels>span{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.stats-date-short{display:none}.stats-bar-labels strong{color:var(--text);font:700 var(--fs-caption)/1.1 var(--font-headline)}.stats-bar-labels .is-today,.stats-bar-labels .is-today strong{color:var(--primary-face)}.stats-bars-month .stats-bar-plot{grid-template-columns:repeat(30,minmax(0,1fr));gap:0}.stats-bars-month .stats-bar-hit{align-items:center}.stats-bars-month .stats-bar,.stats-bars-month .stats-bar-ghost{width:8px;max-width:100%}.stats-bars-month .stats-bar-ghost{height:28px}.stats-bars-month .stats-bar-labels{position:relative;display:block;height:20px}.stats-bars-month .stats-date-tick{position:absolute;left:var(--tick);transform:translate(-50%)}.stats-bars-month .stats-date-tick:first-child{left:0;transform:none}.stats-bars-month .stats-date-tick:last-child{left:auto;right:0;transform:none}.stats-calendar{display:flex;flex-direction:column;gap:var(--sp-2)}.stats-month-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-bottom:var(--sp-1);font:700 var(--fs-small)/1.2 var(--font-interactive)}.stats-month-title{flex:1;min-width:0;min-height:28px;border:0;border-radius:var(--r-control);padding:0 var(--sp-2);background:transparent;color:var(--text);font:700 var(--fs-small)/1.2 var(--font-interactive);cursor:pointer}.stats-month-title[aria-expanded=true]{background:var(--surface-hover)}.bar-btn.sm{flex:none;width:28px;height:28px;padding:0;border-radius:var(--r-small);background:var(--primary-face);color:var(--ink);border-color:var(--ink);box-shadow:0 3px 0 var(--primary-foot),0 3px 0 2px var(--ink)}.bar-btn.sm svg{width:16px;height:16px}.bar-btn.sm:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--primary-foot),0 1px 0 2px var(--ink)}.stats-small-button{flex:none;padding:0;border:2px solid var(--ink);border-radius:var(--r-control);color:var(--ink);font:700 var(--fs-body)/1.2 var(--font-interactive);cursor:pointer}.stats-small-button:active:not(:disabled){transform:translateY(2px)}.stats-small-button:disabled,.bar-btn.sm:disabled{background:var(--disabled-face);color:var(--disabled-text);border-color:var(--disabled-rim);box-shadow:0 3px 0 var(--disabled-foot),0 3px 0 2px var(--disabled-rim);cursor:default;transform:none}.stats-this-month{height:28px;padding:0 var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-caption);background:var(--primary-muted-face);box-shadow:0 2px 0 var(--primary-muted-foot),0 2px 0 2px var(--ink)}.stats-this-month:active{box-shadow:0 1px 0 var(--primary-muted-foot),0 1px 0 2px var(--ink)}.stats-calendar-content{height:calc(var(--calendar-rows) * 36px + (var(--calendar-rows) - 1) * var(--sp-1) + var(--fs-caption) * 1.2 + var(--sp-2));display:flex;flex-direction:column;gap:var(--sp-2)}.stats-weekdays,.stats-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sp-1)}.stats-weekdays{text-align:center;color:var(--muted);font:600 var(--fs-caption)/1.2 var(--font-body)}.stats-calendar-grid{grid-auto-rows:36px}.stats-calendar-cell{min-width:0;padding:0;border:0;border-radius:var(--r-small);background:var(--surface);color:var(--muted);font:600 var(--fs-tiny)/1 var(--font-body);cursor:pointer}.stats-calendar-cell.is-played{background:var(--secondary-face);color:var(--ink);font:700 var(--fs-small)/1 var(--font-headline)}.stats-calendar-cell.is-best{background:var(--focus)}.stats-calendar-cell.is-today{outline:2px solid var(--primary-face);outline-offset:-2px}.stats-calendar-cell.is-today:not(.is-played){outline-style:solid;color:var(--primary-face)}.stats-calendar-cell.is-active{background:var(--surface-hover)}.stats-calendar-cell.is-played.is-active{background:var(--secondary-foot)}.stats-calendar-cell.is-best.is-active{background:var(--share-foot)}.stats-calendar-cell:disabled{opacity:.45;cursor:default}.stats-picker-grid{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:var(--sp-2);padding:0 2px var(--sp-1)}.stats-month-option{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);background:var(--primary-muted-face);box-shadow:0 3px 0 var(--primary-muted-foot),0 3px 0 2px var(--ink)}.stats-month-option span{font:600 var(--fs-tiny)/1 var(--font-body)}.stats-month-option.is-selected:not(:disabled){background:var(--primary-face);box-shadow:0 3px 0 var(--primary-foot),0 3px 0 2px var(--ink)}.stats-month-option:active:not(:disabled){box-shadow:0 1px 0 var(--primary-muted-foot),0 1px 0 2px var(--ink)}.stats-month-option.is-selected:active:not(:disabled){box-shadow:0 1px 0 var(--primary-foot),0 1px 0 2px var(--ink)}.stats-chart-tip{position:absolute;z-index:4;width:196px;padding:var(--sp-2) var(--sp-3) var(--sp-3);background:var(--white);color:var(--ink);border:3px solid var(--ink);border-radius:var(--r-large);box-shadow:0 6px 0 var(--foot-shadow);pointer-events:none;text-align:left}.stats-tip-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);color:var(--gray);font:600 var(--fs-caption)/1.2 var(--font-body)}.stats-tip-result{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-1) var(--sp-2);margin-top:var(--sp-1);color:var(--gray);font:600 var(--fs-caption)/1.2 var(--font-body)}.stats-tip-result strong{color:var(--ink);font:700 var(--fs-body)/1.2 var(--font-headline)}.stats-best-pill{flex:none;padding:2px var(--sp-2);border:1.5px solid var(--ink);border-radius:var(--r-pill);background:var(--focus);color:var(--ink);font:700 var(--fs-tiny)/1.2 var(--font-interactive)}.stats-dlg .stats-play{width:100%;min-height:48px;font-size:var(--fs-body);margin-bottom:var(--sp-1)}.stats-backup{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) 0 var(--sp-1)}.stats-backup>div{min-width:0}.stats-backup h3{margin:0;font:600 var(--fs-small)/1.2 var(--font-body)}.stats-backup .stats-note{margin-top:var(--sp-1)}.btn.secondary{background:var(--secondary-face);color:var(--ink);box-shadow:0 4px 0 var(--secondary-foot),0 4px 0 2.5px var(--ink)}.btn.secondary:active:not(:disabled){background:var(--secondary-foot);box-shadow:0 1px 0 var(--secondary-foot),0 1px 0 2.5px var(--ink)}.stats-backup .stats-move,.transfer-input .btn{flex:none;height:36px;min-height:36px;padding:0 var(--sp-3);border-width:2px;font-size:var(--fs-small);box-shadow:0 3px 0 var(--secondary-foot),0 3px 0 2px var(--ink)}.stats-backup .stats-move:active,.transfer-input .btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--secondary-foot),0 1px 0 2px var(--ink)}.transfer-back{position:relative;width:34px;height:34px;padding:0;border:2px solid var(--ink);border-radius:var(--r-small);background:var(--panel-2);color:var(--white);cursor:pointer}.transfer-back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.transfer-step{display:flex;flex-direction:column;gap:0;padding:var(--sp-3);border-radius:var(--r-control);background:var(--panel-2)}.transfer-step>*+*{margin-top:var(--sp-2)}.transfer-step h3+*,.transfer-step h3+.stats-note+*{margin-top:var(--sp-1)}:is(.stats-dlg,#settings-dlg) .stats-note{line-height:1.2}.transfer-step h3{display:flex;align-items:center;gap:var(--sp-2);margin:0;font:700 var(--fs-title-sm)/1.2 var(--font-headline)}.transfer-number{display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--ink);border-radius:50%;background:var(--secondary-face);color:var(--ink);font:700 var(--fs-caption)/1 var(--font-interactive)}.transfer-code{width:100%;min-width:0;padding:var(--sp-2) var(--sp-3);border:0;border-radius:var(--r-small);background:var(--ink);color:var(--muted);font:400 var(--fs-caption)/1.4 ui-monospace,Menlo,monospace;text-overflow:ellipsis}.transfer-step>.btn{min-height:48px;margin-bottom:var(--sp-1);font-size:var(--fs-body)}.transfer-input{display:flex;align-items:center;gap:var(--sp-2);height:48px;padding:0 var(--sp-1) 0 var(--sp-3);border:3px solid var(--ink);border-radius:var(--r-control);background:var(--white)}.transfer-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:400 var(--fs-caption)/1.4 ui-monospace,Menlo,monospace}.transfer-input input::placeholder{color:var(--gray);opacity:1}.transfer-input .btn{height:32px;min-height:32px;margin-bottom:var(--sp-1);padding-inline:var(--sp-2)}html:not([data-input=pointer]) .transfer-input:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px}.stats-dlg button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.stats-dlg .stats-bar-hit:focus-visible{outline:none;background:var(--surface-hover)}@media(hover:hover)and (pointer:fine){.stats-mode-tabs button:hover,.stats-dlg .range-chip:hover{background:var(--surface-hover)}.stats-mode-tabs button[aria-pressed=true]:hover,.stats-dlg .range-chip[aria-pressed=true]:hover{background:var(--primary-hover)}.btn.secondary:hover:not(:disabled){background:var(--secondary-foot)}.bar-btn.sm:hover:not(:disabled){background:var(--primary-foot)}.stats-month-title:hover,.transfer-back:hover{background-color:var(--surface-hover)}.stats-month-option:hover:not(:disabled),.stats-this-month:hover{background:var(--primary-muted-foot)}.stats-month-option.is-selected:hover:not(:disabled){background:var(--primary-hover)}}@media(max-width:540px){.btn{min-height:44px;font-size:var(--fs-small);padding-inline:var(--sp-4)}.chart-head{flex-direction:column;align-items:stretch;gap:var(--sp-3)}.stats-dlg .range-chips{align-self:flex-start}.stats-backup{flex-direction:column;align-items:stretch}.stats-backup .stats-move{align-self:flex-start}.stats-month-nav{flex-wrap:wrap}.stats-this-month{margin-left:auto}.stats-bar-labels strong{font-size:var(--fs-tiny)}.stats-date-full{display:none}.stats-date-short{display:inline}}.stats-note{margin:0;font-size:var(--fs-caption);color:var(--muted)}.pill-toggle{display:inline-flex;height:39px;border-radius:var(--r-control);overflow:hidden;background:var(--ink);border:2px solid var(--line)}.pt-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--sp-4);border:0;cursor:pointer;font:700 var(--fs-small)/1 var(--font-interactive);background:var(--ink);color:var(--disabled-foot);transition:filter .12s}.pt-btn+.pt-btn{border-left:2px solid var(--line)}@media(hover:hover)and (pointer:fine){.pt-btn[aria-pressed=false]:hover{background:var(--panel-2);color:var(--white)}}@media(hover:hover)and (pointer:fine){.pt-btn[aria-pressed=true]:hover{background:var(--primary-hover)}}.pt-btn[aria-pressed=true]:active{background:var(--primary-pressed)}.pt-btn{box-shadow:inset 0 -4px 0 var(--ink);padding-bottom:var(--sp-1)}.pt-btn[aria-pressed=true]{background:var(--green);color:var(--green-ink);cursor:default;box-shadow:inset 0 -4px 0 var(--green-edge)}.pt-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px}.stat-bar>.pill-toggle{height:48px;border-radius:var(--r-pill);overflow:visible;padding:var(--sp-1);border-color:var(--surface);gap:2px;transform:translateY(2px);box-shadow:inset 0 1px 3px #000000a6,0 1px #ffffff1f}.stat-bar>.pill-toggle>.pt-btn{border:2px solid transparent;border-radius:var(--r-pill);padding-bottom:0;background:transparent;box-shadow:none;transition:transform .08s,box-shadow .08s,background .15s}.stat-bar>.pill-toggle>.pt-btn[aria-pressed=true]{border-color:var(--ink);background:var(--primary-face);cursor:pointer;box-shadow:0 3px 0 var(--primary-foot),0 3px 0 2px var(--ink)}@media(hover:hover)and (pointer:fine){.stat-bar>.pill-toggle>.pt-btn[aria-pressed=true]:hover{background:var(--primary-hover)}}.stat-bar>.pill-toggle>.pt-btn[aria-pressed=true]:active{background:var(--primary-pressed);transform:translateY(3px);box-shadow:0 1px 0 var(--primary-foot),0 1px 0 2px var(--ink)}.stat-bar>.pill-toggle>.pt-btn:focus-visible{outline-offset:2px}body.game .play-box,body.game #result{width:100%;max-width:580px;align-self:center}.play-head{text-align:center;margin-bottom:var(--sp-1)}.play-head h2{margin:0;font-weight:700;font-size:clamp(var(--fs-title),5.5vw,var(--fs-title-lg));line-height:1.15;letter-spacing:.01em;color:var(--white)}.intro-sub{margin:var(--sp-2) 0 0;font-size:var(--fs-small);color:var(--muted)}.yesterday{margin:calc(-1 * var(--sp-2)) 0 0;text-align:center;font-weight:600;font-size:var(--fs-body);color:var(--white);text-shadow:-1px -1px 0 rgba(14,16,19,.75),1px -1px 0 rgba(14,16,19,.75),-1px 1px 0 rgba(14,16,19,.75),1px 1px 0 rgba(14,16,19,.75),0 2px 0 rgba(14,16,19,.75)}.yesterday b{color:var(--focus);font-weight:800}dialog .dlg-close{width:34px;height:34px;top:var(--sp-5);right:var(--sp-5);border-radius:var(--r-small)}.dlg:not(.stats-dlg)>h2{margin-inline:calc(34px + var(--sp-2));min-height:34px}:is(.stats-dlg,#settings-dlg) .stats-header .dlg-close{position:relative;grid-column:3;top:auto;right:auto;width:34px;height:34px;border:2px solid var(--ink);border-radius:var(--r-small);background:var(--panel-2);color:var(--white)}.howto-close{position:absolute;top:var(--sp-5);right:var(--sp-5);width:34px;height:34px;border-radius:var(--r-small);cursor:pointer;display:grid;place-items:center;background:var(--panel-2);color:var(--white);border:2px solid var(--line);font-size:0;transition:background .15s}.md-notice-close{position:relative;cursor:pointer}:is(.howto-close,.dlg-close,.md-notice-close):is(button){border-radius:var(--r-small);font-size:0}:is(.howto-close,.dlg-close,.md-notice-close):is(button):before,:is(.howto-close,.dlg-close,.md-notice-close):is(button):after{content:"";position:absolute;top:50%;left:50%;width:15px;height:2.5px;border-radius:var(--r-tiny);background:currentColor}:is(.howto-close,.dlg-close,.md-notice-close):is(button):before{transform:translate(-50%,-50%) rotate(45deg)}:is(.howto-close,.dlg-close,.md-notice-close):is(button):after{transform:translate(-50%,-50%) rotate(-45deg)}@media(hover:hover)and (pointer:fine){.howto-close:hover{background-color:var(--surface-hover)}}.howto-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(max-width:540px){.game-tabs{justify-content:space-between;width:100%;max-width:580px;gap:var(--sp-1);padding:var(--sp-2) 0}.bar-divider.before-toggle{display:none}.stat-bar{display:flex;flex-wrap:wrap;justify-content:center;width:100%;max-width:580px;padding:var(--sp-1) var(--sp-2) var(--sp-2);gap:var(--sp-1);row-gap:var(--sp-2)}.stat-bar.mode-bar{display:grid;width:100%;grid-template-columns:max-content max-content minmax(0,1fr) max-content;justify-content:stretch;column-gap:var(--sp-2);align-self:center}.stat-bar.mode-bar>.bar-divider{display:none}.stat-bar.mode-bar .bar-actions>.bar-divider{display:none}.stat-bar.mode-bar>#stat-streak,.stat-bar.mode-bar>#stat-solved{grid-column:1;grid-row:1;justify-self:start;min-width:0;white-space:nowrap}.stat-bar:not(.mode-bar):not(.mp-utilities){flex-wrap:nowrap;justify-content:flex-start}.stat-bar:not(.mode-bar):not(.mp-utilities)>.bar-divider{display:none}.stat-bar:not(.mode-bar):not(.mp-utilities)>.bar-actions{margin-left:auto}.stat-bar.mode-bar>.info.spoil:not(#stat-solved){grid-column:2;grid-row:1}.stat-bar.mode-bar>.bar-actions{grid-column:4;grid-row:1;justify-self:end;gap:var(--sp-2)}.stat-bar .info{padding:0 2px}.stat-bar .info.spoil{font-size:var(--fs-caption)}.stat-bar .bar-divider{margin:var(--sp-1)}.stat-bar>*{grid-row:1}.stat-bar>.pill-toggle{grid-row:2;grid-column:1 / -1}.stat-bar.mode-bar>.pill-toggle{display:flex;width:100%;height:44px;grid-column:1 / -1;grid-row:2}.stat-bar.mode-bar>.pill-toggle>.pt-btn{flex:1 1 0;min-width:0;font-size:var(--fs-small)}.stat-bar>.pill-toggle>.pt-btn[aria-pressed=true]:hover:not(:active){background:var(--primary-face)}.game-tab{width:clamp(44px,calc((100vw - 56px)/6),54px);height:clamp(44px,calc((100vw - 56px)/6),54px);border-radius:var(--r-control)}.game-tab img{border-radius:calc(var(--r-control) - 3px)}.mode-text b{font-size:var(--fs-title-sm)}.mode-text span{font-size:var(--fs-small)}}@media(max-width:540px){.stat-bar.mode-bar{container-type:inline-size;container-name:statbar}}@container statbar (max-width:320px){.stat-bar.mode-bar #stat-solved:not([hidden])~.info.spoil{grid-column:1 / -1;grid-row:2;justify-self:center}.stat-bar.mode-bar #stat-solved:not([hidden])~.pill-toggle{grid-row:3}.stat-bar.mode-bar #stat-solved:not([hidden])~.solo-friends{grid-row:4}}@container statbar (max-width:246px){.stat-bar.mode-bar #stat-streak:not([hidden])~.info.spoil{grid-column:1 / -1;grid-row:2;justify-self:center}.stat-bar.mode-bar #stat-streak:not([hidden])~.pill-toggle{grid-row:3}.stat-bar.mode-bar #stat-streak:not([hidden])~.solo-friends{grid-row:4}}@media(max-width:380px){.stat-bar.mode-bar .trophy{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.flip,.pop,.drift-a,.drift-b{animation:none}.btn{transition:none}}.btn:is(:disabled,[aria-disabled=true]),.bar-btn:is(:disabled,[aria-disabled=true]),.icon-btn:is(:disabled,[aria-disabled=true]),.fit-btn:is(:disabled,[aria-disabled=true]),.play-btn:is(:disabled,[aria-disabled=true]),.lang-opt:is(:disabled,[aria-disabled=true]),.pt-btn:is(:disabled,[aria-disabled=true]),.range-chip:is(:disabled,[aria-disabled=true]){--line:var(--disabled-rim);--green-edge:var(--disabled-foot);--cs-green-edge:var(--disabled-foot);--off-edge:var(--disabled-foot);--primary-face:var(--disabled-face);--primary-hover:var(--disabled-face);--primary-pressed:var(--disabled-face);--primary-foot:var(--disabled-foot);--green:var(--disabled-face);--green-ink:var(--disabled-text);--cs-green:var(--disabled-face);--cs-ink:var(--disabled-text);background:var(--disabled-face);color:var(--disabled-text);border-color:var(--disabled-rim);opacity:1;filter:none;transform:none;cursor:default}.btn:is(:disabled,[aria-disabled=true]){box-shadow:0 4px 0 var(--disabled-foot),0 4px 0 2.5px var(--disabled-rim)}.bar-btn:is(:disabled,[aria-disabled=true]){box-shadow:0 3px 0 var(--disabled-foot),0 3px 0 2px var(--disabled-rim)}.play-btn:is(:disabled,[aria-disabled=true]){box-shadow:0 4px 0 var(--disabled-foot),0 4px 0 2.5px var(--disabled-rim)}.fit-btn:is(:disabled,[aria-disabled=true]){box-shadow:0 3px 0 var(--disabled-foot),0 3px 0 2px var(--disabled-rim)}.icon-btn:is(:disabled,[aria-disabled=true]){box-shadow:0 3px 0 var(--disabled-foot)}.pt-btn:is(:disabled,[aria-disabled=true]){box-shadow:inset 0 -4px 0 var(--disabled-foot)}.combo input:disabled,.mp-entry input:disabled{background:var(--disabled-face);color:var(--disabled-text);border-color:var(--disabled-rim);opacity:1}.combo input:disabled::placeholder,.mp-entry input:disabled::placeholder{color:var(--disabled-text)}.solo-friends{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700}.stat-bar>.solo-friends{height:36px;min-height:36px;padding:0 var(--sp-3);border-width:2px;border-radius:var(--r-control);font-size:var(--fs-small)}.btn.solo-friends:not([aria-disabled=true]){background:var(--tertiary-face);color:var(--ink);box-shadow:0 4px 0 var(--tertiary-foot),0 4px 0 2.5px var(--line)}.stat-bar>.btn.solo-friends:not([aria-disabled=true]){box-shadow:0 3px 0 var(--tertiary-foot),0 3px 0 2px var(--line)}@media(hover:hover)and (pointer:fine){.btn.solo-friends:not([aria-disabled=true]):hover{background:var(--tertiary-foot)}}.btn.solo-friends:not([aria-disabled=true]):active{background:var(--tertiary-foot);box-shadow:0 1px 0 var(--tertiary-foot),0 1px 0 2.5px var(--line)}.stat-bar>.btn.solo-friends:not([aria-disabled=true]):active{box-shadow:0 1px 0 var(--tertiary-foot),0 1px 0 2px var(--line)}@media(max-width:540px){.stat-bar>.solo-friends{grid-row:3;grid-column:1 / -1;width:100%;margin:0}}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);font-weight:700}button,select,input,textarea,summary,a{font-family:var(--font-interactive);font-weight:600}b,strong{font-weight:700}label,figcaption{font-family:var(--font-body);font-weight:600}input::placeholder,textarea::placeholder{font-family:var(--font-body);font-weight:600}.tagline,.pill,.meta,.legend,.hint,.intro-sub,.info,.which-streak,.copied,.tab-label,.tip,.spoil,.stats-game,.stats-note,.stat-cell span,.name-feedback,.which-feedback,.which-vs,.quote-empty,.yesterday,.mode-chip,.soon-tag,.lang-soon,.color-frame figcaption{font-family:var(--font-body);font-weight:600}.name-group-label{font-family:var(--font-headline);font-weight:700}.mode-text{font-family:var(--font-body);font-weight:400}.cell,.try-name,.quote-speaker,.name-card,.which-name,.which-num,.clock-time,.clock-bonus,.clock-count,.audio-time,.stat-cell b,.info b,.pill b,.meta b,.mode-text b,.list li{font-family:var(--font-interactive);font-weight:700}.which-streak b{font-family:var(--font-interactive);font-weight:800}.list-pop ul,.switch-row{font-family:var(--font-interactive);font-weight:600}.list .empty{font-family:var(--font-body);font-weight:400}#upd2{font-family:var(--font-body);font-weight:800}.intro-sub{font-weight:500}.list-pop ul{font-weight:700}@media(max-width:540px){.logo{width:clamp(140px,42vw,250px)}.play-head h2{font-size:var(--fs-title-lg)}}#stats-dlg{margin:auto}:is(.stats-dlg,#settings-dlg) .stats-transfer-view .transfer-step>.btn{margin-bottom:var(--sp-1)}:is(.stats-dlg,#settings-dlg) .stats-transfer-view .transfer-input .btn{margin-bottom:3px}:is(.stats-dlg,#settings-dlg) .stats-transfer-view [data-act=load]+.stats-note{margin-top:var(--sp-2);font:600 var(--fs-caption)/1.2 var(--font-body);color:var(--muted)}.settings-backup,#settings-dlg .stats-transfer-view{text-align:left}html[data-input=pointer] :focus-visible{outline:none!important}html[data-input=pointer] .switch-input:focus-visible+.switch{outline:none!important}dialog .dlg-close,.howto-close,.md-notice-close,.transfer-back,:is(.stats-dlg,#settings-dlg) .stats-header .dlg-close{width:44px;height:44px;margin:-5px;border:5px solid transparent;border-radius:calc(var(--r-small) + 5px);background-clip:padding-box;box-shadow:inset 0 0 0 2px var(--ink)}dialog .dlg-close,.howto-close,.md-notice-close,.transfer-back{filter:drop-shadow(0 3px 0 var(--ink))}@media(hover:hover)and (pointer:fine){:is(.stats-dlg,#settings-dlg) .stats-header :is(.transfer-back,.dlg-close):hover{background-color:var(--surface-hover);background-clip:padding-box}}dialog.dlg .dlg-close,.transfer-back,:is(.stats-dlg,#settings-dlg) .stats-header :is(.dlg-close,.transfer-back){background:transparent;box-shadow:none;filter:none}@media(hover:hover)and (pointer:fine){dialog.dlg .dlg-close:hover,.transfer-back:hover{background-color:var(--surface-hover)}}@media(max-width:540px){:is(.dlg.stats-dlg,.dlg.help-dlg){max-height:calc(100dvh - 128px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.dlg.stats-dlg{width:calc(100vw - 2 * var(--sp-6) - env(safe-area-inset-left) - env(safe-area-inset-right));padding:0;gap:0}.dlg.stats-dlg .stats-header{padding:var(--sp-4) var(--sp-4) var(--sp-3)}.stats-dlg .dlg-body{margin:0;padding:var(--sp-1) var(--sp-4) var(--sp-4);gap:var(--sp-4);scrollbar-width:thin;scrollbar-color:var(--surface-hover) transparent}.stats-dlg .dlg-body::-webkit-scrollbar{width:4px}.stats-dlg .dlg-body::-webkit-scrollbar-track{background:transparent}.stats-dlg .dlg-body::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:var(--r-pill)}.stats-dlg .range-chips{align-self:stretch}.stats-dlg .range-chip{flex:1 1 0}.stats-backup .stats-move{align-self:stretch;margin-bottom:3px}.stats-month-title{flex:1 0 auto;white-space:nowrap}}.stats-dlg .stats-transfer-view{gap:var(--sp-4);padding-bottom:0}.stats-dlg .stats-transfer-view .transfer-step{gap:var(--sp-4);padding:var(--sp-3);border-radius:var(--r-control);background:var(--panel-2)}.stats-dlg .stats-transfer-view .transfer-step>*{margin:0}.stats-dlg .transfer-step-header{display:flex;align-items:center;gap:var(--sp-3)}.stats-dlg .transfer-step-heading{min-width:0}.stats-dlg .transfer-step-header h3{display:block;margin:0;color:var(--white);font:700 var(--fs-title-sm)/1.2 var(--font-headline)}.stats-dlg .transfer-step-header .stats-note{margin:var(--sp-1) 0 0;color:var(--muted);font:600 var(--fs-caption)/1.2 var(--font-body)}.stats-dlg .transfer-step-header .transfer-number{flex:none;width:28px;height:28px;border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--primary-face);color:var(--ink);font:800 var(--fs-small)/1 var(--font-headline)}.stats-dlg .transfer-step:nth-child(2) .transfer-number{background:var(--secondary-face)}.stats-dlg .transfer-step-content{display:flex;flex-direction:column;gap:var(--sp-3)}.stats-dlg .transfer-step-content>*{margin:0}.stats-dlg .transfer-step-content .transfer-code{height:48px;min-height:48px;padding:0 var(--sp-3);border-radius:var(--r-control);font-size:var(--fs-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-dlg .transfer-step-content>.btn{min-height:48px;margin-bottom:7px;border-width:2.5px;border-radius:var(--r-control);font-size:var(--fs-body)}.stats-dlg .transfer-step-content .transfer-input{height:48px;min-height:48px;padding:0 5px 0 var(--sp-3)}.stats-dlg .transfer-step-content .transfer-input .btn{margin-bottom:3px}#stats-dlg .stats-transfer-view .transfer-step-content>[data-act=load]+.stats-note{margin:0;color:var(--muted);font:600 var(--fs-caption)/1.3 var(--font-body)}@media(max-width:540px){.stats-dlg .stats-transfer-view{padding:var(--sp-1) var(--sp-4) var(--sp-4)}}.day-strip{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-3);width:min(100%,420px);padding:var(--sp-2) var(--sp-3) var(--sp-3);border-radius:var(--r-large);background:var(--surface);border:2.5px solid var(--line);color:var(--white);box-shadow:0 6px 0 var(--foot-shadow)}.day-strip[hidden]{display:none}.day-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.day-nav .bar-btn{margin-bottom:3px}.bar-btn.tap:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.day-label{flex:1;min-width:0;display:flex;align-items:baseline;justify-content:center;font-variant-numeric:tabular-nums}.day-label b{font:800 var(--fs-title-lg)/1 var(--font-headline);color:var(--white)}.day-strip .btn{min-height:44px;font-size:var(--fs-small)}@media(max-width:540px){.day-strip{width:100%}}body.has-day-strip .result.is-daily-trigger{display:none}.result-eyebrow{margin-top:0!important}.result-previous-note{font-size:var(--fs-caption)!important;font-weight:600!important;color:var(--result-rank);margin-top:var(--sp-1)!important}.info .stat-text{display:inline-flex;align-items:baseline;gap:inherit;line-height:inherit}.info .stat-text>*{line-height:inherit}svg.site-icon{overflow:visible;fill:initial;stroke:initial;stroke-width:initial;stroke-linecap:initial;stroke-linejoin:initial}.site-icon .flame-on{display:none}:is(.info.lit,.stats-flame.is-lit) .site-icon .flame-off{display:none}:is(.info.lit,.stats-flame.is-lit) .site-icon .flame-on{display:inline}:is(.howto-close,.dlg-close,.md-notice-close):has(>.site-icon):before,:is(.howto-close,.dlg-close,.md-notice-close):has(>.site-icon):after{content:none}:is(.howto-close,.dlg-close,.md-notice-close)>.site-icon{width:20px;height:20px}.mode-text .sound .site-icon{width:1em;height:1em;vertical-align:baseline}svg.site-icon.bg-arrow{color:var(--bad-edge)}svg.site-icon.bg-arrow.down{transform:none}.md-notice-close:has(>.site-icon){display:grid;place-items:center}.result-card .result-figure.is-stacked{display:flex;flex-direction:column;align-items:center;gap:0;font-size:var(--fs-display);line-height:1}.result-figure.is-stacked span{font:800 var(--fs-title)/1.15 var(--font-headline);letter-spacing:0}.result-card .result-previous-note{margin:0!important;font:500 var(--fs-body)/1.4 var(--font-body)!important;color:var(--gray)}body.center .site-footer{--footer-gap:96px;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:none;padding:0 var(--sp-6) var(--sp-4);margin-top:calc(var(--footer-gap) - var(--sp-8));color:var(--white)}.site-footer__text{display:flex;flex-direction:column;align-items:center;max-width:100%}.site-footer .footer-line,.site-footer .footer-disclaimer{margin:0;color:var(--white);paint-order:stroke fill;font-family:var(--font-headline);font-weight:700;text-decoration:none}.site-footer .footer-line{font-size:var(--fs-title-sm);line-height:1.6;-webkit-text-stroke:4px var(--ink)}.site-footer .footer-disclaimer{max-width:360px;margin-top:var(--sp-4);font-size:var(--fs-small);line-height:20px;letter-spacing:.02em;text-transform:uppercase;-webkit-text-stroke:3px var(--ink)}.site-footer button.footer-line{padding:0;border:0;background:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.site-footer :is(a,button).footer-line:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.site-footer a.footer-line[aria-current=page]{color:var(--focus)}@media(hover:hover)and (pointer:fine){.site-footer :is(a,button).footer-line:hover{color:var(--focus)}}.info-doc a.lk:focus-visible,.site-dlg a.lk:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}.info-doc a.lk:active,.site-dlg a.lk:active{color:var(--secondary-foot)}@media(hover:hover)and (pointer:fine){.info-doc a.lk:hover,.site-dlg a.lk:hover{color:var(--secondary-soft);text-decoration-thickness:2.5px}}body.info-page .wrap{gap:var(--sp-8)}.info-content{width:100%;max-width:580px;align-self:center;text-align:center}.info-content h1{margin:0 0 var(--sp-4);font:700 var(--fs-title-lg)/1.2 var(--font-headline)}.info-content p{margin:0;font-size:var(--fs-body)}body.multiplayer .site-footer{margin-top:calc(var(--footer-gap) - var(--sp-5))}@media(max-width:540px){body.center .site-footer{--footer-gap:72px;padding-inline:0}.site-footer .footer-disclaimer{max-width:300px}body.multiplayer .site-footer{margin-top:calc(var(--footer-gap) - var(--sp-4))}}@media(max-height:550px)and (max-width:700px){body.multiplayer .site-footer{margin-top:calc(var(--footer-gap) - var(--sp-3))}}.result-ranking{display:contents}.result-ranking .result-percentile{font-weight:700}.result-ranking .result-rank{font-size:var(--fs-caption);color:var(--result-rank);font-weight:600}.result-ranking .result-rank strong{font-weight:700}.image-placeholder{background:#4f5662!important}.art-swap:not(.art-loaded),.art-swap.art-fallback{background:#b3bcc8}.art-swap:not(.art-loaded)>.char-img{visibility:hidden}.art-swap .char-fallback{background:#b3bcc8;width:100%;height:100%}.audio-player.playback-error .audio-time{color:var(--partial-face)}.audio-player:is(.broken,.playback-error) .audio-time{min-width:0;max-width:220px;white-space:normal;text-align:left}.color-frame:has(>.image-placeholder)>figcaption,.cm-sd-pics figure:has(>.image-placeholder)>figcaption{display:none}.rollover-banner{position:fixed;top:calc(24px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:50;display:flex;gap:var(--sp-4);align-items:center;width:max-content;max-width:calc(100vw - 32px);padding:var(--sp-3) var(--sp-4);background:var(--white);color:var(--ink);border:3px solid var(--ink);border-radius:var(--r-large);box-shadow:0 6px 0 var(--foot-shadow);text-align:left}.rollover-text{min-width:0}.rollover-banner p{margin:0}.rollover-title{font:700 var(--fs-title-sm)/1.2 var(--font-headline)}.rollover-body{margin-top:var(--sp-0-5)!important;font:500 var(--fs-small)/1.35 var(--font-body)}.rollover-side{display:flex;align-items:center;gap:var(--sp-3);flex:none}.rollover-banner .btn{font-size:var(--fs-small);padding:6px 14px}@media(max-width:540px){.rollover-banner{flex-direction:column;align-items:stretch;gap:var(--sp-2)}.rollover-side{justify-content:space-between}}