@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");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{--font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Figtree Variable", "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: clamp(2.5rem, 6vw, 3.5rem);--text-display: clamp(3.5rem, 14vw, 7.25rem);--text-question: clamp(1.375rem, 3.4vw, 2rem);--weight-regular: 450;--weight-medium: 560;--weight-bold: 700;--weight-black: 800;--leading-tight: 1.05;--leading-snug: 1.25;--leading-body: 1.55;--tracking-display: -.035em;--tracking-label: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--gutter: clamp(16px, 4vw, 32px);--content-max: 1120px;--game-max: 760px;--nav-height: 64px;--bottom-nav-height: 68px;--tap-min: 48px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--dur-instant: 90ms;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .38s;--dur-feedback: .52s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--bg: #faf7f2;--bg-elevated: #ffffff;--bg-sunken: #f3eee6;--bg-overlay: rgba(23, 21, 31, .42);--ink: #17151f;--ink-2: #48445a;--ink-3: #6b6679;--ink-inverse: #ffffff;--line: #ebe4d8;--line-strong: #d8cebf;--primary: #5b3df5;--primary-hover: #4a2de0;--primary-press: #3f25c7;--primary-soft: #efebff;--primary-ink: #3b23b5;--on-primary: #ffffff;--accent: #ff6a3d;--accent-soft: #ffece4;--accent-ink: #b3380f;--success: #13a35a;--success-soft: #e2f6ea;--success-ink: #0b6e3b;--error: #e5484d;--error-soft: #fdecec;--error-ink: #b1262b;--warning: #f2a01e;--warning-soft: #fef2d9;--warning-ink: #8a5600;--logo-quiz: #4b2fd6;--logo-run: #ff6a3d;--logo-spark: #ffc53d;--gold: #e9b428;--silver: #a8adbb;--bronze: #cf8a52;--focus-ring: 0 0 0 3px var(--bg), 0 0 0 5px var(--primary);--shadow-1: 0 1px 0 rgba(23, 21, 31, .03), 0 1px 3px rgba(23, 21, 31, .06);--shadow-2: 0 2px 4px rgba(23, 21, 31, .04), 0 10px 28px -12px rgba(23, 21, 31, .18);--shadow-3: 0 24px 60px -24px rgba(23, 21, 31, .35);--shadow-primary: 0 10px 28px -10px rgba(91, 61, 245, .55);--art-opacity: .55;--art-filter: none;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14121b;--bg-elevated: #1d1a27;--bg-sunken: #100e16;--bg-overlay: rgba(5, 4, 10, .6);--ink: #f4f1fa;--ink-2: #c7c1d6;--ink-3: #9a93ad;--ink-inverse: #14121b;--line: #2c2839;--line-strong: #3d3850;--primary: #8b74ff;--primary-hover: #9d89ff;--primary-press: #7a61f5;--primary-soft: #2a2350;--primary-ink: #c3b7ff;--on-primary: #12101a;--accent: #ff7f57;--accent-soft: #3a2119;--accent-ink: #ffb59c;--success: #34c97a;--success-soft: #12301f;--success-ink: #8be3b3;--error: #ff6b6f;--error-soft: #3a1a1c;--error-ink: #ffb1b3;--warning: #f5b544;--warning-soft: #36280e;--warning-ink: #fbd894;--shadow-1: 0 1px 0 rgba(0, 0, 0, .2);--shadow-2: 0 10px 30px -12px rgba(0, 0, 0, .6);--shadow-3: 0 24px 60px -20px rgba(0, 0, 0, .7);--shadow-primary: 0 10px 30px -10px rgba(139, 116, 255, .45);--art-opacity: .07;--art-filter: invert(1);--logo-quiz: #a897ff;color-scheme:dark}}:root[data-theme=dark]{--bg: #14121b;--bg-elevated: #1d1a27;--bg-sunken: #100e16;--bg-overlay: rgba(5, 4, 10, .6);--ink: #f4f1fa;--ink-2: #c7c1d6;--ink-3: #9a93ad;--ink-inverse: #14121b;--line: #2c2839;--line-strong: #3d3850;--primary: #8b74ff;--primary-hover: #9d89ff;--primary-press: #7a61f5;--primary-soft: #2a2350;--primary-ink: #c3b7ff;--on-primary: #12101a;--accent: #ff7f57;--accent-soft: #3a2119;--accent-ink: #ffb59c;--success: #34c97a;--success-soft: #12301f;--success-ink: #8be3b3;--error: #ff6b6f;--error-soft: #3a1a1c;--error-ink: #ffb1b3;--warning: #f5b544;--warning-soft: #36280e;--warning-ink: #fbd894;--shadow-1: 0 1px 0 rgba(0, 0, 0, .2);--shadow-2: 0 10px 30px -12px rgba(0, 0, 0, .6);--shadow-3: 0 24px 60px -20px rgba(0, 0, 0, .7);--shadow-primary: 0 10px 30px -10px rgba(139, 116, 255, .45);--art-opacity: .07;--art-filter: invert(1);--logo-quiz: #a897ff;color-scheme:dark}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]){--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms;--dur-feedback: 0ms}}:root[data-motion=reduce]{--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms;--dur-feedback: 0ms}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:var(--leading-body);font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:var(--weight-black);line-height:var(--leading-snug);letter-spacing:-.02em;text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}::selection{background:var(--primary-soft);color:var(--primary-ink)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:100;background:var(--ink);color:var(--bg);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);text-decoration:none;font-weight:var(--weight-bold)}.skip-link:focus{top:var(--space-3)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.page{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-6) var(--gutter) var(--space-12)}@media(min-width:768px){.page{padding-top:var(--space-10);padding-bottom:var(--space-20)}}.page--narrow{max-width:760px}.page-header{display:grid;gap:var(--space-2);margin-bottom:var(--space-8)}.page-title{font-size:var(--text-4xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.page-lede{color:var(--ink-2);font-size:var(--text-lg);max-width:56ch}.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-3)}.section{margin-top:var(--space-10)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.section-title{font-size:var(--text-xl)}.muted{color:var(--ink-3)}.stack{display:grid;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.btn{--btn-bg: var(--bg-elevated);--btn-ink: var(--ink);--btn-border: var(--line-strong);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-5);border:1.5px solid var(--btn-border);border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-ink);font-weight:var(--weight-bold);font-size:var(--text-md);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;user-select:none;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.btn:hover{border-color:var(--ink-3)}.btn:active{transform:scale(.97)}.btn:focus-visible{border-radius:var(--radius-pill)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.btn--primary{--btn-bg: var(--primary);--btn-ink: var(--on-primary);--btn-border: var(--primary);box-shadow:var(--shadow-primary)}.btn--primary:hover{--btn-bg: var(--primary-hover);--btn-border: var(--primary-hover)}.btn--primary:active{--btn-bg: var(--primary-press)}.btn--ghost{--btn-bg: transparent;--btn-border: transparent}.btn--ghost:hover{--btn-bg: var(--bg-sunken);border-color:transparent}.btn--danger{--btn-bg: var(--error-soft);--btn-ink: var(--error-ink);--btn-border: transparent}.btn--danger:hover{border-color:var(--error)}.btn--sm{min-height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--lg{min-height:56px;padding:0 var(--space-8);font-size:var(--text-lg)}.btn--xl{min-height:68px;padding:0 var(--space-12);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:.02em}.btn--block{width:100%}.btn--icon{width:var(--tap-min);padding:0}.btn--icon.btn--sm{width:36px}.kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-xs);border:1px solid var(--line-strong);border-bottom-width:2px;background:var(--bg-elevated);font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--ink-3);line-height:1}.btn--primary .kbd{background:transparent;border-color:color-mix(in srgb,var(--on-primary) 45%,transparent);color:var(--on-primary);opacity:.85}.card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.card--pad{padding:var(--space-6)}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--bg-sunken);color:var(--ink-2);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap}.chip--primary{background:var(--primary-soft);color:var(--primary-ink)}.chip--accent{background:var(--accent-soft);color:var(--accent-ink)}.chip--success{background:var(--success-soft);color:var(--success-ink)}.chip--error{background:var(--error-soft);color:var(--error-ink)}.chip--warning{background:var(--warning-soft);color:var(--warning-ink)}.segmented{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding:2px;margin:-2px;scroll-snap-type:x proximity}.segmented::-webkit-scrollbar{display:none}.segmented button{flex:none;scroll-snap-align:start;min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--bg-elevated);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-2);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.segmented button:hover{border-color:var(--line-strong)}.segmented button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.progress{height:8px;border-radius:var(--radius-pill);background:var(--bg-sunken);overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--primary);transform-origin:left center;transition:transform var(--dur-slow) var(--ease-out)}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-sunken) 0%,var(--line) 50%,var(--bg-sunken) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.field{display:grid;gap:var(--space-2)}.field label{font-size:var(--text-sm);font-weight:var(--weight-bold)}.input{min-height:var(--tap-min);padding:0 var(--space-4);border:1.5px solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg-elevated);font-size:var(--text-md);width:100%}.input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);border-radius:var(--radius-md)}.field-error{color:var(--error-ink);font-size:var(--text-sm)}.notice{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-sunken);color:var(--ink-2);font-size:var(--text-sm)}.state-block{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center}.state-block__emoji{font-size:44px;line-height:1}.state-block h2{font-size:var(--text-xl)}.state-block p{color:var(--ink-2);max-width:42ch}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.rise-in{animation:rise-in var(--dur-slow) var(--ease-out) both}.logo{display:inline-flex;align-items:center;gap:.28em;font-family:var(--font-body);font-weight:850;letter-spacing:-.035em;line-height:1;white-space:nowrap}.logo--sm{font-size:1.5rem;gap:6px}.logo--md{font-size:1.75rem;gap:8px}.logo--hero{font-size:var(--text-display);gap:.12em}.logo--hero .logo-mark{width:.95em;height:.95em;margin-left:-.08em}.logo__quiz{color:var(--logo-quiz)}.logo__run{color:var(--logo-run)}.logo-mark{flex:none;overflow:visible}.logo--hero .logo-mark__comet{transform-origin:31px 54px;animation:comet-in var(--dur-feedback) var(--ease-out) both .12s}@keyframes comet-in{0%{transform:translate(-10px) scaleX(.6);opacity:0}}.topnav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.topnav__inner{display:flex;align-items:center;gap:var(--space-6);max-width:var(--content-max);height:var(--nav-height);margin:0 auto;padding:0 var(--gutter)}.topnav__brand{text-decoration:none;display:inline-flex}.topnav__links{display:none;gap:var(--space-1);margin-left:var(--space-4)}.topnav__link{position:relative;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--ink-2);text-decoration:none;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.topnav__link:hover{color:var(--ink);background:var(--bg-sunken)}.topnav__link[aria-current=page]{color:var(--ink)}.topnav__link[aria-current=page]:after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--primary)}.topnav__end{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.topnav__me{display:none;border-radius:50%}.topnav__end .btn[aria-current=page]{background:var(--bg-sunken)}@media(min-width:768px){.topnav__links,.topnav__me{display:flex}}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding:0 var(--space-2) env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--line)}.bottomnav__item{display:grid;justify-items:center;gap:2px;padding:var(--space-2) 0 var(--space-3);color:var(--ink-3);text-decoration:none;font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.02em}.bottomnav__item[aria-current=page]{color:var(--ink)}.bottomnav__item[aria-current=page] .bottomnav__icon{color:var(--primary)}.bottomnav__item--primary .bottomnav__icon{display:grid;place-items:center;width:54px;height:54px;margin-top:-22px;border-radius:50%;background:var(--primary);color:var(--on-primary)!important;box-shadow:var(--shadow-primary);transition:transform var(--dur-fast) var(--ease-spring)}.bottomnav__item--primary:active .bottomnav__icon{transform:scale(.92)}.bottomnav__item--primary{color:var(--ink)}.bottomnav__item:focus-visible{box-shadow:none}.bottomnav__item:focus-visible .bottomnav__icon{box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}@media(min-width:768px){.bottomnav{display:none}}.main{outline:none}.main:focus-visible{box-shadow:none}.avatar{--avatar-hue: 255;display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:hsl(var(--avatar-hue) 80% 92%);color:hsl(var(--avatar-hue) 55% 32%);font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-md)}:root[data-theme=dark] .avatar{background:hsl(var(--avatar-hue) 35% 24%);color:hsl(var(--avatar-hue) 80% 82%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .avatar{background:hsl(var(--avatar-hue) 35% 24%);color:hsl(var(--avatar-hue) 80% 82%)}}.avatar--sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar--lg{width:64px;height:64px;font-size:var(--text-2xl)}.dialog{width:min(420px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--bg-elevated);color:var(--ink);box-shadow:var(--shadow-3)}.dialog[open]{animation:rise-in var(--dur-base) var(--ease-out)}.dialog::backdrop{background:var(--bg-overlay);backdrop-filter:blur(4px)}.dialog__body{display:grid;gap:var(--space-4);padding:var(--space-8) var(--space-6) var(--space-6)}.dialog__title{font-size:var(--text-2xl)}.dialog__stats{display:flex;gap:var(--space-5);color:var(--ink-2);font-size:var(--text-sm)}.dialog__stats strong{font-size:var(--text-lg);color:var(--ink)}.dialog__actions{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.toast-region{position:fixed;left:50%;top:calc(var(--space-4) + env(safe-area-inset-top));z-index:50;transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-3) var(--space-3);border-radius:var(--radius-pill);background:var(--ink);color:var(--bg);box-shadow:var(--shadow-3);animation:toast-in var(--dur-slow) var(--ease-spring) both;white-space:nowrap}.toast__badge{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--bg) 14%,transparent);font-size:22px}.toast__eyebrow{display:block;font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;opacity:.7}.toast__title{display:block;font-weight:var(--weight-bold)}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px) scale(.92)}}.footer{margin-top:var(--space-16);padding:var(--space-10) var(--gutter) calc(var(--space-8) + var(--bottom-nav-height) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg-sunken);font-size:var(--text-sm);color:var(--ink-3)}@media(min-width:768px){.footer{padding-bottom:var(--space-8)}}.footer__inner,.footer__bottom{max-width:var(--content-max);margin:0 auto}.footer__inner{display:grid;gap:var(--space-8)}@media(min-width:768px){.footer__inner{grid-template-columns:1.2fr 2fr}}.footer__brand{display:grid;gap:var(--space-3);align-content:start;max-width:36ch}.footer__nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-6)}.footer__nav>div{display:grid;gap:var(--space-2);align-content:start}.footer__heading{font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-3)}.footer a{color:var(--ink-2);text-decoration:none;min-height:24px}.footer a:hover{color:var(--ink);text-decoration:underline}.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-5);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--line)}.ad-slot{display:grid;gap:var(--space-2);max-width:var(--content-max);min-height:120px;margin:var(--space-10) auto 0;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-sunken)}.ad-slot__label{font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-3)}.game-over-wrap .ad-slot{margin-top:var(--space-12)}.game-shell{position:relative;min-height:100dvh;isolation:isolate}.game-art{position:fixed;inset:0;z-index:-1;pointer-events:none}.game-shell[data-has-art] .game-art:before{content:"";position:absolute;inset:0;background-image:var(--art);background-size:560px auto;background-repeat:repeat;opacity:var(--art-opacity);filter:var(--art-filter);mask-image:linear-gradient(to bottom,#0003,#000 30%,#000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.2),#000 30%,#000)}.game-shell:not([data-has-art]) .game-art{background:radial-gradient(60% 40% at 15% 0%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 70%),radial-gradient(50% 35% at 100% 100%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%)}.game-ready{display:grid;justify-items:center;gap:var(--space-3);max-width:560px;margin:0 auto;padding:var(--space-6) var(--gutter) var(--space-12);text-align:center}.game-ready__back{justify-self:start;margin-bottom:var(--space-6)}.game-ready__emoji{display:grid;place-items:center;width:88px;height:88px;border-radius:var(--radius-xl);background:var(--bg-elevated);border:1px solid var(--line);box-shadow:var(--shadow-2);font-size:46px;line-height:1;transform:rotate(-4deg)}.game-ready__title{font-size:var(--text-4xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.game-ready__desc{color:var(--ink-2);font-size:var(--text-lg);max-width:44ch}.game-ready__mix{display:grid;gap:var(--space-2);width:min(320px,100%);font-size:var(--text-sm)}.game-ready__rules{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none}.game-ready__rules li{display:inline-flex;align-items:center;gap:6px;padding:6px var(--space-3);border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--line);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-2)}.game-ready__rules .icon{color:var(--accent)}.game-ready__prompt{margin-top:var(--space-6);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg)}.game-ready__keys{color:var(--ink-3);font-size:var(--text-sm);display:none}@media(hover:hover)and (pointer:fine){.game-ready__keys{display:block}}.game{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--game-max);min-height:100dvh;margin:0 auto;padding:var(--space-2) var(--gutter) calc(var(--space-6) + env(safe-area-inset-bottom))}@media(min-width:768px){.game{gap:var(--space-4);padding-top:var(--space-6);min-height:auto}}.game__bar{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:var(--space-2);min-height:48px}.game__where{display:flex;justify-content:center;align-items:baseline;gap:var(--space-2);min-width:0;font-weight:var(--weight-bold)}.game__cat{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game__qn{color:var(--ink-3);font-size:var(--text-sm)}.game__bar-end{display:flex;justify-content:flex-end;min-width:48px}.hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3)}.lives{display:flex;gap:2px;justify-self:start}.lives__heart{display:grid;color:var(--line-strong);transition:color var(--dur-base) var(--ease-out)}.lives__heart.is-full{color:var(--error)}.lives--last .lives__heart.is-full{animation:heartbeat 1.1s var(--ease-in-out) infinite}.lives__heart.is-breaking{animation:heart-break var(--dur-feedback) var(--ease-out)}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}}@keyframes heart-break{0%{transform:scale(1.3);color:var(--error)}50%{transform:scale(.7) rotate(-12deg)}to{transform:scale(1)}}.score{position:relative;display:flex;align-items:baseline;gap:4px;justify-self:center}.score__value{font-family:var(--font-display);font-weight:var(--weight-black);font-size:clamp(1.75rem,6vw,2.25rem);line-height:1;letter-spacing:-.03em}.score__label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--ink-3)}.score__gain{position:absolute;left:50%;bottom:100%;transform:translate(-50%);padding:2px 8px;border-radius:var(--radius-pill);background:var(--success);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-black);white-space:nowrap;animation:gain-up .9s var(--ease-out) forwards}@keyframes gain-up{0%{opacity:0;transform:translate(-50%,8px) scale(.8)}20%{opacity:1;transform:translate(-50%) scale(1.05)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-14px)}}.streak{display:inline-flex;align-items:center;gap:4px;justify-self:end;height:34px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--bg-sunken);color:var(--ink-3);font-weight:var(--weight-black);transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),box-shadow var(--dur-base)}.streak__value{font-family:var(--font-display);font-size:var(--text-lg);animation:pop var(--dur-slow) var(--ease-spring)}.streak__mult{font-size:var(--text-xs);opacity:.85}.streak[data-heat="1"]{background:var(--warning-soft);color:var(--warning-ink)}.streak[data-heat="2"]{background:var(--accent-soft);color:var(--accent-ink)}.streak[data-heat="3"],.streak[data-heat="4"]{background:var(--accent);color:#fff;box-shadow:0 6px 18px -6px color-mix(in srgb,var(--accent) 70%,transparent)}.streak[data-heat="4"]{background:linear-gradient(120deg,var(--accent),var(--primary))}.streak[data-heat="3"] .icon,.streak[data-heat="4"] .icon{animation:flicker .9s ease-in-out infinite alternate}@keyframes flicker{to{transform:scale(1.15) rotate(-6deg)}}.timer{display:flex;align-items:center;gap:var(--space-3)}.timer__track{flex:1;height:8px;border-radius:var(--radius-pill);background:var(--bg-sunken);overflow:hidden}.timer__fill{display:block;height:100%;border-radius:inherit;background:var(--primary);transform-origin:left center;transition:transform .1s linear,background-color var(--dur-base)}.timer[data-level=warn] .timer__fill{background:var(--warning)}.timer[data-level=danger] .timer__fill{background:var(--error)}.timer[data-level=danger] .timer__seconds{color:var(--error-ink);animation:pop 1s var(--ease-out) infinite}.timer[data-paused] .timer__fill{background:var(--line-strong)}.timer__seconds{display:inline-flex;align-items:center;gap:4px;min-width:46px;justify-content:flex-end;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-2)}.commentary{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center}.commentary__hint{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-3);animation:fade-in var(--dur-base) both}.commentary__hint--danger{color:var(--error-ink)}.comment{position:relative;max-width:100%;padding:8px 16px;border-radius:var(--radius-lg);background:var(--ink);color:var(--bg);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-md);line-height:1.25;animation:comment-in var(--dur-slow) var(--ease-spring) both}.comment__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comment[data-tone=bad]{background:var(--error-soft);color:var(--error-ink)}.comment[data-tone=hype]{background:linear-gradient(120deg,var(--accent),var(--primary));color:#fff}@keyframes comment-in{0%{opacity:0;transform:translateY(6px) scale(.92) rotate(-1.5deg)}}.question-card{position:relative;padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl);background:var(--bg-elevated);border:1px solid var(--line);box-shadow:var(--shadow-2);animation:rise-in var(--dur-base) var(--ease-out) both}@media(min-width:768px){.question-card{padding:var(--space-8)}}.question-card__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.question-card__text{font-size:var(--text-question);font-weight:var(--weight-bold);line-height:1.22;letter-spacing:-.015em;outline:none;min-height:2.44em}.question-card__text:focus-visible{box-shadow:none}.question-card__text.is-hidden{color:var(--ink-3)}.question-card[data-heat="3"],.question-card[data-heat="4"]{border-color:transparent;background:linear-gradient(var(--bg-elevated),var(--bg-elevated)) padding-box,linear-gradient(120deg,var(--accent),var(--primary)) border-box;border-width:2px}.question-card[data-heat="4"]{box-shadow:var(--shadow-2),0 0 0 6px color-mix(in srgb,var(--primary) 10%,transparent)}.answers{display:grid;gap:var(--space-3)}@media(min-width:640px){.answers{grid-template-columns:1fr 1fr}}.answers.is-hidden{visibility:hidden}.answer{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:60px;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border:1.5px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--bg-elevated);text-align:left;font-size:var(--text-md);font-weight:var(--weight-medium);line-height:1.3;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),opacity var(--dur-base) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);animation:rise-in var(--dur-base) var(--ease-out) both}.answer:nth-child(2){animation-delay:30ms}.answer:nth-child(3){animation-delay:60ms}.answer:nth-child(4){animation-delay:90ms}@media(hover:hover){.answer[data-state=idle]:not([aria-disabled]):hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-2)}.answer[data-state=idle]:not([aria-disabled]):hover .answer__key{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}}.answer:not([aria-disabled]):active{transform:scale(.98)}.answer:focus-visible{border-radius:var(--radius-lg);border-color:var(--primary)}.answer[aria-disabled]{cursor:default}.answer__key{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--bg);font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-sm);color:var(--ink-2);transition:all var(--dur-fast) var(--ease-out)}.answer__text{flex:1;min-width:0;overflow-wrap:anywhere}.answer__tag{flex:none;font-size:var(--text-2xs);font-weight:var(--weight-black);letter-spacing:var(--tracking-label);text-transform:uppercase}.answer[data-state=correct]{border-color:var(--success);background:var(--success-soft);color:var(--success-ink);animation:pop var(--dur-feedback) var(--ease-spring)}.answer[data-state=reveal]{border-color:var(--success);border-style:dashed;color:var(--success-ink)}.answer[data-state=correct] .answer__key,.answer[data-state=reveal] .answer__key{background:var(--success);border-color:var(--success);color:#fff}.answer[data-state=wrong]{border-color:var(--error);background:var(--error-soft);color:var(--error-ink);animation:shake var(--dur-feedback) var(--ease-out)}.answer[data-state=wrong] .answer__key{background:var(--error);border-color:var(--error);color:#fff}.answer[data-state=dim]{opacity:.45}.question-loading{display:grid;gap:var(--space-4)}.game__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:56px;margin-top:var(--space-1)}.game__keys{display:none;font-size:var(--text-sm);color:var(--ink-3)}@media(hover:hover)and (pointer:fine){.game__keys{display:inline}}.result{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-1) var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-sunken);animation:rise-in var(--dur-base) var(--ease-out) both}.result__label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg)}.result__math{font-size:var(--text-sm);color:var(--ink-2)}.result--good{background:var(--success-soft)}.result--good .result__label{color:var(--success-ink)}.result--bad{background:var(--error-soft)}.result--bad .result__label{color:var(--error-ink)}.game-over-wrap{max-width:640px;margin:0 auto;padding:var(--space-8) var(--gutter) var(--space-12)}.gameover{display:grid;gap:var(--space-6);padding:var(--space-8) var(--space-6);border-radius:var(--radius-xl);background:var(--bg-elevated);border:1px solid var(--line);box-shadow:var(--shadow-2);animation:rise-in var(--dur-slow) var(--ease-out) both}@media(min-width:768px){.gameover{padding:var(--space-10)}}.gameover__head{display:grid;gap:var(--space-2)}.gameover__eyebrow{justify-self:start;padding:4px 10px;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary-ink);font-size:var(--text-xs);font-weight:var(--weight-black);letter-spacing:var(--tracking-label);text-transform:uppercase}.gameover[data-tone=loss] .gameover__eyebrow{background:var(--error-soft);color:var(--error-ink)}.gameover[data-tone=win] .gameover__eyebrow{background:var(--success-soft);color:var(--success-ink)}.gameover__title{font-size:clamp(2rem,7vw,3rem);line-height:1;letter-spacing:var(--tracking-display)}.gameover__line{color:var(--ink-2);font-size:var(--text-lg)}.gameover__score{display:grid;gap:var(--space-1);padding:var(--space-5) 0;border-top:1px dashed var(--line-strong);border-bottom:1px dashed var(--line-strong)}.gameover__points{font-family:var(--font-display);font-weight:var(--weight-black);font-size:clamp(3.25rem,14vw,5rem);line-height:1;letter-spacing:-.04em;color:var(--primary)}.gameover__subtitle{font-size:var(--text-sm)}.gameover__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4) var(--space-5);margin:0}@media(min-width:560px){.gameover__stats{grid-template-columns:repeat(4,1fr)}}.gameover__stat dt{font-size:var(--text-xs);color:var(--ink-3);font-weight:var(--weight-bold)}.gameover__stat dd{margin:0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xl);overflow-wrap:anywhere}.gameover__actions{display:grid;gap:var(--space-3)}@media(min-width:560px){.gameover__actions{grid-template-columns:1fr 1fr}}.gameover__links{display:flex;justify-content:center;gap:var(--space-2);grid-column:1 / -1}.gameover__rank{font-weight:var(--weight-medium)}.gameover__claim{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--primary-soft)}.brain-examples{display:grid;gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none;font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--ink-2)}.brain-rule{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);border-radius:var(--radius-xl);background:var(--bg-elevated);border:1px solid var(--line);box-shadow:var(--shadow-2);text-align:center;animation:rise-in var(--dur-base) var(--ease-out) both}.brain-rule__text{font-size:clamp(1.6rem,6vw,2.5rem);line-height:1.1;letter-spacing:-.02em;min-height:2.2em;display:grid;place-items:center}.brain-rule__dots{display:flex;gap:6px}.brain-rule__dots span{width:12px;height:12px;border-radius:50%;border:2px solid var(--line-strong)}.brain-rule__dots span.is-done{background:var(--primary);border-color:var(--primary)}.brain-rule__outcome{min-height:28px;font-weight:var(--weight-black)}.brain-rule__outcome span{display:inline-flex;align-items:center;gap:6px}.brain-rule__outcome .is-good{color:var(--success-ink)}.brain-rule__outcome .is-bad{color:var(--error-ink)}.brain-rule[data-outcome=correct]{border-color:var(--success);animation:pop var(--dur-feedback) var(--ease-spring)}.brain-rule[data-outcome=wrong],.brain-rule[data-outcome=too-early],.brain-rule[data-outcome=timeout]{border-color:var(--error);animation:shake var(--dur-feedback) var(--ease-out)}.brain-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-2)}.brain-buttons.is-hidden{visibility:hidden}.brain-btn{--b: var(--success);--b-ink: #fff;display:grid;place-items:center;align-content:center;gap:2px;min-height:120px;border:none;border-radius:var(--radius-xl);background:var(--b);color:var(--b-ink);box-shadow:0 6px color-mix(in srgb,var(--b) 60%,#000),var(--shadow-2);touch-action:manipulation;user-select:none;transition:transform var(--dur-instant) var(--ease-out),box-shadow var(--dur-instant)}.brain-btn:active{transform:translateY(4px);box-shadow:0 2px color-mix(in srgb,var(--b) 60%,#000)}.brain-btn:focus-visible{border-radius:var(--radius-xl)}.brain-btn[data-color=green]{--b: #17a35c}.brain-btn[data-color=blue]{--b: #2f6fe4}.brain-btn[data-color=red]{--b: #e0443f}.brain-btn[data-color=yellow]{--b: #f4c22b;--b-ink: #2b2200}.brain-btn__label{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-2xl)}.brain-btn__color{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;opacity:.85}.answer[data-state=pending]{border-color:var(--primary);background:var(--primary-soft)}.answer[data-state=pending] .answer__key{background:var(--primary);border-color:var(--primary);color:var(--on-primary);animation:pulse-key .8s ease-in-out infinite alternate}@keyframes pulse-key{to{transform:scale(.88)}}.game[data-status=loading] .answers{opacity:.55}.game-ready__mode{font-size:var(--text-sm)}.game-ready__mode a{color:var(--primary-ink);font-weight:var(--weight-bold)}.home{max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--gutter) var(--space-12)}.hero{display:grid;gap:var(--space-12);align-items:center}@media(min-width:1024px){.hero{grid-template-columns:1.25fr 1fr;gap:var(--space-16);min-height:calc(100dvh - var(--nav-height) - var(--space-20))}}.hero__copy{display:grid;justify-items:start;gap:var(--space-4)}.hero__count{background:var(--bg-elevated);border:1px solid var(--line)}.hero__dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 25%,transparent)}.hero__title{margin:var(--space-2) 0 0 -.04em;line-height:.88}.hero__tag{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(1.25rem,3.5vw,1.75rem);letter-spacing:-.02em}.hero__quip{color:var(--ink-3);font-size:var(--text-lg)}.hero__cta{margin-top:var(--space-4)}.hero__play{min-width:220px;font-size:var(--text-2xl);letter-spacing:.06em}.hero__play .icon{transition:transform var(--dur-base) var(--ease-spring)}.hero__play:hover .icon{transform:translate(3px) scale(1.1)}.hero__more{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);margin-top:var(--space-2)}.hero__link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--ink-2);font-weight:var(--weight-bold);font-size:var(--text-sm);text-decoration:none;transition:background-color var(--dur-fast),color var(--dur-fast)}.hero__link:hover{background:var(--bg-sunken);color:var(--ink)}.hero__stats{display:flex;gap:var(--space-8);margin:var(--space-4) 0 0;padding-top:var(--space-5);border-top:1px solid var(--line)}.hero__stats dt{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--ink-3)}.hero__stats dd{margin:0;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-2xl)}.teaser{display:grid;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-2);transform:rotate(1.2deg);transition:transform var(--dur-slow) var(--ease-out)}.teaser:hover,.teaser:focus-within{transform:rotate(0)}.teaser__head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.teaser__q{font-size:var(--text-xl);line-height:1.25;font-weight:var(--weight-bold)}.teaser__options{display:grid;gap:var(--space-2)}.teaser__opt{min-height:48px;padding:var(--space-2) var(--space-4);border:1.5px solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg);text-align:left;font-weight:var(--weight-medium);transition:border-color var(--dur-fast),background-color var(--dur-fast),opacity var(--dur-base)}.teaser__opt[data-state=idle]:hover{border-color:var(--primary)}.teaser__opt[data-state=correct],.teaser__opt[data-state=reveal]{border-color:var(--success);background:var(--success-soft);color:var(--success-ink)}.teaser__opt[data-state=correct]{animation:pop var(--dur-feedback) var(--ease-spring)}.teaser__opt[data-state=wrong]{border-color:var(--error);background:var(--error-soft);color:var(--error-ink);animation:shake var(--dur-feedback) var(--ease-out)}.teaser__opt[data-state=dim]{opacity:.45}.teaser__opt:focus-visible{border-radius:var(--radius-md)}.teaser__foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);min-height:36px;font-size:var(--text-sm)}.teaser__verdict{font-weight:var(--weight-bold)}.teaser__verdict.is-right{color:var(--success-ink)}.teaser__verdict.is-wrong{color:var(--error-ink)}.category-grid{display:grid;gap:var(--space-3)}@media(min-width:640px){.category-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media(min-width:1024px){.category-grid{grid-template-columns:repeat(3,1fr)}}.category-card{--cat: var(--primary);position:relative;display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--line);box-shadow:var(--shadow-1);text-decoration:none;color:inherit;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base)}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:color-mix(in srgb,var(--cat) 45%,var(--line))}.category-card:focus-visible{border-radius:var(--radius-lg)}.category-card__emoji{grid-row:span 2;display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--cat) 15%,var(--bg-elevated));font-size:28px;transition:transform var(--dur-base) var(--ease-spring)}.category-card:hover .category-card__emoji{transform:rotate(-8deg) scale(1.06)}.category-card__body{display:grid;gap:2px;padding-right:var(--space-8)}.category-card__name{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg);line-height:1.2}.category-card__desc{color:var(--ink-3);font-size:var(--text-sm);line-height:1.4}.category-card__foot{grid-column:2;display:grid;gap:var(--space-2);margin-top:var(--space-2)}.category-card__meta{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--ink-2)}.category-card__meta .num{white-space:nowrap}.category-card__vibe{color:var(--ink-3);font-weight:var(--weight-medium);text-align:right}.category-card__best{display:inline-flex;align-items:center;gap:4px;color:var(--primary-ink)}.category-card__go{position:absolute;top:var(--space-5);right:var(--space-5);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bg-sunken);color:var(--ink-2);transition:background-color var(--dur-fast),color var(--dur-fast),transform var(--dur-base) var(--ease-out)}.category-card:hover .category-card__go{background:var(--primary);color:var(--on-primary);transform:translate(2px)}.category-card--random{background:linear-gradient(var(--bg-elevated),var(--bg-elevated)) padding-box,linear-gradient(120deg,var(--accent),var(--primary)) border-box;border:1.5px solid transparent}.category-card--random .category-card__emoji{background:var(--accent-soft)}.diffbar{display:flex;gap:2px;height:6px;border-radius:var(--radius-pill);overflow:hidden}.diffbar__seg{min-width:3px}.diffbar__seg--easy{background:var(--success)}.diffbar__seg--medium{background:var(--warning)}.diffbar__seg--hard{background:var(--accent)}.podium{display:flex;justify-content:center;align-items:flex-end;gap:var(--space-2);margin:0 0 var(--space-6);padding:0;list-style:none}.podium__spot{flex:0 1 calc((100% - 2 * var(--space-2)) / 3);max-width:260px;display:grid;justify-items:center;gap:var(--space-1);min-width:0;padding:var(--space-5) var(--space-2) var(--space-4);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--line);text-align:center}.podium__spot--1{order:2;padding-top:var(--space-8);padding-bottom:var(--space-8);border-color:color-mix(in srgb,var(--gold) 60%,var(--line));box-shadow:0 16px 40px -20px color-mix(in srgb,var(--gold) 80%,transparent)}.podium__spot--2{order:1}.podium__spot--3{order:3}.podium__spot.is-me{outline:2px solid var(--primary);outline-offset:2px}.podium__medal{padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-black);color:#fff}.podium__spot--1 .podium__medal{background:var(--gold);color:#3b2a00}.podium__spot--2 .podium__medal{background:var(--silver)}.podium__spot--3 .podium__medal{background:var(--bronze)}.podium__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-bold);text-decoration:none}.podium__name:hover{text-decoration:underline}.podium__score{font-family:var(--font-display);font-weight:var(--weight-black);font-size:clamp(1.125rem,4vw,1.75rem);line-height:1}.podium__spot--1 .podium__score{font-size:clamp(1.4rem,5vw,2.25rem);color:var(--primary)}.podium__meta{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--ink-3)}.lb-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.lb-row{display:grid;grid-template-columns:28px 40px 1fr auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--line)}.lb-row.is-me{border-color:var(--primary);background:var(--primary-soft)}.lb-row__rank{font-weight:var(--weight-black);color:var(--ink-3);text-align:center}.lb-row__who{display:grid;min-width:0}.lb-row__name{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);text-decoration:none;overflow:hidden;white-space:nowrap}.lb-row__name:hover{text-decoration:underline}.lb-row__meta{font-size:var(--text-xs);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row__streak{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--accent-ink)}.lb-row__score{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg)}@media(max-width:420px){.lb-row{grid-template-columns:24px 40px 1fr auto}.lb-row__streak{display:none}}.rival-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}@media(min-width:768px){.rival-list{grid-template-columns:repeat(2,1fr)}}.rival{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.rival__who{display:grid;min-width:0}.rival__name{font-weight:var(--weight-bold);text-decoration:none}.rival__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-3)}.duel-grid{display:grid;gap:var(--space-3)}@media(min-width:768px){.duel-grid{grid-template-columns:repeat(2,1fr)}}.duel-card{display:grid;gap:var(--space-4);padding:var(--space-5)}.duel-card__head,.duel-card__foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap}.duel-card__date{font-size:var(--text-xs)}.duel-card__foot{font-size:var(--text-sm)}.duel-card__versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2)}.duel-card__side{display:grid;justify-items:start;gap:2px;min-width:0;text-decoration:none}.duel-card__side--right{justify-items:end;text-align:right}.duel-card__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-bold)}.duel-card__score{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-xl)}.duel-card__vs{font-family:var(--font-display);font-weight:var(--weight-black);font-style:italic;color:var(--accent)}.profile-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5);margin-bottom:var(--space-8)}.profile-head__who{display:grid;gap:var(--space-1);flex:1;min-width:220px}.profile-head__name{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(min-width:768px){.stat-grid{grid-template-columns:repeat(3,1fr)}}.stat{display:grid;gap:2px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--line)}.stat__label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--ink-3)}.stat__value{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-3xl);line-height:1.1;letter-spacing:-.02em}.stat__hint{font-size:var(--text-xs);color:var(--ink-3)}.stat--primary .stat__value{color:var(--primary)}.stat--accent .stat__value{color:var(--accent-ink)}.cat-perf{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.cat-perf__row{display:grid;grid-template-columns:28px minmax(0,1fr) 72px;grid-template-areas:"emoji name best" "emoji bar correct";align-items:center;gap:2px var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}@media(min-width:768px){.cat-perf__row{grid-template-columns:28px 200px 1fr 80px 90px;grid-template-areas:"emoji name bar best correct"}}.cat-perf__row.is-empty{opacity:.55}.cat-perf__emoji{grid-area:emoji;font-size:20px}.cat-perf__name{grid-area:name;font-weight:var(--weight-bold);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-perf__name:hover{text-decoration:underline}.cat-perf__bar{grid-area:bar;height:6px}.cat-perf__best{grid-area:best;text-align:right;font-weight:var(--weight-black)}.cat-perf__correct{grid-area:correct;text-align:right;font-size:var(--text-xs)}.run-list{display:grid;margin:0;padding:0;list-style:none}.run-list__row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.run-list__what{display:grid;min-width:0;font-size:var(--text-sm)}.run-list__score{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg)}.achievement-grid{display:grid;gap:var(--space-3)}@media(min-width:640px){.achievement-grid{grid-template-columns:repeat(2,1fr)}}.achievement{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--line)}.achievement__badge{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:var(--radius-md);background:var(--bg-sunken);color:var(--ink-3);font-size:26px}.achievement.is-unlocked .achievement__badge{background:linear-gradient(135deg,var(--warning-soft),var(--accent-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 50%,transparent)}.achievement.is-fresh .achievement__badge{animation:pop var(--dur-feedback) var(--ease-spring) 2}.achievement__body{display:grid;gap:2px;min-width:0;flex:1}.achievement__title{font-size:var(--text-md)}.achievement:not(.is-unlocked) .achievement__title{color:var(--ink-2)}.achievement__desc{font-size:var(--text-sm);color:var(--ink-3)}.achievement__when{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--success-ink)}.achievement__progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--text-xs)}.achievement__progress .progress{height:6px}.settings{display:grid}.setting{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3) var(--space-5);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--line)}.setting:last-child{border-bottom:none}.setting__text{display:grid;gap:2px}.setting__title{font-weight:var(--weight-bold)}.setting__hint{font-size:var(--text-sm);color:var(--ink-3)}.segmented--compact button{min-height:36px}.switch{position:relative;width:52px;height:32px;padding:0;border:none;border-radius:var(--radius-pill);background:var(--line-strong);transition:background-color var(--dur-base) var(--ease-out)}.switch[aria-checked=true]{background:var(--primary)}.switch__thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:var(--shadow-1);transition:transform var(--dur-base) var(--ease-spring)}.switch[aria-checked=true] .switch__thumb{transform:translate(20px)}.switch:focus-visible{border-radius:var(--radius-pill)}.name-prompt{display:grid;gap:var(--space-2)}.name-prompt__title{font-size:var(--text-lg)}.name-prompt__row{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.name-prompt__row .input{flex:1;min-width:0}@media(max-width:400px){.name-prompt__row{flex-direction:column}}.how__block p+p,.how__block p+dl,.how__block dl+p,.how__block p+table{margin-top:var(--space-3)}.how__block .section-title{margin-bottom:var(--space-3)}.how__timers,.how__keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);margin:var(--space-3) 0 0}.how__timers>div,.how__keys>div{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--line)}.how__timers dt,.how__keys dd{font-size:var(--text-sm);color:var(--ink-3);margin:0}.how__timers dd{margin:0;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-2xl)}.how__keys{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.how__keys dt{display:flex;gap:4px;align-items:center;margin-bottom:var(--space-1)}.how__formula{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--primary-soft);color:var(--primary-ink);font-family:var(--font-display);font-size:var(--text-lg)}.how__table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.how__table th,.how__table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);text-align:left}.how__table th{color:var(--ink-3);font-weight:var(--weight-bold)}.not-found__code{font-family:var(--font-display);font-weight:var(--weight-black);font-size:clamp(5rem,22vw,9rem);line-height:.9;letter-spacing:-.05em;color:var(--primary);transform:rotate(-4deg)}.admin__login{display:flex;align-items:end;gap:var(--space-3);flex-wrap:wrap}.admin__login .field{flex:1;min-width:220px}.admin__counts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3);margin:0}.admin__counts>div{padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--line)}.admin__counts dt{font-size:var(--text-xs);color:var(--ink-3)}.admin__counts dd{margin:0;font-weight:var(--weight-black);font-size:var(--text-xl)}.admin__table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elevated)}.admin__table{width:100%;border-collapse:collapse;font-size:var(--text-xs)}.admin__table th,.admin__table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.admin__head{grid-template-columns:1fr auto;align-items:end}.admin-login{display:grid;gap:var(--space-4);max-width:420px;margin:var(--space-10) auto 0}.admin-login__lock{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary-ink)}.admin-upload__row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.admin-drop{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);border:2px dashed var(--line-strong);border-radius:var(--radius-lg);cursor:pointer;color:var(--ink-2);transition:border-color var(--dur-fast),background-color var(--dur-fast)}.admin-drop:hover,.admin-drop:focus-within{border-color:var(--primary);background:var(--primary-soft)}.admin-json{min-height:180px;padding:var(--space-3) var(--space-4);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--text-sm);resize:vertical}.admin-help{font-size:var(--text-sm);color:var(--ink-2)}.admin-help summary{cursor:pointer;font-weight:var(--weight-bold)}.admin-help ul{margin:var(--space-2) 0 0;padding-left:var(--space-5);display:grid;gap:var(--space-1)}.admin-help code{padding:1px 5px;border-radius:var(--radius-xs);background:var(--bg-sunken);font-size:.92em}.admin-report--done{background:var(--success-soft);color:var(--success-ink)}.signin{display:grid;gap:var(--space-2);justify-items:start}.signin__title{font-size:var(--text-lg)}.signin__button{min-height:44px;margin-top:var(--space-1)}.signin-card{margin-bottom:var(--space-8);background:linear-gradient(var(--bg-elevated),var(--bg-elevated)) padding-box,linear-gradient(120deg,var(--accent),var(--primary)) border-box;border:1.5px solid transparent}.scorecard{margin-top:0;margin-bottom:var(--space-10)}.topnav__signin{white-space:nowrap}.prose .section{margin-top:var(--space-8)}.prose .section-title{margin-bottom:var(--space-3)}.prose h3{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-md)}.prose p,.prose li{color:var(--ink-2)}.prose p+p{margin-top:var(--space-3)}.prose ul{display:grid;gap:var(--space-2);margin:var(--space-3) 0;padding-left:var(--space-5)}.prose a,.contact-details a,.contact-form a,.notice a{color:var(--primary-ink);font-weight:var(--weight-bold)}.about-list{list-style:none;padding:0!important}.about-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--line);color:var(--ink)}.about-list .icon{flex:none;color:var(--primary)}.credit__name{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-xl);color:var(--ink)!important}.contact-details{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-10);margin:0 0 var(--space-6)}.contact-details dt{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--ink-3)}.contact-details dd{margin:0;font-weight:var(--weight-bold)}.contact-form,.contact-form__row{display:grid;gap:var(--space-4)}@media(min-width:640px){.contact-form__row{grid-template-columns:1fr 1fr}}.contact-form__message{min-height:140px;padding:var(--space-3) var(--space-4);resize:vertical}select.input{appearance:auto}.contact-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5)}.contact-form__note{font-size:var(--text-sm)}.field-hint{font-size:var(--text-xs);color:var(--ink-3)}.loading-caption,.question-loading__caption{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-3);animation:fade-in var(--dur-slow) both}.gameover__report{margin-top:var(--space-4);text-align:center;font-size:var(--text-sm)}.gameover__report a{color:var(--primary-ink);font-weight:var(--weight-bold)}.rarity--common{--rarity: #8a93a6}.rarity--uncommon{--rarity: #23a866}.rarity--rare{--rarity: #2f7cf6}.rarity--epic{--rarity: #9a4dff}.rarity--legendary{--rarity: #e99a0c}.rarity--mythic{--rarity: #f0407f}.rarity-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--rarity) 16%,transparent);color:color-mix(in srgb,var(--rarity) 75%,var(--ink));font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase}.medal{--size: 52px;position:relative;display:grid;place-items:center;flex:none;width:var(--size);height:var(--size);border-radius:50%;background:var(--bg-sunken);color:var(--ink-3);font-size:calc(var(--size) * .48);line-height:1}.medal--sm{--size: 36px}.medal--lg{--size: 96px}.medal.is-unlocked{background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--rarity) 30%,white),color-mix(in srgb,var(--rarity) 55%,var(--bg-elevated)));box-shadow:0 0 0 3px color-mix(in srgb,var(--rarity) 55%,transparent),0 6px 18px -8px var(--rarity)}.rarity--legendary .medal.is-unlocked,.rarity--mythic .medal.is-unlocked{animation:medal-glow 3s var(--ease-in-out) infinite}@keyframes medal-glow{50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--rarity) 70%,transparent),0 0 22px -2px var(--rarity)}}.trophy-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.trophy{display:flex;gap:var(--space-3);align-items:center;width:100%;min-height:84px;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--ink);text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast)}.trophy:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--rarity) 50%,var(--line))}.trophy.is-unlocked{border-color:color-mix(in srgb,var(--rarity) 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--rarity) 7%,var(--bg-elevated)),var(--bg-elevated) 60%)}.trophy__body{display:grid;gap:2px;min-width:0;flex:1}.trophy__title{font-weight:var(--weight-bold);overflow-wrap:anywhere}.trophy:not(.is-unlocked) .trophy__title{color:var(--ink-2)}.trophy__meta{font-size:var(--text-xs);color:color-mix(in srgb,var(--rarity) 70%,var(--ink-2));font-weight:var(--weight-medium)}.trophy__when{font-size:var(--text-xs);color:var(--success-ink);font-weight:var(--weight-bold)}.trophy__progress{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center;font-size:var(--text-xs);color:var(--ink-3)}.trophy__progress .progress,.ach-detail__progress .progress{height:6px}.trophy__progress .progress>span,.ach-detail__progress .progress>span{background:var(--rarity)}.ach-detail{display:grid;justify-items:center;gap:var(--space-3);text-align:center}.ach-detail__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.ach-detail__desc{font-size:var(--text-md)}.ach-detail__flavour{font-style:italic;color:var(--ink-2)}.ach-detail__when{display:inline-flex;gap:var(--space-1);align-items:center;color:var(--success-ink);font-weight:var(--weight-bold)}.ach-detail__progress{display:grid;gap:var(--space-1);width:100%}.ach-detail .btn{width:100%}.unlock-summary{display:grid;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.unlock-summary__title{font-size:var(--text-lg)}.unlock-summary__list,.unlock-strip,.showcase-picker{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.unlock-summary__list li{animation:rise-in var(--dur-slow) var(--ease-spring) both}.unlock-pill{display:flex;gap:var(--space-3);align-items:center;width:100%;padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb,var(--rarity) 35%,var(--line));border-radius:var(--radius-md);background:color-mix(in srgb,var(--rarity) 6%,var(--bg-elevated));color:var(--ink);text-align:left;text-decoration:none;cursor:pointer}.unlock-pill>span{display:grid;min-width:0}.unlock-pill strong{overflow-wrap:anywhere}.unlock-pill .muted{font-size:var(--text-xs)}.unlock-pill.is-on{outline:2px solid var(--rarity);outline-offset:1px}.unlock-pill:disabled{opacity:.5;cursor:not-allowed}.showcase-picker{max-height:50vh;overflow:auto;padding:2px}.showcase-picker__order{margin-left:auto;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--rarity);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold)}.toast{pointer-events:auto;text-decoration:none}.toast--text{padding:var(--space-3) var(--space-5);font-weight:var(--weight-bold)}.toast .medal{box-shadow:none}.dialog:has(.share){width:min(520px,calc(100vw - 32px))}.share{display:grid;gap:var(--space-3)}.share__preview{width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--bg-sunken)}.share__text{color:var(--ink-2)}.share__link{display:flex;gap:var(--space-2)}.share__link .input{flex:1;min-width:0}.share__channels{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.share__channel{display:grid;justify-items:center;gap:var(--space-1);padding:var(--space-2) 0;border-radius:var(--radius-md);color:var(--ink);font-size:var(--text-xs);font-weight:var(--weight-medium);text-decoration:none}.share__channel:hover{background:var(--bg-sunken)}.share__channel svg{width:40px;height:40px;padding:9px;border-radius:50%;color:#fff}.share__channel--whatsapp svg{background:#1fa855}.share__channel--x svg{background:#111}.share__channel--facebook svg{background:#1877f2}.share__channel--telegram svg{background:#229ed9}.share__channel--email svg{background:var(--ink-3)}.share__extras{display:flex;gap:var(--space-2);flex-wrap:wrap}.share__qr{display:grid;justify-items:center;gap:var(--space-2)}.qr{border-radius:var(--radius-sm)}.share__hint{font-size:var(--text-xs)}.collection-summary{display:grid;gap:var(--space-4)}@media(min-width:768px){.collection-summary{grid-template-columns:minmax(220px,1fr) 2fr;align-items:center}}.collection-summary__main{display:grid;gap:var(--space-1)}.collection-summary__count{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-black);line-height:1}.collection-summary__rarities{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-2) var(--space-4);font-size:var(--text-sm)}.collection-summary__rarities li{display:flex;align-items:center;gap:var(--space-2)}.collection-summary__dot{width:10px;height:10px;border-radius:50%;background:var(--rarity)}.collection-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-6)}.collection-filters__search{flex:1 1 220px}.collection-filters__search .input{width:100%}.select{width:auto;min-width:0;max-width:100%;padding-right:var(--space-8)}.collection-count{margin-top:var(--space-2);font-size:var(--text-sm)}.cert-lookup{display:grid;gap:var(--space-2)}.cert-lookup label{font-weight:var(--weight-bold)}.cert-lookup .input{flex:1 1 200px;text-transform:uppercase}.cert-list{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cert-card{display:grid;gap:var(--space-1);padding:var(--space-4);border:2px solid color-mix(in srgb,var(--rarity) 45%,var(--line));border-radius:var(--radius-md);background:color-mix(in srgb,#fbf7ee 85%,var(--bg-elevated));color:#17151f;text-decoration:none}.cert-card .muted{color:#5b5470}.cert-card__id{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);color:#4b2fd6}.cert-verified{margin-bottom:var(--space-4)}.cert-figure img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.cert-facts{display:grid;gap:var(--space-3);margin-top:var(--space-5)}@media(min-width:640px){.cert-facts{grid-template-columns:repeat(2,1fr)}}.cert-facts dt{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-3)}.cert-facts dd{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.result-hero,.ach-hero{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);text-align:center}.result-hero__who{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink);text-decoration:none}.result-hero__score{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-black);line-height:.95;letter-spacing:var(--tracking-display);color:var(--primary)}.result-hero__place,.result-hero__lede{font-size:var(--text-lg);color:var(--ink-2)}.result-hero .stat-grid{width:100%}.result-hero__unlocks{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.result-hero__unlocks .unlock-pill{width:auto}.ach-hero{background:linear-gradient(160deg,color-mix(in srgb,var(--rarity) 12%,var(--bg-elevated)),var(--bg-elevated) 70%)}.ach-hero__title{font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--leading-tight)}.daily-hero,.quiz-hero{position:relative;display:grid;gap:var(--space-3);padding:var(--space-8) var(--space-6);overflow:hidden;isolation:isolate}.daily-hero:before,.quiz-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--art, none) center / cover no-repeat;opacity:.16;mask-image:linear-gradient(90deg,transparent 20%,#000 90%)}.daily-hero__date{font-size:var(--text-lg);color:var(--ink-2)}.daily-hero__facts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.daily-hero__facts li{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--bg-sunken);font-size:var(--text-sm);font-weight:var(--weight-medium)}.daily-hero__done{font-size:var(--text-lg)}.daily-nav{display:flex;justify-content:space-between;margin-top:var(--space-4)}.lb-row a.lb-row__streak{color:var(--ink-3)}.gallery-grid{display:grid;gap:var(--space-4);margin-top:var(--space-5)}@media(min-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr);align-items:start}}.gallery-section{display:grid;gap:var(--space-2)}.gallery-list{display:grid;gap:var(--space-1);margin-top:var(--space-2);counter-reset:g}.gallery-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--line)}.gallery-item__body{display:grid;gap:2px;flex:1;min-width:0;font-size:var(--text-sm)}.gallery-item__who{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);color:var(--ink);text-decoration:none}.gallery-item__title{font-weight:var(--weight-bold);color:var(--ink)}.gallery-item__value{font-weight:var(--weight-black);color:var(--primary-ink);text-decoration:none;white-space:nowrap}.gallery-empty{padding:var(--space-4) 0}.quiz-list{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.quiz-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--ink);text-decoration:none}.quiz-link>span:nth-child(2){display:grid;flex:1;min-width:0}.quiz-link .muted{font-size:var(--text-sm)}.quiz-link__emoji{font-size:28px}.quiz-hero .btn--xl{justify-self:start}.profile-title{display:inline-block;font-weight:var(--weight-bold);color:var(--accent-ink)}.profile-head__public{font-size:var(--text-sm)}.showcase{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.showcase__item{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);border:1px solid color-mix(in srgb,var(--rarity) 35%,var(--line));border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 10%,var(--bg-elevated)),var(--bg-elevated));color:var(--ink);text-align:center;text-decoration:none;cursor:pointer}.showcase__item .muted{font-size:var(--text-xs)}.title-pick{display:grid;gap:var(--space-2);max-width:360px}.lb-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.home-section{width:min(100%,var(--content-max));margin:var(--space-12) auto 0;padding:0 var(--gutter)}.home-section.card{width:min(calc(100% - 2 * var(--gutter)),var(--content-max));padding:var(--space-6)}.feature-grid{display:grid;gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.feature{display:grid;align-content:start;justify-items:start;gap:var(--space-2);padding:var(--space-5)}.feature p{color:var(--ink-2);font-size:var(--text-sm)}.feature__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary-ink)}.proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);text-align:center}.proof dt{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-3)}.proof dd{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-black)}.show-off{display:grid;gap:var(--space-4)}@media(min-width:768px){.show-off{grid-template-columns:1fr auto;align-items:center}}.footer__tagline{font-weight:var(--weight-bold);color:var(--ink)}@media(prefers-reduced-motion:reduce){.medal.is-unlocked,.unlock-summary__list li{animation:none!important}}.unlock-summary__list,.unlock-strip,.showcase-picker,.cert-list,.quiz-list,.gallery-list,.result-hero__unlocks,.share__channels,.daily-hero__facts,.feature-grid,.collection-summary__rarities{margin:0;padding:0;list-style:none}.collection-group__more{margin-top:var(--space-3)}@media(min-width:768px)and (max-width:1023px){.topnav__link:nth-child(n+5){display:none}}.invite-panel{display:grid;gap:var(--space-4)}.invite-panel__form{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.invite-panel__field{display:grid;gap:var(--space-1);flex:1 1 240px;font-weight:var(--weight-bold);font-size:var(--text-sm)}.invite-panel__field .select{width:100%}.invite-panel__list{display:grid;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line)}.invite-panel__list-title{font-size:var(--text-md)}.invite-panel .run-list__what{color:var(--ink);text-decoration:none}.invite-link{display:grid;gap:var(--space-3)}.invite-link__hint{font-size:var(--text-sm)}.invite-hero{gap:var(--space-4)}.invite-versus{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);width:100%}.invite-versus__side{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);border-radius:var(--radius-lg);background:var(--bg-sunken);text-align:center}.invite-versus__side.is-winner{background:var(--warning-soft);box-shadow:inset 0 0 0 2px var(--gold)}.invite-versus__name{font-weight:var(--weight-bold);color:var(--ink);overflow-wrap:anywhere}.invite-versus__score{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-black)}.invite-versus__empty{background:var(--line);color:var(--ink-3)}.invite-versus__vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--bg-elevated);font-weight:var(--weight-black);color:var(--ink-3)}.celebrate{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:var(--space-4);overflow:hidden}.celebrate__backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rarity) 35%,rgba(15,10,40,.75)),#0f0a28e0);backdrop-filter:blur(3px);animation:fade-in var(--dur-base) var(--ease-out)}.celebrate__card{position:relative;color:var(--ink);display:grid;justify-items:center;gap:var(--space-2);width:min(400px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:var(--space-6) var(--space-6) var(--space-5);border-radius:var(--radius-xl);background:var(--bg-elevated);box-shadow:0 0 0 3px color-mix(in srgb,var(--rarity) 60%,transparent),0 30px 80px -20px #0009;text-align:center;animation:celebrate-in .52s var(--ease-spring) both}.celebrate__count{position:absolute;top:var(--space-4);right:var(--space-5);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--ink-3)}.celebrate__eyebrow{font-size:var(--text-xs);font-weight:var(--weight-black);letter-spacing:var(--tracking-label);text-transform:uppercase;color:color-mix(in srgb,var(--rarity) 70%,var(--ink))}.celebrate__stage{position:relative;display:grid;place-items:center;width:200px;height:190px}.celebrate__burst{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(color-mix(in srgb,var(--rarity) 55%,transparent) 0 10deg,transparent 10deg 24deg);mask-image:radial-gradient(circle,#000 25%,transparent 70%);animation:burst-spin 9s linear infinite,fade-in .6s var(--ease-out)}.celebrate__medal{position:relative;animation:medal-pop .9s var(--ease-spring) both .12s}.celebrate .medal--lg{--size: 124px}.celebrate__headline{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--accent);animation:headline-in .5s var(--ease-spring) both .45s}.celebrate__title{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-tight);overflow-wrap:anywhere}.celebrate__desc{color:var(--ink-2)}.celebrate__flavour{font-style:italic;color:var(--ink-3)}.celebrate__cert{display:inline-flex;gap:var(--space-1);align-items:center;font-size:var(--text-sm);font-weight:var(--weight-bold)}.celebrate__actions{display:grid;gap:var(--space-2);width:100%;margin-top:var(--space-3)}.celebrate__actions .btn{width:100%;justify-content:center}.confetti{position:absolute;inset:0;pointer-events:none;z-index:1}.confetti__piece{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;opacity:0;animation:confetti-fall var(--duration) cubic-bezier(.25,.6,.45,1) var(--delay) 1 forwards}.confetti__piece--1{width:8px;height:8px;border-radius:50%}.confetti__piece--2{width:5px;height:16px}@keyframes celebrate-in{0%{opacity:0;transform:translateY(40px) scale(.85)}}@keyframes medal-pop{0%{opacity:0;transform:scale(.2) rotate(-25deg)}60%{opacity:1;transform:scale(1.18) rotate(8deg)}to{transform:scale(1) rotate(0)}}@keyframes headline-in{0%{opacity:0;transform:scale(.6)}}@keyframes burst-spin{to{transform:rotate(360deg)}}@keyframes confetti-fall{0%{opacity:1;transform:translateZ(0) rotate(0)}85%{opacity:1}to{opacity:0;transform:translate3d(var(--drift),105vh,0) rotate(var(--spin))}}@media(prefers-reduced-motion:reduce){.celebrate__card,.celebrate__medal,.celebrate__headline,.celebrate__burst{animation:none!important}.confetti{display:none}}:root[data-motion=reduce] .confetti{display:none}:root[data-motion=reduce] .celebrate__card,:root[data-motion=reduce] .celebrate__medal,:root[data-motion=reduce] .celebrate__headline,:root[data-motion=reduce] .celebrate__burst{animation:none!important}.duel-outcome--win{--rarity: #e9b428}.duel-outcome--lose{--rarity: #8a93a6}.duel-outcome--draw,.duel-outcome--waiting{--rarity: #5b3df5}.duel-outcome__glyph{display:grid;place-items:center;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--rarity) 30%,white),color-mix(in srgb,var(--rarity) 55%,var(--bg-elevated)));box-shadow:0 0 0 4px color-mix(in srgb,var(--rarity) 60%,transparent),0 8px 28px -8px var(--rarity);font-size:64px;line-height:1}.duel-outcome__title{font-size:var(--text-4xl);line-height:var(--leading-tight)}.duel-outcome--win .duel-outcome__title{color:var(--gold);text-shadow:0 2px 0 color-mix(in srgb,var(--accent) 40%,transparent)}.duel-outcome--lose .duel-outcome__title{color:var(--ink)}.duel-outcome__scores{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);width:100%;margin-top:var(--space-2)}.duel-outcome__scores>div{display:grid;gap:2px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-sunken)}.duel-outcome__scores>div.is-best{background:var(--warning-soft);box-shadow:inset 0 0 0 2px var(--gold)}.duel-outcome__who{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-2);overflow-wrap:anywhere}.duel-outcome__score{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-black)}.duel-outcome__vs{font-weight:var(--weight-black);color:var(--ink-3)}.tier--gold{--rarity: #e5a50a;--metal: linear-gradient(135deg, #fff6c8 0%, #f5c84b 35%, #c98a00 70%, #ffe58a 100%)}.tier--silver{--rarity: #9aa4b5;--metal: linear-gradient(135deg, #ffffff 0%, #d7dce4 35%, #9aa3b2 70%, #eef1f5 100%)}.tier--bronze{--rarity: #c47a3f;--metal: linear-gradient(135deg, #ffe0c2 0%, #e0a066 35%, #a85b22 70%, #f2c597 100%)}.tier--podium{--rarity: #e5a50a}.medal.is-unlocked.tier--gold,.medal.is-unlocked.tier--silver,.medal.is-unlocked.tier--bronze{background:var(--metal)}.medal.is-unlocked.tier--gold{box-shadow:0 0 0 3px #f5c84b,0 0 26px 2px #f5c84bbf}.medal.is-unlocked.tier--silver{box-shadow:0 0 0 3px #c9cfd9,0 0 16px #aab4c499}.medal.is-unlocked.tier--bronze{box-shadow:0 0 0 3px #d38b4c,0 0 16px #c47a3f8c}.medal__crown{position:absolute;top:calc(var(--size) * -.32);left:50%;transform:translate(-50%) rotate(-8deg);font-size:calc(var(--size) * .36);filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.trophy.is-live{position:relative;overflow:hidden;border:2px solid color-mix(in srgb,var(--rarity) 70%,transparent);box-shadow:0 0 18px -6px var(--rarity)}.trophy.is-live:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translate(-120%);animation:rank-shine 4.5s ease-in-out infinite;pointer-events:none}.trophy__live{color:var(--success-ink)}@keyframes rank-shine{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.is-former{position:relative}.trophy.is-former,.cert-card.is-former,.showcase__item.is-former{opacity:.5;filter:grayscale(1) blur(.3px);border-color:var(--line)!important;box-shadow:none;transition:opacity var(--dur-base),filter var(--dur-base)}.trophy.is-former:hover,.trophy.is-former:focus-visible,.cert-card.is-former:hover,.showcase__item.is-former:hover{opacity:.8;filter:grayscale(.6)}.medal.is-former{filter:grayscale(1);opacity:.6}.former-label{position:absolute;top:var(--space-2);right:var(--space-2);padding:1px 8px;border-radius:var(--radius-pill);background:var(--ink-3);color:var(--bg);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase}.trophy__former{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--accent-ink)}.cert-figure.is-former img{filter:grayscale(1);opacity:.55}.rank-motivation{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--success-soft);color:var(--success-ink);font-weight:var(--weight-bold)}.rank-motivation.is-former{background:var(--accent-soft);color:var(--accent-ink)}.rank-status{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:var(--weight-bold)}.rank-status.is-active{background:var(--success-soft);color:var(--success-ink)}.rank-status.is-former{background:var(--bg-sunken);color:var(--ink-2)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:36px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--ink-2);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer}.filter-chip .num{color:var(--ink-3);font-weight:var(--weight-medium)}.filter-chip[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.filter-chip[aria-pressed=true] .num{color:inherit;opacity:.8}.achievements-band__title{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-2)}.achievements-band--former{padding-top:var(--space-6);border-top:2px dashed var(--line-strong)}.collection-group__title{font-size:var(--text-lg)}.celebrate.is-reclaim .celebrate__medal{animation:reclaim-pop 1.1s var(--ease-spring) both .1s}@keyframes reclaim-pop{0%{filter:grayscale(1) blur(1px);opacity:.4;transform:scale(.85)}45%{filter:grayscale(.4);opacity:1;transform:scale(1.18)}to{filter:none;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.trophy.is-live:after,.celebrate.is-reclaim .celebrate__medal{animation:none!important}}:root[data-motion=reduce] .trophy.is-live:after{animation:none}.arena{--arena-bg: #160e3d;--arena-panel: rgba(255, 255, 255, .07);--arena-ink: #ffffff;--arena-dim: rgba(255, 255, 255, .7);--me: #ff6a3d;--them: #7c6bff;position:relative;display:flex;flex-direction:column;gap:var(--space-3);min-height:100dvh;padding:var(--space-3) var(--space-4) var(--space-6);background:radial-gradient(circle at 50% -10%,#3a1fa8 0%,var(--arena-bg) 60%);color:var(--arena-ink);overflow:hidden}.arena--plain{justify-content:center;align-items:center}.arena--final{background:radial-gradient(circle at 50% -10%,#8a1f4a,#1d0b2e 65%)}.arena.is-shaking{animation:arena-shake .32s ease-out}.arena .muted{color:var(--arena-dim)}.arena__scores{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2);max-width:760px;width:100%;margin:0 auto}.arena__side{display:flex;align-items:center;gap:var(--space-2);min-width:0}.arena__side--ghost{flex-direction:row;justify-content:flex-end;text-align:right}.arena__who{display:grid;gap:4px;flex:1;min-width:0}.arena__name{font-size:var(--text-sm);font-weight:var(--weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena__bar{height:8px;border-radius:var(--radius-pill);background:#ffffff1f;overflow:hidden}.arena__bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--me),#ffc53d);transform-origin:left;transition:transform .5s var(--ease-out)}.arena__bar--ghost>span{background:linear-gradient(270deg,var(--them),#3dc5ff);transform-origin:right}.arena__score{font-family:var(--font-display);font-size:clamp(1.4rem,5vw,2.2rem);font-weight:var(--weight-black);min-width:3ch}.arena__side--me .arena__score{color:#ffd2c2}.arena__side--ghost .arena__score{color:#d6d0ff}.arena__mid{display:grid;justify-items:center}.arena__round{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--arena-dim)}.arena__vs{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg);color:#ffc53d}.arena__intro{display:grid;justify-items:center;gap:var(--space-3);max-width:520px;margin:auto;text-align:center}.arena__intro .eyebrow{color:#ffc53d}.arena__intro-title{font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--leading-tight)}.arena__vs-big{color:#ffc53d}.arena__intro-text{color:var(--arena-dim)}.arena__rules{display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--arena-panel);font-size:var(--text-sm);list-style:none}.arena__countdown{position:fixed;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:var(--space-3);background:#0a061ebf;text-align:center}.arena__countdown.is-final{background:radial-gradient(circle,#a01e46bf,#0a061ee6)}.arena__countdown-label{font-weight:var(--weight-black);letter-spacing:.2em;color:#ffc53d}.arena__countdown-sub{color:var(--arena-dim)}.arena__countdown-n{font-family:var(--font-display);font-size:clamp(6rem,30vw,11rem);font-weight:var(--weight-black);line-height:1;animation:count-pop .65s var(--ease-spring) both}.arena__banners{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);min-height:32px}.arena__banner{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-black);letter-spacing:.06em}.arena__banner--final{background:#ff3d6e;animation:pulse-glow 1.2s ease-in-out infinite}.arena__banner--comeback{background:#ffc53d;color:#2a1a00;animation:pulse-glow 1.2s ease-in-out infinite}.arena__combo{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:linear-gradient(90deg,#ff6a3d,#ffc53d);color:#2a1000;font-size:var(--text-sm);font-weight:var(--weight-black);animation:combo-pop .5s var(--ease-spring) both}.arena__timer{max-width:760px;width:100%;margin:0 auto;height:10px;border-radius:var(--radius-pill);background:#ffffff1f;overflow:hidden}.arena__timer>span{display:block;height:100%;background:#3de0a0;transform-origin:left;transition:transform .1s linear}.arena__timer>span.is-low{background:#ff3d6e}.arena__timer-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);max-width:760px;width:100%;margin:0 auto}.arena__time{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-xl)}.arena__ghost-status{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--arena-dim)}.arena__ghost-status.is-locked{color:#d6d0ff}.arena__question{max-width:760px;width:100%;margin:var(--space-2) auto;font-family:var(--font-display);font-size:var(--text-question);line-height:var(--leading-snug);text-align:center}.arena__answers{display:grid;gap:var(--space-2);max-width:760px;width:100%;margin:0 auto}@media(min-width:640px){.arena__answers{grid-template-columns:1fr 1fr}}.arena__answer{display:flex;align-items:center;gap:var(--space-3);min-height:60px;padding:var(--space-3) var(--space-4);border:2px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);background:var(--arena-panel);color:var(--arena-ink);font-size:var(--text-md);font-weight:var(--weight-bold);text-align:left;cursor:pointer;transition:transform var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast)}.arena__answer:hover:not(:disabled){transform:translateY(-2px);border-color:#ffc53d}.arena__answer[data-state=picked]{border-color:#ffc53d;background:#ffc53d2e}.arena__answer[data-state=correct]{border-color:#3de0a0;background:#3de0a040;animation:pop var(--dur-feedback) var(--ease-spring)}.arena__answer[data-state=wrong]{border-color:#ff3d6e;background:#ff3d6e40}.arena__answer[data-state=dim]{opacity:.45}.arena__answer:disabled{cursor:default}.arena__key{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:var(--radius-sm);background:#ffffff24;font-size:var(--text-sm)}.arena__verdict{display:grid;justify-items:center;gap:var(--space-2);max-width:760px;width:100%;margin:0 auto;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--arena-panel);text-align:center;animation:rise-in var(--dur-base) var(--ease-out)}.arena__verdict.is-good .arena__verdict-title{color:#3de0a0}.arena__verdict.is-bad .arena__verdict-title{color:#ff7d9b}.arena__verdict-title{font-size:var(--text-lg)}.arena__points{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1) var(--space-3);font-weight:var(--weight-black)}.arena__points>span{animation:points-in .38s var(--ease-spring) both}.arena__points>span:nth-child(2){animation-delay:70ms}.arena__points>span:nth-child(3){animation-delay:.14s}.arena__points>span:nth-child(4){animation-delay:.21s}.arena__points>span:nth-child(5){animation-delay:.28s}.arena__points>span:nth-child(n+6){animation-delay:.35s}.arena__total{color:#ffc53d;font-size:var(--text-xl)}.arena__earned{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:#7c6bff59;font-size:var(--text-sm);font-weight:var(--weight-bold)}.arena__reactions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1)}.arena__react{min-width:40px;height:40px;border:0;border-radius:var(--radius-pill);background:#ffffff1a;color:var(--arena-ink);font-size:20px;cursor:pointer}.arena__react:hover{background:#ffffff38}.arena__footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2);max-width:760px;width:100%;margin:auto auto 0}.arena__footer .btn--ghost{color:var(--arena-dim)}.arena__powerups{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.arena__powerup{display:inline-flex;align-items:center;gap:var(--space-1);min-height:40px;padding:0 var(--space-3);border:2px solid #7c6bff;border-radius:var(--radius-pill);background:#7c6bff40;color:var(--arena-ink);font-weight:var(--weight-bold);cursor:pointer;animation:pulse-glow 2s ease-in-out infinite}.arena__powerup:disabled{opacity:.5;animation:none;cursor:default}.arena__active-powerup{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:#ffc53d;color:#2a1a00;font-weight:var(--weight-black);font-size:var(--text-sm)}.arena__powerup-hint{font-size:var(--text-xs)}.arena__notice{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:#ff3d6e;font-weight:var(--weight-bold)}.arena__floating{position:fixed;inset:0;pointer-events:none}.arena__float{position:absolute;bottom:18%;left:50%;font-size:40px;animation:float-up 1.4s ease-out forwards}.arena-result{position:relative;display:grid;justify-items:center;align-content:center;gap:var(--space-3);min-height:100dvh;padding:var(--space-6) var(--space-4);background:radial-gradient(circle at 50% 20%,#3a1fa8,#160e3d 65%);color:#fff;text-align:center;overflow:hidden}.arena-result--loss{background:radial-gradient(circle at 50% 20%,#2c2550,#120c2a 70%)}.arena-result .eyebrow{color:#ffc53d}.arena-result__glow{position:absolute;inset:-30%;background:repeating-conic-gradient(rgba(255,197,61,.18) 0 10deg,transparent 10deg 22deg);mask-image:radial-gradient(circle,#000 20%,transparent 60%);animation:burst-spin 14s linear infinite;pointer-events:none}.arena-result>:not(.celebrate){position:relative}.arena-result__title{font-family:var(--font-display);font-size:clamp(2.6rem,11vw,4.8rem);line-height:1;animation:count-pop .7s var(--ease-spring) both}.arena-result--win .arena-result__title,.arena-result--daily .arena-result__title{color:#ffc53d;text-shadow:0 4px 0 rgba(255,106,61,.45)}.arena-result__score{font-family:var(--font-display);font-size:clamp(3rem,14vw,6rem);font-weight:var(--weight-black);line-height:1}.arena-result__line{max-width:34ch;font-size:var(--text-lg);color:#ffffffd9}.arena-result__sudden{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#ff3d6e40;font-weight:var(--weight-bold)}.arena-result__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2);width:min(560px,100%)}.arena-result__stats>div{padding:var(--space-3);border-radius:var(--radius-md);background:#ffffff14}.arena-result__stats dt{font-size:var(--text-xs);color:#ffffffb3}.arena-result__stats dd{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-black)}.is-up{color:#3de0a0}.is-down{color:#ff7d9b}.arena-result__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.arena-result .btn:not(.btn--primary){background:#ffffff1a;color:#fff;border-color:#ffffff40}.arena-rating{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.tier-badge{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg)}.tier-badge__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--bg-sunken);font-size:30px}.tier-badge--gold .tier-badge__icon{background:linear-gradient(135deg,#fff1b8,#f5c84b)}.tier-badge--silver .tier-badge__icon{background:linear-gradient(135deg,#fff,#c9cfd9)}.tier-badge--bronze .tier-badge__icon{background:linear-gradient(135deg,#ffe0c2,#d38b4c)}.tier-badge--platinum .tier-badge__icon{background:linear-gradient(135deg,#e6fbff,#8fd8e8)}.tier-badge--diamond .tier-badge__icon{background:linear-gradient(135deg,#e8f0ff,#7aa7ff)}.tier-badge--master .tier-badge__icon,.tier-badge--grandmaster .tier-badge__icon,.tier-badge--legend .tier-badge__icon{background:linear-gradient(135deg,#f3e4ff,#a35bff);box-shadow:0 0 20px -4px #a35bff}.arena-rating__stats{display:flex;flex-wrap:wrap;gap:var(--space-4)}.arena-rating__stats dt{font-size:var(--text-xs);color:var(--ink-3);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-label)}.arena-rating__stats dd{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-black)}.arena-modes{display:grid;gap:var(--space-4);margin-top:var(--space-5)}@media(min-width:768px){.arena-modes{grid-template-columns:1fr 1fr}}.arena-mode{display:grid;align-content:start;gap:var(--space-3)}.arena-mode__title{font-family:var(--font-display);font-size:var(--text-xl)}.arena-field{display:grid;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-bold)}.arena-field .select{width:100%}.arena-daily{display:grid;gap:var(--space-3);margin-top:var(--space-5);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--bg-elevated)),var(--bg-elevated))}.arena-podium{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.arena-podium li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);font-weight:var(--weight-bold)}.arena-podium__medal{font-size:22px}.arena-daily__me{font-size:var(--text-lg)}.arena-find{display:grid;justify-items:center;gap:var(--space-4);padding-top:var(--space-12);text-align:center}.arena-find__radar{position:relative;display:grid;place-items:center;width:160px;height:160px}.arena-find__radar span{position:absolute;inset:0;border:3px solid var(--primary);border-radius:50%;opacity:0;animation:radar 2.4s ease-out infinite}.arena-find__radar span:nth-child(2){animation-delay:.8s}.arena-find__radar span:nth-child(3){animation-delay:1.6s}.arena-find__radar strong{font-size:54px}.arena-match__rounds{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;width:100%;height:90px}.arena-match__round{position:relative;display:flex;align-items:flex-end;gap:2px}.arena-match__round span{flex:1;min-height:3px;border-radius:3px 3px 0 0;background:var(--primary)}.arena-match__round span.is-them{background:var(--accent)}.arena-match__round span.is-bad{opacity:.25}.arena-match__round em{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:var(--text-2xs);font-style:normal;color:var(--ink-3)}.arena-match__h2h{margin-top:var(--space-4);font-weight:var(--weight-bold)}.arena-match__reactions{font-size:18px}@keyframes arena-shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes count-pop{0%{opacity:0;transform:scale(.4)}}@keyframes combo-pop{0%{opacity:0;transform:scale(.5) rotate(-6deg)}70%{transform:scale(1.15) rotate(2deg)}}@keyframes points-in{0%{opacity:0;transform:translateY(10px) scale(.8)}}@keyframes pulse-glow{50%{box-shadow:0 0 18px #ffc53da6}}@keyframes float-up{to{transform:translate(-50%,-260px) scale(1.4);opacity:0}}@keyframes radar{0%{transform:scale(.3);opacity:.9}to{transform:scale(1.2);opacity:0}}@media(prefers-reduced-motion:reduce){.arena.is-shaking,.arena__combo,.arena__countdown-n,.arena__banner,.arena__powerup,.arena-result__glow,.arena__points>span{animation:none!important}}:root[data-motion=reduce] .arena.is-shaking,:root[data-motion=reduce] .arena-result__glow{animation:none!important}.arena-daily .section-head{flex-wrap:wrap;gap:var(--space-2)}.arena-hub .run-list__what{color:inherit;text-decoration:none}.mode-picker{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mode-tile{display:grid;gap:var(--space-1);justify-items:start;padding:var(--space-4) var(--space-5);border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--ink);text-align:left;cursor:pointer;transition:border-color var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-fast)}.mode-tile:hover{transform:translateY(-2px)}.mode-tile[aria-checked=true]{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft),var(--shadow-2)}.mode-tile--lives[aria-checked=true]{border-color:#e5484d;box-shadow:0 0 0 4px #fdecec,var(--shadow-2)}.mode-tile__icon{font-size:30px}.mode-tile__name{font-family:var(--font-display);font-size:var(--text-xl)}.mode-tile__line{font-weight:var(--weight-bold);color:var(--ink-2)}.mode-tile__detail{font-size:var(--text-sm);color:var(--ink-3)}.arena-rating__ladders{display:flex;flex-wrap:wrap;gap:var(--space-5)}.arena-rating__ladders>div{display:grid;gap:var(--space-1)}.arena-rating__ladder{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--ink-3)}.hearts{display:inline-flex;gap:2px;line-height:1}.hearts--md .heart{font-size:30px}.hearts--sm .heart{font-size:15px}.heart{transition:transform var(--dur-base) var(--ease-spring)}.heart:not(.is-full){opacity:.6;transform:scale(.85)}.hearts.is-last .heart.is-full{animation:heart-pulse .9s ease-in-out infinite}@keyframes heart-pulse{50%{transform:scale(1.3)}}.arena--one-life{box-shadow:inset 0 0 90px #ff1e4673}.arena__banner--one-life{background:#e5484d;animation:pulse-glow .9s ease-in-out infinite}.arena__banner--last{background:#ff3d6e;animation:pulse-glow .9s ease-in-out infinite}.arena__life-lost{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-black);color:#ff7d9b;animation:points-in .38s var(--ease-spring) both}.arena__surprise{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:#ffc53d;color:#2a1a00;font-weight:var(--weight-black);animation:combo-pop .6s var(--ease-spring) both}.arena__race{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-1) var(--space-3);max-width:760px;width:100%;margin:0 auto;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:#ffffff14;font-size:var(--text-sm);text-align:center}.arena__race-target{font-weight:var(--weight-bold);color:#ffc53d}.arena__race--close{background:#ff6a3d40;animation:pulse-glow 1.4s ease-in-out infinite}.arena__race--lead{background:#3de0a02e}.arena__race--danger{background:#ff3d6e4d}.arena__overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:var(--space-4);background:#0a061ed1}.arena__overlay-card{display:grid;justify-items:center;gap:var(--space-3);width:min(380px,100%);padding:var(--space-6);border-radius:var(--radius-xl);background:#241458;text-align:center;animation:celebrate-in .42s var(--ease-spring) both}.arena__overlay-title{font-family:var(--font-display);font-size:var(--text-2xl)}.arena__overlay-card .btn{width:100%;justify-content:center}.arena__overlay-card .btn--ghost{color:#ffffffbf}.arena__overlay--out{background:radial-gradient(circle,#780a28d9,#0a061ef2)}.arena__eliminated{display:grid;justify-items:center;gap:var(--space-3);animation:eliminated-in .7s var(--ease-spring) both}.arena__eliminated strong{font-family:var(--font-display);font-size:clamp(2.4rem,11vw,4rem);color:#ff7d9b}.arena__reconnect{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-black);color:#ffc53d}.arena__flash{position:fixed;top:22%;left:50%;z-index:25;transform:translate(-50%);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);background:#ff3d6e;font-weight:var(--weight-black);white-space:nowrap;animation:combo-pop .45s var(--ease-spring) both}.arena__countdown.is-last-chance{background:radial-gradient(circle,#c8143cbf,#0a061eeb)}@keyframes eliminated-in{0%{opacity:0;transform:scale(1.6);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:none}}.arena-result__why{max-width:36ch;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:#ffffff1a;font-weight:var(--weight-bold)}.arena-result__versus{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);width:min(460px,100%)}.arena-result__versus>div{display:grid;justify-items:center;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-lg);background:#ffffff14}.arena-result__versus>div.is-best{background:#ffc53d2e;box-shadow:inset 0 0 0 2px #ffc53d}.arena-result__label{font-size:var(--text-xs);font-weight:var(--weight-black);letter-spacing:var(--tracking-label);color:#ffffffbf;overflow-wrap:anywhere}.arena-result__num{font-family:var(--font-display);font-size:clamp(2rem,9vw,3.2rem);font-weight:var(--weight-black);line-height:1}.arena-result__diff{font-weight:var(--weight-black);font-size:var(--text-lg)}@media(prefers-reduced-motion:reduce){.hearts.is-last .heart.is-full,.arena__banner--one-life,.arena__race--close,.arena__eliminated{animation:none!important}}.arena-result__view{min-width:min(320px,100%);justify-content:center;box-shadow:0 0 0 4px #ffc53d59,var(--shadow-primary);animation:pulse-glow 2s ease-in-out infinite}.arena-result__hint{max-width:34ch;font-size:var(--text-sm);color:#ffffffbf}.duel-verdict{display:grid;justify-items:center;gap:var(--space-2);width:100%;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-sunken)}.duel-verdict.is-win{background:linear-gradient(135deg,var(--warning-soft),var(--accent-soft));box-shadow:inset 0 0 0 2px var(--gold)}.duel-verdict.is-new{animation:count-pop .65s var(--ease-spring) both}.duel-verdict__new{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-size:var(--text-sm);font-weight:var(--weight-bold)}.duel-verdict__title{font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--leading-tight)}.duel-verdict__scores{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-black)}.duel-verdict__scores .is-up{color:var(--success-ink)}.duel-verdict__scores .is-down{color:var(--error-ink)}.duel-winner-chip{padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--gold);color:#2a1a00;font-size:var(--text-xs);font-weight:var(--weight-black)}.duel-waiting{display:grid;justify-items:center;gap:var(--space-2);width:100%;text-align:center}.duel-waiting__live{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--error-soft);color:var(--error-ink);font-size:var(--text-xs);font-weight:var(--weight-black);letter-spacing:var(--tracking-label);text-transform:uppercase}.duel-waiting__dot{width:8px;height:8px;border-radius:50%;background:var(--error);animation:live-dot 1.2s ease-in-out infinite}.duel-waiting__title{font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--leading-snug)}.duel-waiting__hint{font-size:var(--text-sm)}@keyframes live-dot{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.arena-result__view,.duel-verdict.is-new,.duel-waiting__dot{animation:none!important}}.arena-result__trophies{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:#ffc53d2e;color:#ffd27a;font-weight:var(--weight-bold);font-size:var(--text-sm)}