.reward-line{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-16);background:var(--game-tint-gold)}.card.reward-cert{align-items:flex-start;gap:var(--space-12)}.reward-cert__head,.winner-card__head{align-items:flex-start;width:100%}.prizes-card{display:flex;flex-direction:column;gap:var(--space-16)}.prizes-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-12);flex-wrap:wrap}.prizes-list{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;list-style:none}.prize-row{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-12);background:var(--color-white)}.prize-row__rank{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font:var(--text-en-label-s);color:var(--color-ink)}.prize-row__rank--gold{background:var(--game-tier-gold)}.prize-row__rank--silver{background:var(--game-tier-silver)}.prize-row__rank--bronze{background:var(--game-tier-bronze);color:var(--color-white)}.prize-row .t-ar-caption{overflow-wrap:anywhere}.card.winner-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-12)}@media(min-width:1024px){.card.winner-card{flex-direction:row;align-items:center;justify-content:space-between}.winner-card__head{width:auto;flex:1 1 auto}}.certs-card{display:flex;flex-direction:column;gap:var(--space-16)}.cert-list{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;list-style:none}.cert-list--wide{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cert-row{display:flex;align-items:center;gap:var(--space-12);width:100%;padding:var(--space-12);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-12);background:var(--color-white);color:inherit;font:inherit;text-align:start;cursor:pointer}.cert-row:hover{border-color:var(--color-spec)}.cert-row:focus-visible{outline:3px solid color-mix(in srgb,var(--color-spec) 55%,transparent);outline-offset:2px}.cert-row .link{flex:none}.cert-preview{width:100%;border:var(--stroke) solid var(--color-line);border-radius:var(--radius-12);overflow:hidden;background:var(--color-white)}.cert-canvas{display:block;width:100%;height:auto;aspect-ratio:1200 / 850}.cert-actions{display:flex;flex-direction:column;gap:var(--space-8);margin-block-start:var(--space-16)}.cert-actions a.btn{text-decoration:none}@media(min-width:1024px){.cert-actions{flex-direction:row}.cert-actions>*{flex:1 1 0}}.cert-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8) var(--space-16);margin-block-start:var(--space-12)}.cert-links__url{flex-basis:100%;overflow-wrap:anywhere;font:var(--text-en-mono)}.cert-modal .modal__body,.cert-modal{max-width:760px}.cert-page__body{padding-block-end:var(--space-48)}.card.cert-page__card{align-items:flex-start}.cert-valid{display:inline-flex;align-items:center;gap:var(--space-8);margin:0;padding:var(--space-8) var(--space-12);border-radius:var(--radius-full);background:var(--game-tint-success);color:var(--game-success-lip);font:var(--text-ar-label-m)}.cert-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:var(--space-12) var(--space-16);width:100%;margin:0}.cert-facts .cert-facts__wide{grid-column:1 / -1}.cert-facts div{min-width:0}.cert-facts dt{font:var(--text-ar-caption);color:var(--color-text-secondary)}.cert-facts dd{margin:0;font:var(--text-ar-label-m);color:var(--color-ink);overflow-wrap:anywhere}.cert-facts__id{font:var(--text-en-mono)!important;font-size:13px!important}.sanction h1:focus{outline:none}.sanction__facts{width:100%;max-width:calc(var(--space-96) * 4 + var(--space-24) + var(--space-8));margin:0;gap:var(--space-12);text-align:start}.sanction__fact{display:flex;flex-direction:column;gap:var(--space-4)}.sanction__fact+.sanction__fact{padding-block-start:var(--space-12);border-block-start:var(--stroke) solid var(--color-line)}.sanction__fact dd{margin:0;overflow-wrap:anywhere}.sanction .state__actions{padding-block:var(--space-8) 0}.sanction__links{display:flex;gap:var(--space-4);justify-content:center}.sanction__links a{color:var(--color-text-secondary)}.sanction-note{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-12) var(--space-16);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-card);background:var(--surface-card)}.sanction-note p{margin:0}:root,[data-theme=calm]{--font-ar: "Readex Pro", system-ui, sans-serif;--font-latin: "Geist", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--font-display: "Bricolage Grotesque", "Geist", sans-serif;--font-text: var(--font-ar);--color-ink: #10131c;--color-ink-2: #1b2030;--color-hairline-on-ink: #2c3141;--color-paper: #f7f7f5;--color-redline: #ff2e63;--color-spec: #2f6bff;--color-grey: #8a90a2;--color-grey-light: #c3c8d4;--color-white: #ffffff;--color-line: #ebebea;--color-text-secondary: #5b6172;--surface-page: #f7f7f5;--surface-card: #ffffff;--surface-chip: #f1f1ef;--surface-workspace: #eeeeec;--surface-bezel: #f1f1ef;--button-secondary-bg: #f1f1ef;--hero-eyebrow-bg: #ffffff0f;--hero-eyebrow-line: #ffffff1f;--hero-thumb-bg: #1b2030;--nav-active-label: #10131c;--nav-active-label-practice: #10131c;--nav-active-label-leaderboard: #10131c;--pro-banner-bg: #ffffff;--pro-banner-border: #ebebea;--pro-banner-cta: #f1f1ef;--surface-canvas: #eeeeec;--text-on-workspace: #10131c;--nav-desktop-active-bg: #f1f1ef;--nav-desktop-active-fg: #10131c;--pill-xp-bg: #ffffff;--pill-streak-bg: #ffffff;--pill-rank-bg: #ffffff;--pill-pro-bg: #ffffff;--pill-border: #ebebea;--hero-xp-on-ink: #f4d77a;--button-hint-bg: #ffffff29;--button-hint-fg: #ffffffcc;--button-hint-bg-on-gold: #10131c1f;--button-hint-fg-on-gold: #10131ccc;--button-arrow-bg: #ffffff29;--hero-dot-pending: #ffffff47;--game-gold: #d99a00;--game-gold-lip: #d99a00;--game-flame: #d9580a;--game-elevation-shadow: #10131c0f;--game-flame-lip: #d9580a;--game-success: #15964a;--game-success-lip: #15964a;--game-red-lip: #a8113f;--game-ink-lip: #000000;--game-spec-lip: #1e47b8;--game-card-lip: #d9dce4;--game-tier-bronze: #d08a4e;--game-tier-silver: #9aa6ba;--game-tier-gold: #ffc23d;--game-tier-emerald: #2cc9a0;--game-tier-diamond: #8b7cff;--game-tier-bronze-lip: #9c5f2c;--game-tier-silver-lip: #6c778b;--game-tier-gold-lip: #d99a00;--game-tier-emerald-lip: #149272;--game-tier-diamond-lip: #5b4bd6;--game-tint-gold: #f4ebcf;--game-tint-flame: #f3d9d4;--game-tint-success: #ddebe2;--game-tint-red: #f3d9d4;--game-tint-violet: #e4e0f2;--game-tint-spec: #dce9f3;--game-text-gold: #765700;--game-text-flame: #9a3a2c;--game-text-success: #2e6a47;--game-red-button: #e0174f;--elevation-ambient-key: #10131c08;--elevation-ambient-soft: #10131c0d;--icon-box-glyph-red: #9a3a2c;--icon-box-glyph-gold: #765700;--icon-box-glyph-flame: #9a3a2c;--icon-box-glyph-green: #2e6a47;--icon-box-glyph-blue: #2b5a80;--icon-box-glyph-violet: #4e3f8f;--icon-box-glyph-neutral: #5b6172;--elevation-bezel-shell: #eeeeec;--elevation-bezel-line: #10131c0f;--ladder-progress: #10131c;--ladder-progress-edge: #10131c;--leaderboard-row-up-bg: #ffffff;--leaderboard-row-down-bg: #ffffff;--status-done-bg: #ddebe2;--status-done-fg: #2e6a47;--tool-spec: #2563eb;--space-0: 0px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--space-80: 80px;--space-96: 96px;--radius-8: 8px;--radius-10: 10px;--radius-12: 12px;--radius-14: 14px;--radius-16: 16px;--radius-24: 24px;--radius-32: 32px;--radius-full: 999px;--size-touch-min: 44px;--size-button-l: 56px;--size-button-m: 48px;--size-input: 48px;--size-nav-mobile: 88px;--size-topbar-desktop: 64px;--size-sidebar-desktop: 240px;--radius-button: 999px;--radius-card: 24px;--radius-bezel-outer: 28px;--radius-bezel-inner: 22px;--radius-icon-box-32: 999px;--radius-icon-box-40: 999px;--radius-icon-box-48: 999px;--radius-icon-box-56: 999px;--stroke-icon: 1.5px;--stroke-card: 1px;--stroke-icon-box: 0px;--stroke-icon-box-lip: 0px;--lip-l: 0px;--lip-m: 0px;--lip-s: 0px;--space-bezel: 6px;--stroke-button-secondary: 0px;--size-progress: 6px;--space-bezel-line: 7px;--space-eyebrow-x: 10px;--space-eyebrow-y: 4px;--size-nav-cta: 48px;--space-nav-cta-offset: 48px;--size-nav-cta-slot: 48px;--button-l-pad-x: 24px;--button-m-pad-x: 20px;--radius-tag: 999px;--stroke-flaw-mark: 1.5px;--radius-flaw-mark: 8px;--text-display-xl: 800 56px/64px var(--font-display);--text-display-xl-tracking: -.02em;--text-display-l: 800 44px/52px var(--font-display);--text-display-l-tracking: -.02em;--text-display-m: 800 32px/40px var(--font-display);--text-display-m-tracking: -.01em;--text-display-s: 800 24px/32px var(--font-display);--text-display-s-tracking: -.01em;--text-number-m: 800 18px/28px var(--font-display);--text-number-m-tracking: 0em;--text-number-s: 800 16px/24px var(--font-display);--text-number-s-tracking: 0em;--text-ar-h1: 700 32px/40px var(--font-text);--text-ar-h1-tracking: 0em;--text-ar-h2: 700 24px/32px var(--font-text);--text-ar-h2-tracking: 0em;--text-ar-h3: 700 18px/28px var(--font-text);--text-ar-h3-tracking: 0em;--text-ar-label-l: 700 16px/24px var(--font-text);--text-ar-label-l-tracking: 0em;--text-ar-label-m: 700 14px/20px var(--font-text);--text-ar-label-m-tracking: 0em;--text-ar-label-s: 700 12px/16px var(--font-text);--text-ar-label-s-tracking: 0em;--text-ar-body-l: 500 16px/24px var(--font-text);--text-ar-body-l-tracking: 0em;--text-ar-body: 400 16px/24px var(--font-text);--text-ar-body-tracking: 0em;--text-ar-body-s: 400 14px/20px var(--font-text);--text-ar-body-s-tracking: 0em;--text-ar-body-s-medium: 500 14px/20px var(--font-text);--text-ar-body-s-medium-tracking: 0em;--text-ar-caption: 500 12px/16px var(--font-text);--text-ar-caption-tracking: 0em;--text-ar-caption-regular: 400 12px/16px var(--font-text);--text-ar-caption-regular-tracking: 0em;--text-en-label-l: 600 16px/24px var(--font-latin);--text-en-label-l-tracking: 0em;--text-en-label-m: 600 14px/20px var(--font-latin);--text-en-label-m-tracking: 0em;--text-en-label-s: 600 12px/16px var(--font-latin);--text-en-label-s-tracking: 0em;--text-en-body-s: 400 14px/20px var(--font-latin);--text-en-body-s-tracking: 0em;--text-en-mono: 500 12px/16px var(--font-mono);--text-en-mono-tracking: 0em;--text-button-l: 700 18px/28px var(--font-text);--text-button-l-tracking: 0em;--text-button-m: 700 16px/24px var(--font-text);--text-button-m-tracking: 0em;--dur-instant: .1s;--dur-fast: .15s;--dur-base: .22s;--dur-slow: .32s;--dur-celebrate: .9s;--ease-standard: cubic-bezier(.2,.8,.2,1);--ease-enter: cubic-bezier(0,0,.2,1);--ease-exit: cubic-bezier(.4,0,1,1);--ease-spring: linear(0, .007, .03 2.2%, .12 4.6%, .27 7.5%, .71 15.4%, .89 19.4%, 1.02 23.6%, 1.1 27.6%, 1.14 32.2%, 1.13 36.6%, 1.09 42.4%, 1.02 52.6%, .99 61%, 1 79%, 1);--motion-lift: 1px;--motion-shake: 6px;--motion-float: 2px;--motion-routeShift: 14px;--stagger-step: 30ms}[data-theme=playful]{--color-paper: #f5f6f8;--color-line: #e1e4ea;--surface-page: #f5f6f8;--surface-chip: #f5f6f8;--surface-workspace: #10131c;--surface-bezel: #ffffff;--button-secondary-bg: #ffffff;--hero-eyebrow-bg: #ffffff00;--hero-eyebrow-line: #ffffff00;--hero-thumb-bg: #000000;--nav-active-label: #e0174f;--nav-active-label-practice: #1e47b8;--nav-active-label-leaderboard: #5b4bd6;--pro-banner-bg: #fff4d6;--pro-banner-border: #ffc23d;--pro-banner-cta: #ffc23d;--surface-canvas: #ffffff;--text-on-workspace: #ffffff;--nav-desktop-active-bg: #10131c;--nav-desktop-active-fg: #ffffff;--pill-xp-bg: #fff4d6;--pill-streak-bg: #ffebdd;--pill-rank-bg: #ece9ff;--pill-pro-bg: #fff4d6;--pill-border: #e1e4ea00;--game-gold: #ffc23d;--game-flame: #ff7a1a;--game-success: #22c55e;--game-tint-gold: #fff4d6;--game-tint-flame: #ffebdd;--game-tint-success: #ddf8e7;--game-tint-red: #ffe4ec;--game-tint-violet: #ece9ff;--game-text-gold: #865c00;--game-text-flame: #b24a06;--game-tint-spec: #e6edff;--game-elevation-shadow: #10131c1a;--game-text-success: #128040;--elevation-ambient-key: #10131c00;--elevation-ambient-soft: #10131c00;--icon-box-glyph-red: #e0174f;--icon-box-glyph-gold: #865c00;--icon-box-glyph-flame: #d9580a;--icon-box-glyph-green: #15964a;--icon-box-glyph-blue: #2f6bff;--icon-box-glyph-violet: #5b4bd6;--elevation-bezel-shell: #eeeeec00;--elevation-bezel-line: #10131c00;--ladder-progress: #ffc23d;--ladder-progress-edge: #d99a00;--leaderboard-row-up-bg: #ddf8e7;--leaderboard-row-down-bg: #ffe4ec;--radius-button: 16px;--radius-bezel-outer: 24px;--radius-bezel-inner: 24px;--radius-icon-box-32: 10px;--radius-icon-box-40: 12px;--radius-icon-box-48: 14px;--radius-icon-box-56: 16px;--stroke-icon: 2px;--stroke-card: 2px;--stroke-icon-box: 1px;--stroke-icon-box-lip: 2px;--lip-l: 5px;--lip-m: 4px;--lip-s: 3px;--space-bezel: 0px;--stroke-button-secondary: 2px;--size-progress: 16px;--space-bezel-line: 0px;--space-eyebrow-x: 0px;--space-eyebrow-y: 0px;--size-nav-cta: 64px;--space-nav-cta-offset: 0px;--size-nav-cta-slot: 76px;--button-l-pad-x: 32px;--button-m-pad-x: 24px;--radius-tag: 8px;--status-done-bg: #15964a;--status-done-fg: #ffffff;--tool-spec: #2f6bff;--stroke-flaw-mark: 3px;--radius-flaw-mark: 12px;--hero-xp-on-ink: #ffc23d}@supports not (transition-timing-function: linear(0,1)){:root{--ease-spring: cubic-bezier(.34,1.56,.64,1)}}:root[lang=en]{--font-text: var(--font-latin)}.t-display-xl{font:var(--text-display-xl);letter-spacing:var(--text-display-xl-tracking);font-variation-settings:"opsz" 96}.t-display-l{font:var(--text-display-l);letter-spacing:var(--text-display-l-tracking);font-variation-settings:"opsz" 96}.t-display-m{font:var(--text-display-m);letter-spacing:var(--text-display-m-tracking);font-variation-settings:"opsz" 96}.t-display-s{font:var(--text-display-s);letter-spacing:var(--text-display-s-tracking);font-variation-settings:"opsz" 96}.t-number-m{font:var(--text-number-m);letter-spacing:var(--text-number-m-tracking);font-variation-settings:"opsz" 96}.t-number-s{font:var(--text-number-s);letter-spacing:var(--text-number-s-tracking);font-variation-settings:"opsz" 96}.t-ar-h1{font:var(--text-ar-h1);letter-spacing:var(--text-ar-h1-tracking)}.t-ar-h2{font:var(--text-ar-h2);letter-spacing:var(--text-ar-h2-tracking)}.t-ar-h3{font:var(--text-ar-h3);letter-spacing:var(--text-ar-h3-tracking)}.t-ar-label-l{font:var(--text-ar-label-l);letter-spacing:var(--text-ar-label-l-tracking)}.t-ar-label-m{font:var(--text-ar-label-m);letter-spacing:var(--text-ar-label-m-tracking)}.t-ar-label-s{font:var(--text-ar-label-s);letter-spacing:var(--text-ar-label-s-tracking)}.t-ar-body-l{font:var(--text-ar-body-l);letter-spacing:var(--text-ar-body-l-tracking)}.t-ar-body{font:var(--text-ar-body);letter-spacing:var(--text-ar-body-tracking)}.t-ar-body-s{font:var(--text-ar-body-s);letter-spacing:var(--text-ar-body-s-tracking)}.t-ar-body-s-medium{font:var(--text-ar-body-s-medium);letter-spacing:var(--text-ar-body-s-medium-tracking)}.t-ar-caption{font:var(--text-ar-caption);letter-spacing:var(--text-ar-caption-tracking)}.t-ar-caption-regular{font:var(--text-ar-caption-regular);letter-spacing:var(--text-ar-caption-regular-tracking)}.t-en-label-l{font:var(--text-en-label-l);letter-spacing:var(--text-en-label-l-tracking)}.t-en-label-m{font:var(--text-en-label-m);letter-spacing:var(--text-en-label-m-tracking)}.t-en-label-s{font:var(--text-en-label-s);letter-spacing:var(--text-en-label-s-tracking)}.t-en-body-s{font:var(--text-en-body-s);letter-spacing:var(--text-en-body-s-tracking)}.t-en-mono{font:var(--text-en-mono);letter-spacing:var(--text-en-mono-tracking)}.t-button-l{font:var(--text-button-l);letter-spacing:var(--text-button-l-tracking)}.t-button-m{font:var(--text-button-m);letter-spacing:var(--text-button-m-tracking)}:root{--stroke: var(--stroke-card);--lip-card: var(--lip-l);--lip-button: var(--lip-m);--ambient: 0 2px 8px -2px var(--elevation-ambient-key), 0 20px 48px -16px var(--elevation-ambient-soft);--tool-overlay: var(--tool-spec);--focus-ring: 0 0 0 3px var(--color-spec);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--surface-page);color:var(--color-ink);font:var(--text-ar-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html{scrollbar-gutter:stable}body{min-height:100dvh;overflow-x:clip}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:none;box-shadow:var(--focus-ring)}h1,h2,h3,p{margin:0}h1,h2,h3,.t-ar-h1,.t-ar-h2,.t-ar-h3{text-wrap:balance}p{text-wrap:pretty}a{color:var(--game-spec-lip);text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ltr{direction:ltr;unicode-bidi:isolate}.muted{color:var(--color-text-secondary)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-4{gap:var(--space-4)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.gap-24{gap:var(--space-24)}.gap-32{gap:var(--space-32)}.between{justify-content:space-between}.grow{flex:1 1 0;min-width:0}.wrap{flex-wrap:wrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-iteration-count:1!important;animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}.route :is(.shell__content,.result-mobile,.result-desktop,.ob__body,.public__body,.state,.welcome){animation:fade-in var(--dur-fast) linear both!important}}@keyframes fade-in{0%{opacity:0}}.btn{--btn-bg: var(--game-red-button);--btn-fg: var(--color-white);--btn-lip: var(--game-red-lip);--btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);height:var(--size-button-l);padding:0 var(--button-l-pad-x);border:var(--stroke) solid var(--btn-border);border-radius:var(--radius-button);background:var(--btn-bg);color:var(--btn-fg);box-shadow:0 var(--lip-button) 0 var(--btn-lip);margin-block-end:var(--lip-button);font:var(--text-button-l);white-space:nowrap;transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.btn:active:not([aria-disabled=true]){transform:translateY(var(--lip-button));box-shadow:0 0 0 var(--btn-lip)}.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.btn--m{height:var(--size-button-m);padding:0 var(--button-m-pad-x);border-radius:calc(var(--radius-button) - var(--space-4));font:var(--text-button-m)}.btn--block{width:100%}.btn--ink{--btn-bg: var(--color-ink);--btn-lip: var(--game-ink-lip)}.btn--gold{--btn-bg: var(--game-gold);--btn-fg: var(--color-ink);--btn-lip: var(--game-gold-lip)}.btn--green{--btn-bg: var(--game-success);--btn-fg: var(--color-white);--btn-lip: var(--game-success-lip)}.btn--white{--btn-bg: var(--button-secondary-bg);--btn-fg: var(--color-ink);--btn-lip: var(--game-card-lip);--btn-border: var(--color-line);border-width:var(--stroke-button-secondary)}.btn__xp{font:var(--text-en-label-m)}.icon-btn{display:inline-grid;place-items:center;width:var(--size-touch-min);height:var(--size-touch-min);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-ink)}.icon-btn--dark{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-white)}.link{display:inline-flex;align-items:center;gap:var(--space-4);min-height:var(--size-touch-min);padding:0;border:0;background:none;color:var(--game-spec-lip);font:var(--text-ar-label-m)}[dir=ltr] .flip-ltr{transform:scaleX(-1)}.card{position:relative;display:flex;flex-direction:column;gap:var(--space-16);min-width:0;padding:calc(var(--space-16) - var(--stroke));border:var(--stroke) solid var(--color-line);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--ambient)}.card--l{padding:calc(var(--space-16) - var(--stroke))}@media(min-width:1024px){.card--l{padding:calc(var(--space-24) - var(--stroke))}}.card--xl{padding:calc(var(--space-32) - var(--stroke))}.card--elevated{box-shadow:0 var(--lip-card) 0 var(--game-card-lip),var(--ambient);margin-block-end:var(--lip-card)}.card--ink{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-white)}.card--ink.card--elevated{box-shadow:0 var(--lip-card) 0 var(--game-ink-lip)}.card--gold-tint{background:var(--game-tint-gold);border-color:var(--game-tint-gold)}button.card{text-align:start;font:inherit}button.card:active{transform:translateY(var(--lip-m));box-shadow:0 0 0 var(--game-card-lip)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.section-header{min-height:var(--size-touch-min)}.section-header__title{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.pill{display:inline-flex;align-items:center;gap:var(--space-4);height:28px;direction:ltr;padding:var(--space-4) var(--space-12) var(--space-4) var(--space-8);border-radius:var(--radius-full);font:var(--text-number-s);font-variation-settings:"opsz" 96;white-space:nowrap}.pill .icon{width:19.2px;height:19.2px}.pill--xp{background:var(--pill-xp-bg);box-shadow:inset 0 0 0 1px var(--pill-border);color:var(--game-text-gold);font:var(--text-en-label-m)}.pill--xp .icon{color:var(--game-gold)}.pill--streak{background:var(--pill-streak-bg);box-shadow:inset 0 0 0 1px var(--pill-border);color:var(--game-text-flame)}.pill--streak .icon{color:var(--game-flame)}.pill--rank{background:var(--pill-rank-bg);box-shadow:inset 0 0 0 1px var(--pill-border);color:#5b4bd6}.pill--rank .icon{color:var(--game-gold)}.pill--locked{background:var(--color-line);color:var(--color-text-secondary);font:var(--text-ar-label-s)}.chip{display:inline-flex;align-items:center;min-height:var(--size-touch-min);padding:0 var(--space-16);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-full);background:var(--color-white);font:var(--text-ar-label-m)}.chip[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-white)}.tag{display:inline-flex;align-items:center;padding:0 var(--space-8);border-radius:var(--radius-tag);background:var(--surface-chip);color:var(--color-ink);font:var(--text-ar-caption);white-space:nowrap}.tag--level{background:var(--game-tint-violet)}.tag--success{background:var(--game-tint-success);color:var(--game-text-success)}.tag--warning{background:var(--game-tint-gold);color:var(--game-text-gold)}.tag--danger{background:var(--game-tint-red);color:var(--game-red-lip)}.tag--mono{font:var(--text-en-mono)}.delta{display:inline-flex;align-items:center;gap:var(--space-4);font:var(--text-en-label-s)}.delta--up{color:var(--game-text-success)}.delta--down{color:var(--game-red-lip)}.delta--none,.delta__value{color:var(--color-text-secondary)}.keycap{display:inline-flex;align-items:center;padding:0 var(--space-8);border:var(--stroke) solid var(--color-line);border-block-end-width:var(--space-4);border-radius:var(--radius-8);background:var(--color-white);color:var(--color-ink);font:var(--text-en-mono)}.stat{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;padding:calc(var(--space-12) - var(--stroke));border:var(--stroke) solid var(--color-line);border-radius:var(--radius-24);background:var(--color-white)}.stat__value{display:flex;align-items:center;gap:var(--space-4);font:var(--text-display-s);letter-spacing:var(--text-display-s-tracking);font-variation-settings:"opsz" 96}.stat--l{gap:var(--space-8);padding:calc(var(--space-16) - var(--stroke)) calc(var(--space-16) - var(--stroke))}.stat--l .stat__value{font:var(--text-display-m)}.stat__label{color:var(--color-text-secondary);font:var(--text-ar-caption)}.stat__icon--flame{color:var(--game-flame)}.stat__icon--gold{color:var(--game-gold)}.stat__icon--ink{color:var(--color-ink)}.stat__icon--red{color:var(--color-redline)}.stat__icon--success{color:var(--game-success)}.bar{position:relative;height:var(--space-12);border-radius:var(--radius-full);background:var(--color-line);overflow:hidden}.bar--8{height:var(--space-8)}.bar--16{height:var(--space-16)}.bar__fill{height:100%;border-radius:inherit;background:var(--game-gold);transition:width var(--dur-base) var(--ease-standard)}.bar__fill--success{background:var(--game-success)}.bar__fill--red{background:var(--color-redline)}.bar__fill--spec{background:var(--color-spec)}.bar__marker{position:absolute;inset-block:0;width:var(--space-4);background:var(--color-ink);transform:translate(50%)}[dir=ltr] .bar__marker{transform:translate(-50%)}.level-progress{display:flex;flex-direction:column;gap:var(--space-8)}.level-progress__ends{display:flex;align-items:center;gap:var(--space-12);font:var(--text-en-label-s)}.skill{display:flex;flex-direction:column;gap:var(--space-8)}.skill__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.ladder{display:flex;align-items:flex-start;margin:0;padding:0;list-style:none}.ladder__step{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);text-align:center}.ladder__track{position:relative;display:grid;place-items:center;width:100%;height:var(--space-24)}.ladder--full .ladder__step:not(:first-child) .ladder__track:before{content:"";position:absolute;inset-block-start:calc(50% - var(--space-4) / 2);inset-inline-end:50%;width:100%;height:var(--space-4);background:var(--color-line)}.ladder--full .ladder__step--reached:not(:first-child) .ladder__track:before{background:var(--ladder-progress)}.ladder__dot{position:relative;z-index:1;width:var(--space-16);height:var(--space-16);border-radius:var(--radius-full);background:var(--color-line)}.ladder--full .ladder__step--reached .ladder__dot{background:var(--ladder-progress)}.ladder--full .ladder__step--current .ladder__dot{width:22px;height:22px;border:2px solid var(--ladder-progress-edge)}.ladder--full{width:100%;max-width:none}.ladder--full .ladder__step:first-child .ladder__label{align-self:flex-start;text-align:start}.ladder--full .ladder__step:last-child .ladder__label{align-self:flex-end;text-align:end}.ladder--full .ladder__label{max-width:100%;overflow-wrap:anywhere}.ladder__label{font:var(--text-ar-caption);color:var(--color-text-secondary);white-space:nowrap}.ladder__step--current .ladder__label{font:var(--text-ar-label-s);color:var(--color-ink)}.ladder--compact{padding-inline:var(--space-8)}.ladder--compact .ladder__dot{width:var(--space-12);height:var(--space-12);background:var(--color-text-secondary)}.ladder--compact .ladder__step--reached .ladder__dot{background:var(--color-redline)}.ladder--compact .ladder__step--current .ladder__dot{width:var(--space-16);height:var(--space-16);border:var(--stroke) solid var(--color-white)}.ladder--compact .ladder__label{color:var(--color-grey)}.ladder--compact .ladder__step--current .ladder__label{color:var(--color-white)}.day{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);min-width:0}.day__dot{display:grid;place-items:center;width:var(--space-32);height:var(--space-32);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-full);background:var(--color-paper)}.day--done .day__dot{background:var(--game-tint-flame);border-color:var(--game-tint-flame);color:var(--game-flame)}.day--frozen .day__dot{background:var(--game-tint-violet);border-color:var(--game-tint-violet);color:var(--color-spec)}.day--today .day__dot{border-style:dashed;border-color:var(--color-redline);background:var(--color-white)}.day--gift .day__dot{background:var(--game-tint-gold);border-color:var(--game-tint-gold);color:var(--game-gold-lip)}.day--gift-open .day__dot{background:var(--game-gold);border-color:var(--game-gold-lip);color:var(--color-ink)}.day--gift-open .day__label{font:var(--text-en-label-s);color:var(--game-gold-lip)}.day__label{font:var(--text-ar-caption);color:var(--color-text-secondary)}.day--today .day__label{font:var(--text-ar-label-s);color:var(--color-ink)}.week__days{display:flex;justify-content:space-between;gap:var(--space-4)}.week__note{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-secondary);font:var(--text-ar-caption)}.quest{display:flex;align-items:center;gap:var(--space-12);min-height:var(--space-48)}.quest>.icon-box{flex:none}.quest__body{display:flex;flex-direction:column;gap:var(--space-4);flex:1 1 0;min-width:0}.quest__line{display:flex;align-items:center;gap:var(--space-8)}.quest__title{flex:1 1 0;min-width:0;font:var(--text-ar-body-s-medium);color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest__count{flex:none;font:var(--text-en-mono);font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.quest--done .quest__count{color:var(--game-text-success)}.quest__status{display:flex;align-items:center;justify-content:center;flex:none;width:var(--space-32);height:var(--space-32)}.quest__check{display:inline-flex;align-items:center;justify-content:center;width:var(--space-24);height:var(--space-24);border-radius:var(--radius-full);background:var(--game-success-lip);color:var(--color-white)}.quest__check .icon{stroke-width:3}.quest__bolt{color:var(--game-gold)}.quest-skeleton__icon{flex:none;width:var(--space-40);height:var(--space-40);border-radius:var(--radius-icon-box-40)}.quest-skeleton__bar{height:var(--space-8);border-radius:var(--radius-full)}.lb-row{display:grid;grid-template-columns:var(--space-32) var(--space-40) minmax(0,1fr) auto;align-items:center;gap:var(--space-12);min-height:var(--space-56);padding:var(--space-8) var(--space-12);border:var(--stroke) solid transparent;border-radius:var(--radius-16)}.lb-row--desktop{grid-template-columns:var(--space-40) var(--space-40) minmax(0,1fr) var(--space-64) var(--space-80) var(--space-80) var(--space-80)}.lb-row--compact{grid-template-columns:var(--space-32) minmax(0,1fr) var(--space-48);min-height:var(--space-48);padding:calc(var(--space-12) - var(--stroke)) calc(var(--space-16) - var(--stroke));border-radius:var(--radius-12)}.lb-row--compact .lb-row__name>span:first-child{font:var(--text-ar-body-s-medium)}.lb-row--compact.lb-row--you .lb-row__name>span:first-child{font:var(--text-ar-label-m)}.lb-row--compact.lb-row--you .lb-row__rank{color:var(--game-red-lip)}.lb-row--compact .lb-row__xp{font:var(--text-en-label-m);text-align:start}.lb-row--you{border-color:var(--color-redline);background:var(--color-white)}.lb-row--promotion{background:var(--leaderboard-row-up-bg)}.lb-row--relegation{background:var(--leaderboard-row-down-bg)}.lb-row--promotion .lb-row__rank{color:var(--game-text-success)}.lb-row--relegation .lb-row__rank{color:var(--game-red-lip)}.lb-row__rank{font:var(--text-number-s);font-variation-settings:"opsz" 96}.lb-row__name{display:flex;align-items:center;gap:var(--space-8);min-width:0}.lb-row__name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--text-ar-label-m)}.lb-row__xp{font:var(--text-number-s);font-variation-settings:"opsz" 96;text-align:end}.lb-row__cell{font:var(--text-en-body-s);color:var(--color-text-secondary);text-align:end}.lb-head{padding-block:0;min-height:var(--space-32);color:var(--color-text-secondary);font:var(--text-ar-caption)}.zone{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);font:var(--text-ar-label-s)}.zone:before,.zone:after{content:"";flex:1;height:var(--stroke);background:currentColor;opacity:.4}.zone--promotion{color:var(--game-text-success)}.zone--relegation{color:var(--game-red-lip)}.lb-gap{text-align:center;color:var(--color-text-secondary);font:var(--text-en-label-m)}.league-badge{display:inline-grid;place-items:center;flex:none}.league-badge svg{display:block;overflow:visible}.league-badge--locked{opacity:.4}.league-badge--celebrate{animation:badge-in var(--dur-celebrate) var(--ease-spring) backwards}@keyframes badge-in{0%{transform:scale(.4) rotate(-15deg);opacity:0}60%{opacity:1}to{transform:none}}.medal{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);text-align:center}.medal__disc{--medal: var(--color-grey);display:grid;place-items:center;width:var(--space-48);height:var(--space-48);border:3px solid var(--medal);border-radius:var(--radius-full);background:var(--color-white);color:var(--medal)}.medal--streak .medal__disc{--medal: var(--game-flame)}.medal--perfect .medal__disc{--medal: var(--color-redline)}.medal--hawk .medal__disc{--medal: var(--game-gold)}.medal--top10 .medal__disc{--medal: var(--game-tier-diamond)}.medal--locked .medal__disc{--medal: var(--color-grey);background:var(--color-line)}.medal__caption{font:var(--text-ar-label-s);white-space:nowrap}.flaw{display:flex;align-items:center;gap:var(--space-12);min-height:var(--size-touch-min)}.flaw__mark{display:grid;place-items:center;flex:none;width:var(--space-32);height:var(--space-32);border-radius:var(--radius-full);font:var(--text-en-label-m)}.flaw--found .flaw__mark{background:var(--game-tint-success);color:var(--game-success-lip)}.flaw--missed .flaw__mark{background:var(--game-tint-red);color:var(--game-red-lip)}.flaw--pending .flaw__mark{border:var(--stroke) dashed var(--color-line);color:var(--color-text-secondary)}.flaw__body{display:flex;flex-direction:column;gap:var(--space-4);flex:1 1 0;min-width:0}.flaw__title{font:var(--text-ar-label-m)}.xpb{display:flex;flex-direction:column;gap:var(--space-12)}.xpb__row{display:flex;justify-content:space-between;gap:var(--space-16);font:var(--text-ar-body-s)}.xpb__row>:last-child{font:var(--text-en-label-m)}.xpb__total{display:flex;justify-content:space-between;align-items:center;padding-block-start:var(--space-12);border-block-start:var(--stroke) solid var(--color-line)}.tap-fx{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);pointer-events:none;transform:translate(-50%,-50%);animation:tap-fade .9s var(--ease-standard) forwards}.tap-fx__ripple{width:var(--space-56);height:var(--space-56);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-grey) 30%,transparent);animation:ripple .6s var(--ease-standard)}.tap-fx__label{padding:var(--space-4) var(--space-8);border-radius:var(--radius-8);background:var(--color-ink);color:var(--color-white);font:var(--text-ar-label-s);white-space:nowrap}.tap-fx--found{animation-name:tap-rise}@keyframes ripple{0%{transform:scale(.3)}to{transform:scale(1)}}@keyframes tap-fade{0%,60%{opacity:1}to{opacity:0}}@keyframes tap-rise{0%{opacity:0;margin-top:0}20%{opacity:1}70%{opacity:1;margin-top:calc(-1 * var(--space-24))}to{opacity:0;margin-top:calc(-1 * var(--space-32))}}.avatar{position:relative;display:inline-grid;place-items:center;flex:none;width:var(--av);height:var(--av)}.avatar__face{display:grid;place-items:center;width:calc(var(--av) - var(--space-8));height:calc(var(--av) - var(--space-8));border-radius:var(--radius-full);background:var(--game-tint-red);color:var(--color-ink);font:var(--text-ar-label-l)}.avatar--sm .avatar__face{font:var(--text-ar-label-s)}.avatar--xs .avatar__face{width:25.6px;height:25.6px;font:700 12.8px/19.2px var(--font-text)}.avatar--xl .avatar__face{font:var(--text-ar-h1)}.avatar__ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.avatar__level{position:absolute;inset-block-end:calc(-1 * var(--space-4));padding:0 var(--space-4);border-radius:var(--radius-8);background:var(--color-ink);color:var(--color-white);font:var(--text-en-label-s);white-space:nowrap}.tabs{display:flex;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-16);background:var(--color-line)}.tabs__opt{flex:1 1 0;min-height:var(--size-touch-min);border:0;border-radius:var(--radius-12);background:transparent;color:var(--color-text-secondary);font:var(--text-ar-label-m)}.tabs__opt[aria-selected=true]{background:var(--color-white);color:var(--color-ink);box-shadow:0 var(--stroke) 0 var(--game-card-lip)}.field{display:flex;flex-direction:column;gap:var(--space-8)}.field__label{font:var(--text-ar-label-m)}.field__input{height:var(--size-input);padding:0 var(--space-16);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-12);background:var(--color-white);font:var(--text-ar-body)}.field__input:focus{border-color:var(--color-spec);outline:none}.field__input:disabled{background:var(--color-paper);color:var(--color-grey)}.field--error .field__input{border-color:var(--color-redline)}.field__helper{font:var(--text-ar-caption);color:var(--color-text-secondary)}.field--error .field__helper{color:var(--game-red-lip)}.option{display:flex;flex-direction:column;gap:var(--space-4);width:100%;padding:var(--space-16);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-16);background:var(--color-white);box-shadow:0 var(--lip-m) 0 var(--game-card-lip),var(--ambient);text-align:start}.option[aria-checked=true]{border-color:var(--color-spec);background:var(--game-tint-violet);box-shadow:0 var(--lip-m) 0 var(--game-spec-lip)}.option__title{font:var(--text-ar-label-l)}.option__desc{font:var(--text-ar-body-s);color:var(--color-text-secondary)}.toggle{position:relative;flex:none;width:var(--space-48);height:var(--space-32);padding:0;border:0;border-radius:var(--radius-full);background:var(--color-line);transition:background var(--dur-fast)}.toggle:after{content:"";position:absolute;inset-block-start:var(--space-4);inset-inline-start:var(--space-4);width:var(--space-24);height:var(--space-24);border-radius:var(--radius-full);background:var(--color-white);transition:inset-inline-start var(--dur-fast) var(--ease-standard)}.toggle[aria-checked=true]{background:var(--game-success)}.toggle[aria-checked=true]:after{inset-inline-start:calc(100% - var(--space-24) - var(--space-4))}.toast-host{position:fixed;z-index:50;inset-inline:var(--space-16);inset-block-start:var(--space-16);display:flex;flex-direction:column;align-items:center;gap:var(--space-8);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-8);max-width:100%;padding:var(--space-12) var(--space-16);border-radius:var(--radius-16);background:var(--color-ink);color:var(--color-white);font:var(--text-ar-label-m);pointer-events:auto}.toast--success .icon{color:var(--game-success)}.toast--error .icon{color:var(--color-redline)}.toast--info .icon{color:var(--game-gold)}.skeleton{border-radius:var(--radius-8);background:linear-gradient(90deg,var(--color-line),var(--color-paper),var(--color-line));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeleton--line{height:var(--space-16)}.skeleton--title{height:var(--space-24);width:60%}.skeleton--block{height:var(--space-96);border-radius:var(--radius-16)}.skeleton--circle{width:var(--space-48);height:var(--space-48);border-radius:var(--radius-full)}@keyframes shimmer{to{background-position:-200% 0}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);padding:var(--space-32) var(--space-16);text-align:center}.empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8)}.coachmark{outline:1px solid color-mix(in srgb,var(--color-white) 32%,transparent);position:relative;display:flex;flex-direction:column;gap:var(--space-8);max-width:288px;padding:var(--space-16);border-radius:var(--radius-16);background:var(--color-ink);color:var(--color-white)}.coachmark:after{content:"";position:absolute;width:var(--space-16);height:var(--space-16);background:inherit;transform:rotate(45deg)}.coachmark--top:after{top:calc(-1 * var(--space-8));left:calc(var(--arrow-offset, var(--space-32)) - var(--space-8))}.coachmark--bottom:after{bottom:calc(-1 * var(--space-8));left:calc(var(--arrow-offset, var(--space-32)) - var(--space-8))}.coachmark--left:after{left:calc(-1 * var(--space-8));top:calc(var(--arrow-offset, var(--space-32)) - var(--space-8))}.coachmark--right:after{right:calc(-1 * var(--space-8));top:calc(var(--arrow-offset, var(--space-32)) - var(--space-8))}.coachmark__step{color:var(--game-gold);font:var(--text-en-label-s)}.scrim{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:flex;background:color-mix(in srgb,var(--color-ink) 60%,transparent);animation:fade var(--dur-base) var(--ease-standard)}.scrim--sheet{align-items:flex-end}.scrim--modal{align-items:center;justify-content:center;padding:var(--space-24)}.sheet{display:flex;flex-direction:column;gap:var(--space-16);width:100%;max-height:90dvh;overflow:auto;padding:var(--space-8) var(--space-16) calc(var(--space-24) + env(safe-area-inset-bottom));border-radius:var(--radius-32) var(--radius-32) 0 0;background:var(--color-white);animation:slide-up var(--dur-base) var(--ease-standard)}.sheet__handle{align-self:center;width:var(--space-40);height:var(--space-4);border-radius:var(--radius-full);background:var(--color-line)}.sheet__head,.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16)}.modal{display:flex;flex-direction:column;gap:var(--space-24);width:min(100%,480px);padding:var(--space-32);border-radius:var(--radius-24);background:var(--color-white);box-shadow:0 var(--lip-card) 0 var(--game-card-lip),var(--ambient);animation:pop var(--dur-base) var(--ease-standard)}.modal__actions{display:flex;flex-direction:column;gap:var(--space-8)}.modal--wide{width:min(100%,calc(var(--space-96) * 6 + var(--space-32)))}.modal--wide.modal--xl{width:min(100%,calc(var(--space-96) * 8 + var(--space-48)))}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes pop{0%{opacity:0;transform:translateY(var(--space-8))}}.ayn{display:inline-block;flex:none}.count{font-variant-numeric:tabular-nums}.gallery-fx .tap-fx,.gallery-fx .tap-fx__ripple{animation:none}.level-icon{display:inline-flex;align-items:flex-end;justify-content:center;gap:var(--space-4);flex:none;width:var(--space-32);height:var(--space-32);padding-block-end:var(--space-8);border-radius:var(--radius-8);background:var(--game-tint-violet)}.level-icon__bar{width:var(--space-4);border-radius:var(--radius-full);background:var(--color-line)}.level-icon__bar--1{height:var(--space-8)}.level-icon__bar--2{height:var(--space-12)}.level-icon__bar--3{height:var(--space-16)}.level-icon__bar--on{background:var(--color-ink)}.compare{position:relative;width:100%;overflow:hidden;border:var(--stroke) solid var(--color-line);border-radius:var(--radius-16);background:var(--color-white)}.compare__before{position:absolute;top:0;right:0;bottom:0;left:0}.compare__label{position:absolute;z-index:2;inset-block-start:var(--space-8);padding:0 var(--space-8);border-radius:var(--radius-8);background:var(--color-ink);color:var(--color-white);font:var(--text-ar-label-s)}.compare__label--before{right:var(--space-8)}.compare__label--after{left:var(--space-8)}.compare__line{position:absolute;z-index:2;inset-block:0;width:var(--stroke);background:var(--color-ink);transform:translate(-50%);pointer-events:none}.compare__handle{position:absolute;inset-block-start:50%;left:50%;display:flex;align-items:center;justify-content:center;width:var(--space-40);height:var(--space-40);border:var(--stroke) solid var(--color-ink);border-radius:var(--radius-full);background:var(--color-white);transform:translate(-50%,-50%);direction:ltr}.compare__handle .icon:first-child{margin-inline-end:calc(-1 * var(--space-4))}.compare__range{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.explain-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-24);align-items:start}.stat-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));row-gap:var(--space-12);column-gap:var(--space-4)}.cal__head{text-align:center;color:var(--color-text-secondary);font:var(--text-ar-caption)}.hud-streak{display:inline-flex;align-items:center;min-height:var(--size-touch-min);padding:0;border:0;background:none;border-radius:var(--radius-full)}.stepper{display:flex;gap:var(--space-8)}.stepper__seg{flex:1 1 0;height:var(--space-4);border-radius:var(--radius-full);background:var(--color-line)}.stepper__seg--on{background:var(--color-redline)}.tour{position:fixed;z-index:45;top:0;right:0;bottom:0;left:0}.tour__spot{position:fixed;border-radius:var(--radius-16);box-shadow:0 0 0 100vmax color-mix(in srgb,var(--color-ink) 72%,transparent);outline:var(--stroke) solid var(--color-white);pointer-events:none}.tour__card{width:min(320px,calc(100vw - 2 * var(--space-16)))}.tour__card .coachmark{max-width:none;width:100%}.coachmark__skip{color:var(--color-white)}.coachmark--none:after{display:none}.settings-row--button{width:100%;padding:0;border:0;background:none;text-align:start}.settings-row--toggle{cursor:pointer;-webkit-tap-highlight-color:transparent}.settings-row__label{font:var(--text-ar-body-l);color:var(--color-ink)}.settings-row__label--danger{color:var(--game-red-lip)}.settings-row__end{display:flex;align-items:center;gap:var(--space-8);min-width:0;color:var(--color-text-secondary);font:var(--text-ar-body-s)}.settings-row__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--space-24);height:var(--space-24);color:var(--color-text-secondary)}[dir=ltr] .chevron svg{transform:scaleX(-1)}.settings-group{display:flex;flex-direction:column;margin-inline:calc(var(--space-16) * -1 + var(--stroke))}.settings-group .settings-row{min-height:60px;padding:var(--space-16)}@media(min-width:1024px){.settings-group{margin-inline:calc(var(--space-24) * -1 + var(--stroke))}.settings-group .settings-row{padding-inline:var(--space-24)}}.settings-note{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8);color:var(--color-text-secondary)}.settings-note__url{font:var(--text-en-body-s);color:var(--color-text-secondary);direction:ltr}.settings-note__label{font:var(--text-ar-caption-regular)}.skill__value--weak{color:var(--game-red-lip)}.skill .link{min-height:var(--space-24)}.icon-btn--lip{border:var(--stroke-card) solid var(--color-line);background:var(--color-white);color:var(--color-ink);box-shadow:0 var(--lip-s) 0 var(--game-card-lip);margin-block-end:var(--lip-s);transition:transform var(--dur-instant),box-shadow var(--dur-instant)}.icon-btn--lip:active{transform:translateY(var(--lip-s));box-shadow:0 0 0 var(--game-card-lip)}.back-arrow{transform:scaleX(-1)}[dir=ltr] .back-arrow{transform:none}.tag{min-height:var(--space-24);padding-block:var(--space-4);line-height:var(--space-16);flex:none}.tag--mono{font:var(--text-en-mono);line-height:var(--space-16)}.icon-box{--ib-strong: var(--icon-box-glyph-red);--ib-tint: var(--game-tint-red);display:inline-grid;place-items:center;flex:none;box-sizing:border-box;border:var(--stroke-icon-box) solid color-mix(in srgb,var(--ib-strong) 28%,transparent);border-block-end-width:var(--stroke-icon-box-lip);background:var(--ib-tint);color:var(--ib-strong)}.icon-box svg{display:block}.icon-box--32{width:32px;height:32px;border-radius:var(--radius-icon-box-32)}.icon-box--40{width:40px;height:40px;border-radius:var(--radius-icon-box-40)}.icon-box--48{width:48px;height:48px;border-radius:var(--radius-icon-box-48)}.icon-box--56{width:56px;height:56px;border-radius:var(--radius-icon-box-56)}.icon-box--gold{--ib-strong: var(--icon-box-glyph-gold);--ib-tint: var(--game-tint-gold)}.icon-box--flame{--ib-strong: var(--icon-box-glyph-flame);--ib-tint: var(--game-tint-flame)}.icon-box--green{--ib-strong: var(--icon-box-glyph-green);--ib-tint: var(--game-tint-success)}.icon-box--blue{--ib-strong: var(--icon-box-glyph-blue);--ib-tint: var(--game-tint-spec)}.icon-box--violet{--ib-strong: var(--icon-box-glyph-violet);--ib-tint: var(--game-tint-violet)}.icon-box--neutral{--ib-strong: var(--icon-box-glyph-neutral);--ib-tint: var(--surface-chip)}.stat>span:first-child{align-self:flex-start}.pill-track{position:relative;isolation:isolate}.pill-track:before{content:"";position:absolute;z-index:-1;left:0;top:0;width:var(--pill-w, 0);height:var(--pill-h, 0);border-radius:var(--radius-full);background:var(--color-ink);transform:translate(var(--pill-x, 0),var(--pill-y, 0));pointer-events:none}.pill-track--ready:before{transition:transform var(--dur-base) var(--ease-spring),width var(--dur-base) var(--ease-spring)}.chip-group .chip[aria-pressed=true]{background:transparent;border-color:transparent}.chip-group .chip{transition:color var(--dur-fast) var(--ease-standard)}.tabs.pill-track:before{border-radius:var(--radius-12);background:var(--color-white);box-shadow:0 var(--stroke) 0 var(--game-card-lip)}.tabs.pill-track .tabs__opt[aria-selected=true]{background:transparent;box-shadow:none}:is(.btn,.icon-btn,.chip,.tabs__opt,.nav2__tab,.nav2__challenge,.nav-item,.option,.settings-row--button):focus-visible{outline:3px solid color-mix(in srgb,var(--color-spec) 55%,transparent);outline-offset:2px}.toggle:active:after{width:calc(var(--space-24) + var(--space-8))}.toggle[aria-checked=true]:active:after{inset-inline-start:calc(100% - var(--space-24) - var(--space-8) - var(--space-4))}.toggle:after{transition:inset-inline-start var(--dur-base) var(--ease-spring),width var(--dur-fast) var(--ease-standard)}.delta--up .delta__arrow{animation:nudge-up .6s var(--ease-spring) .3s backwards}.delta--down .delta__arrow{animation:nudge-down .6s var(--ease-spring) .3s backwards}@keyframes nudge-up{0%{transform:translateY(3px);opacity:.4}60%{transform:translateY(-2px)}}@keyframes nudge-down{0%{transform:translateY(-3px);opacity:.4}60%{transform:translateY(2px)}}.pill--streak.pill--hot .icon{animation:flame-idle 2.6s ease-in-out infinite;transform-origin:50% 90%}.pill--streak.pill--bump .icon{animation:flame-burst .52s var(--ease-spring);transform-origin:50% 90%}@keyframes flame-idle{0%,to{transform:scale(1) rotate(0)}30%{transform:scale(1.06,.96) rotate(-3deg)}60%{transform:scale(.97,1.05) rotate(2deg)}}@keyframes flame-burst{0%{transform:scale(1)}40%{transform:scale(1.5) rotate(-8deg);filter:drop-shadow(0 0 6px var(--game-flame))}to{transform:scale(1)}}.quest--just-done{animation:quest-glow .9s var(--ease-standard);border-radius:var(--radius-12)}.quest--just-done .quest__check{animation:check-pop .42s var(--ease-spring)}@keyframes check-pop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes quest-glow{0%{box-shadow:0 0 color-mix(in srgb,var(--game-success) 0%,transparent)}35%{box-shadow:0 0 0 6px color-mix(in srgb,var(--game-success) 22%,transparent)}to{box-shadow:0 0 0 10px transparent}}.gift-banner--open .icon-box{animation:wiggle .9s var(--ease-spring) .2s}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(3deg)}}.btn--copied{background:var(--game-tint-success);border-color:var(--game-success);color:var(--game-text-success)}.read-skeleton{display:flex;flex-direction:column;gap:var(--space-12)}.skeleton--row{border-radius:var(--radius-12)}.skeleton--inline{display:inline-block;height:.8em;vertical-align:middle}.hero .skeleton{background:linear-gradient(90deg,#ffffff1f,#ffffff3d,#ffffff1f);background-size:200% 100%}.tag .skeleton--inline{height:.9em}.card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);flex:1;min-height:120px;padding:var(--space-16) 0;text-align:center}.card-empty p{max-width:32ch}.sponsor-badge{display:inline-flex;align-items:center;gap:var(--space-4);padding:2px var(--space-8) 2px var(--space-4);border-radius:var(--radius-full);font:var(--text-ar-label-s);white-space:nowrap;max-width:100%}.sponsor-badge>span:last-child{overflow:hidden;text-overflow:ellipsis}.sponsor-badge--dark{background:#ffffff1f;color:var(--color-white)}.sponsor-badge--light{background:var(--surface-chip);color:var(--color-ink)}.sponsor-badge__logo{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:4px;overflow:hidden;flex:none}.sponsor-badge__logo img{width:16px;height:16px;object-fit:contain;display:block}.sponsor-badge__logo--plate{background:var(--color-white);width:18px;height:18px}.sponsor-badge__logo--plate img{width:14px;height:14px}.hero__theme:has(.sponsor-badge){display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}.challenge__sponsor{display:flex;justify-content:center}.shell{min-height:100dvh}.shell__main{display:flex;flex-direction:column;min-width:0}.shell__content{display:flex;flex-direction:column;gap:var(--space-24);width:100%;max-width:calc(var(--space-96) * 4 + var(--space-24) + var(--space-8));margin-inline:auto;padding:var(--space-8) var(--space-16) calc(var(--size-nav-mobile) + var(--space-48) + max(0px,env(safe-area-inset-bottom) - var(--space-24)))}.mobile-top{position:sticky;z-index:10;inset-block-start:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);min-height:var(--space-56);padding:var(--space-8) var(--space-16);background:color-mix(in srgb,var(--color-paper) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud{display:flex;align-items:center;gap:var(--space-12);min-width:0}.hud__pills{display:flex;align-items:center;gap:var(--space-8)}.mobile-top .hud{justify-content:space-between;flex:1}.locale-toggle{min-height:var(--size-touch-min);padding:0 var(--space-12);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-ink);font:var(--text-ar-label-s)}.bottom-nav{position:fixed;z-index:10;inset-inline:0;inset-block-end:0;display:grid;grid-template-columns:repeat(3,1fr);height:calc(var(--size-nav-mobile) + max(0px,env(safe-area-inset-bottom) - var(--space-16)));padding-block-end:max(var(--space-16),env(safe-area-inset-bottom));border-block-start:var(--stroke) solid var(--color-line);background:var(--color-white)}.bottom-nav--off{display:none}.shell:has(.bottom-nav--off) .shell__content{padding-block-end:var(--space-24)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--color-text-secondary);font:var(--text-ar-caption)}.bottom-nav__icon{display:grid;place-items:center;width:var(--space-56);height:var(--space-32);border-radius:var(--radius-full)}.bottom-nav__item.active{color:var(--color-ink);font:var(--text-ar-label-s)}.bottom-nav__item.active .bottom-nav__icon{background:var(--game-tint-red);color:var(--color-ink)}.sidebar,.topbar{display:none}@media(min-width:1024px){.shell{display:grid;grid-template-columns:var(--size-sidebar-desktop) minmax(0,1fr)}.mobile-top,.bottom-nav{display:none}.sidebar{position:sticky;inset-block-start:0;display:flex;flex-direction:column;gap:var(--space-40);height:100dvh;padding:var(--space-32) var(--space-24) var(--space-24);border-inline-end:var(--stroke) solid var(--color-line);background:var(--color-white)}.sidebar__logo{align-self:flex-start;display:block;width:97px;height:auto}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-8)}.sidebar .pro-item{margin-block-start:var(--space-16)}.sidebar__settings{margin-block-start:auto}.sidebar__settings+.sidebar__streak{margin-block-start:0}.sidebar__streak{margin-block-start:auto;padding:var(--space-16);gap:var(--space-8);text-align:start}.nav-item{display:flex;align-items:center;gap:var(--space-12);min-height:var(--space-48);padding:0 var(--space-16);border-radius:var(--radius-16);color:var(--color-text-secondary);font:var(--text-ar-body-l)}.nav-item:hover{background:var(--color-paper)}.nav-item.active{background:var(--color-ink);color:var(--color-white);font:var(--text-ar-label-l)}.nav-item .keycap{background:transparent}.nav-item.active .keycap{color:#c4c8d2;border-color:var(--color-text-secondary)}.topbar{position:sticky;z-index:10;inset-block-start:0;display:flex;align-items:center;justify-content:space-between;height:var(--size-topbar-desktop);padding:0 var(--space-32);border-block-end:var(--stroke) solid var(--color-line);background:var(--color-white)}.topbar .hud{flex-direction:row-reverse}.shell__content{max-width:none;padding:var(--space-32);gap:var(--space-24)}}.home-grid,.result-grid,.profile-grid{display:flex;flex-direction:column;gap:var(--space-24)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}.stat-row-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8)}.stat-row-4 .stat{padding-inline:calc(var(--space-8) - var(--stroke))}.public__logo{display:block;width:97px;height:auto}.stat-row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8);container-type:inline-size}.stat-row-3 .stat__value{flex-wrap:wrap;font-size:min(28px,5.6cqw);line-height:1.15}.stat-row-3 .stat__value .icon{flex:none;width:1em;height:1em}.medal-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-8)}@media(min-width:1024px){.medal-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start}.home-grid>.span-all{grid-column:1 / -1}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:start}}@media(min-width:1024px){.home-league{min-height:312px;justify-content:space-between;gap:0}.home-league .link{padding-block:var(--space-8)}}.hero{gap:var(--space-16);padding:calc(var(--space-24) - var(--stroke))}.hero .stack.gap-16{gap:var(--space-16)}.hero .tag.tag--level{background:var(--game-tint-violet);color:var(--color-ink);font:var(--text-en-label-s)}.hero__eyebrow{color:#fffc;font:var(--text-ar-caption)}.hero__top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.hero__title{font:var(--text-ar-h2)}@media(min-width:1024px){.hero__title{font:var(--text-ar-h1)}}.hero--soon{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:var(--space-40)}.hero--soon .hero-d__title{font:var(--text-ar-h1)}.hero__soon-body{max-width:44ch;margin:0;color:#ffffffb8;font:var(--text-ar-body)}.hero__meta{color:#fffc;font:var(--text-ar-body-s)}.hero__slots{display:flex;align-items:center;gap:var(--space-8);color:#fffc;font:var(--text-ar-caption);white-space:nowrap}.hero__slot{width:var(--space-16);height:var(--space-16);border:var(--stroke) solid var(--color-white);border-radius:var(--radius-full);opacity:.6}.hero__slot--on{background:var(--color-redline);border-color:var(--color-redline)}.hero__countdown{color:#fffc;font:var(--text-ar-caption);white-space:nowrap}.hero__countdown .icon,.hero__countdown .t-en-mono{color:var(--color-white)}.hero .tag{background:#ffffff1a;box-shadow:inset 0 0 0 var(--stroke) #ffffff2e;color:var(--color-white)}.hero .industry-dot{background:color-mix(in oklab,var(--dot) 50%,white)}.hero .tag--danger{background:var(--game-tint-red);color:var(--game-red-lip)}.hero__preview{display:none;flex:none;width:200px;height:248px;padding:var(--space-16);border-radius:var(--radius-16);background:var(--game-ink-lip)}.hero__screen{display:flex;flex-direction:column;gap:var(--space-8);height:100%;padding:var(--space-12);border-radius:var(--radius-8);background:var(--color-white)}.hero__screen i{display:block;width:144px;height:var(--space-24);border-radius:4px;background:var(--color-paper)}.hero__screen .hero__mock-title{width:96px;height:var(--space-8);background:var(--color-ink)}.hero__screen .hero__mock-rule{width:136px;height:var(--space-4);background:var(--color-line)}@media(min-width:1024px){.hero{flex-direction:row;align-items:flex-start;gap:var(--space-32);padding:var(--space-32)}.hero__preview{display:block}.hero__actions .btn{min-width:160px;width:auto;padding-inline:var(--space-24)}}.challenge{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-ink);color:var(--color-white)}.challenge__hud{position:sticky;z-index:5;inset-block-start:0;display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-16);background:var(--color-ink)}.challenge__bar{display:flex;align-items:center;gap:var(--space-8)}.challenge__timer{display:inline-flex;align-items:center;gap:var(--space-4);height:var(--space-32);padding:0 var(--space-12);border-radius:var(--radius-full);background:var(--color-text-secondary);font:var(--text-en-label-m)}.challenge__count{font:var(--text-ar-label-m)}.challenge__done{min-width:160px;width:auto}.challenge__count b{font:var(--text-display-s);font-variation-settings:"opsz" 96}.challenge__body{display:flex;flex-direction:column;gap:var(--space-16);flex:1;padding:0 var(--space-16) var(--space-16)}.challenge__panel{display:none}.challenge__help{text-align:center;color:var(--color-line);font:var(--text-ar-body-s)}.challenge__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.canvas-wrap{position:relative;width:100%;max-width:358px;margin-inline:auto}@media(min-width:1024px){.challenge{flex-direction:row}.challenge__body{flex-direction:row;gap:var(--space-24);padding:var(--space-32)}.challenge__stage{flex:1;display:flex;align-items:center;justify-content:center}.canvas-wrap{max-width:min(480px,calc((100dvh - var(--space-96) * 2) * 358 / 572))}.challenge__hud .ladder{max-width:calc(var(--space-96) * 6);width:100%;margin-inline:auto}.challenge__panel{display:flex;flex-direction:column;gap:var(--space-24);width:440px;flex:none;order:-1;color:var(--color-ink)}.challenge__mobile-only{display:none}}.result-hero{position:relative;align-items:center;text-align:center;overflow:hidden}.result-score{font:var(--text-display-xl);letter-spacing:var(--text-display-xl-tracking);font-variation-settings:"opsz" 96}.result-actions{display:flex;flex-direction:column;gap:var(--space-8)}@media(min-width:1024px){.result-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:start}}.lb-list{display:flex;flex-direction:column;gap:var(--space-4)}.lb-only-desktop{display:none}@media(min-width:1024px){.lb-only-desktop{display:grid}.lb-only-mobile{display:none}}.heatmap{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,var(--space-12));grid-auto-columns:var(--space-12);gap:var(--space-4);justify-content:start;overflow-x:auto}.heatmap-block{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-12);align-self:stretch;max-width:100%}.heatmap i{border-radius:var(--radius-full);background:var(--color-line)}.heatmap i.on{background:var(--color-redline)}.profile-head{flex-direction:row;align-items:center;gap:var(--space-16)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);min-height:var(--space-56)}.card-link{display:block;color:inherit;border-radius:var(--radius-24)}.card-link:active .card{transform:translateY(var(--lip-m));box-shadow:0 0 0 var(--game-card-lip)}@media(max-width:1023.98px){.only-desktop{display:none!important}}@media(min-width:1024px){.only-mobile{display:none!important}}.onboard{position:relative;min-height:100dvh}.onboard__locale{position:absolute;z-index:2;inset-block-start:var(--space-16);inset-inline-end:var(--space-16)}.wordmark{direction:ltr;font:var(--text-display-l);letter-spacing:var(--text-display-l-tracking);font-variation-settings:"opsz" 96}.wordmark__i{position:relative}.wordmark__i:after{content:"";position:absolute;inset-inline-start:50%;inset-block-start:.12em;width:.22em;height:.22em;border-radius:var(--radius-full);background:var(--color-redline);transform:translate(-50%)}.bubble-row .bubble{font:var(--text-ar-body-s);border-radius:var(--radius-24)}.bubble{padding:var(--space-12) var(--space-16);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-16);background:var(--color-white);color:var(--color-ink);font:var(--text-ar-label-m)}.welcome{display:flex;flex-direction:column;min-height:100dvh;padding:var(--space-64) var(--space-16) var(--space-24)}.welcome__copy{display:flex;flex-direction:column;gap:var(--space-24);flex:1}.welcome__brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);margin-block-start:var(--space-40)}.welcome__text{text-align:center}.welcome__chips{justify-content:center}.welcome__actions{display:flex;flex-direction:column;gap:var(--space-8);margin-block-start:auto}.welcome__terms{text-align:center}.terms-line .link{display:inline;min-height:0;font:inherit;text-decoration:underline;text-underline-offset:.2em}.welcome__features{display:flex;flex-direction:column;gap:var(--space-12);margin:0;padding:0;list-style:none}@media(min-width:1024px){.onboard--welcome{background:var(--color-ink);color:var(--color-white)}.onboard--welcome .muted{color:var(--color-grey)}.welcome{flex-direction:row;align-items:center;justify-content:center;gap:var(--space-96);padding:var(--space-64)}.welcome__copy{flex:none;width:440px}.welcome__brand{align-items:flex-start;margin:0}.welcome__brand .wordmark{font:var(--text-display-m)}.welcome__text{text-align:start}.welcome__actions{margin:0}.welcome__terms{text-align:start}.onboard--welcome .terms-line .link{color:var(--color-white)}.welcome__showcase{display:flex}}.preview{--preview-scale: .9;position:relative;padding:var(--space-48) var(--space-80);border-radius:var(--radius-24);background:var(--color-white)}.preview__canvas{position:relative;width:322.2px;height:calc(572px * .9);overflow:hidden;box-shadow:0 0 0 var(--stroke) var(--color-line);border-radius:var(--radius-32)}.preview__timer{position:absolute;inset-block-start:var(--space-24);inset-inline-start:var(--space-48);padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);background:var(--color-ink);color:var(--color-white)}.preview__xp{position:absolute;inset-block-start:45%;right:var(--space-4)}.preview__found .icon{flex:none}.preview__found{display:inline-flex;align-items:center;gap:var(--space-4);position:absolute;inset-block-end:var(--space-32);inset-inline-end:var(--space-40);padding:var(--space-8) var(--space-12);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-ink)}.onboard__bar{display:none}.level{display:flex;flex-direction:column;gap:var(--space-24);width:100%;max-width:calc(var(--space-96) * 4 + var(--space-24) + var(--space-8));margin-inline:auto;padding:var(--space-24) var(--space-16) var(--space-32)}.level__progress{display:flex;align-items:center;gap:var(--space-12)}.level__options{display:flex;flex-direction:column;gap:var(--space-16)}.level-option{gap:var(--space-12)}.level-option[aria-checked=true]{border-color:var(--color-redline);background:var(--game-tint-red);box-shadow:0 var(--lip-m) 0 var(--game-red-lip)}.level-option__head{display:flex;align-items:flex-start;gap:var(--space-12);width:100%}.level-option__radio{display:grid;place-items:center;flex:none;align-self:center;width:var(--space-24);height:var(--space-24);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-full);color:var(--game-success-lip)}.level-option__radio--on{border-color:transparent}.level-option__index,.level-option__focus{display:none}.level__placement{width:100%}.level__title{font:var(--text-ar-h2)}.level__actions{position:sticky;inset-block-end:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4);margin-inline:calc(-1 * var(--space-16));padding:var(--space-16) var(--space-16) max(var(--space-16),env(safe-area-inset-bottom));background:var(--color-paper)}.level__actions>span:first-child>.btn{flex:1}.level__actions .link{align-self:center}@media(min-width:1024px){.onboard__bar{display:flex;align-items:center;justify-content:space-between;height:var(--size-topbar-desktop);padding:0 var(--space-32);border-block-end:var(--stroke) solid var(--color-line);background:var(--color-white)}.onboard__bar .wordmark{font:var(--text-display-s)}.level{max-width:calc(var(--space-96) * 7 + var(--space-32));padding:var(--space-64) var(--space-32)}.level__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.level-option{justify-content:flex-start}.level-option__head{flex-direction:column;gap:var(--space-8);position:relative}.level-option__radio{display:none}.level-option__index{display:grid;position:absolute;inset-block-start:0;inset-inline-end:0;place-items:center;width:var(--space-24);height:var(--space-24);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-full);font:var(--text-en-label-s);color:var(--color-text-secondary)}.level-option__focus{display:flex;flex-direction:column;gap:var(--space-8)}.level__title{font:var(--text-ar-h1)}.level__actions{position:static;flex-direction:row;align-items:center;justify-content:space-between;margin:0;padding:0;background:none}.level__actions>span:first-child>.btn{flex:none}}.result-page{min-height:100dvh;background:var(--color-paper)}.result-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-16)}.result-mobile{display:flex;flex-direction:column;gap:var(--space-24);max-width:calc(var(--space-96) * 4 + var(--space-24) + var(--space-8));margin-inline:auto;padding:0 var(--space-16) var(--space-24)}.result-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);text-align:center}.missed-card{border-color:var(--color-redline)}.missed-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-12);background:var(--game-tint-red)}.missed-card__icon,.flaw-row--missed .flaw__mark{display:grid;place-items:center;width:var(--space-24);height:var(--space-24);border-radius:var(--radius-full);background:var(--game-red-lip);color:var(--color-white);font:var(--text-en-label-s)}.flaw-row{display:flex;align-items:center;gap:var(--space-8);min-height:var(--space-48);padding:var(--space-4) var(--space-12);border-radius:var(--radius-12)}.flaw-row--found{background:var(--game-tint-success)}.flaw-row--found .flaw__mark{display:grid;place-items:center;width:var(--space-24);height:var(--space-24);border-radius:var(--radius-full);background:var(--color-white);color:var(--game-success-lip)}.flaw-row--missed{background:var(--game-tint-red)}.result-ring__tag{position:absolute;inset-block-start:50%;left:calc(100% + var(--space-12));transform:translateY(-50%) scale(calc(1 / var(--mock-scale, 1)));transform-origin:0 50%;white-space:nowrap}.result-canvas{position:relative;width:min(100%,400px);margin-inline:auto;overflow:visible;box-shadow:0 0 0 var(--stroke) var(--color-line);border-radius:var(--radius-32);background:var(--color-white)}.result-canvas>div:first-child{border-radius:inherit;overflow:hidden}.result-desktop{display:grid;grid-template-columns:440px minmax(0,1fr);gap:var(--space-24);align-items:stretch;padding:var(--space-32)}.result-top{border-block-end:0}@media(min-width:1024px){.result-top{height:var(--size-topbar-desktop);padding:0 var(--space-32);border-block-end:var(--stroke) solid var(--color-line);background:var(--color-white)}}.result-stage{align-items:center}.result-panel__ayn{position:relative}.xp-card{gap:var(--space-12)}.xp-card__total{justify-content:center}.xp-card__rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));column-gap:var(--space-24);margin:0;padding:0;list-style:none}.xp-card__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-12);padding-block:var(--space-8);border-block-start:1px solid color-mix(in srgb,var(--color-ink) 10%,transparent);font:var(--text-ar-body-s)}.xp-card__row>bdi{flex:none;font:var(--text-en-label-m)}.xp-card__row.is-zero>bdi{color:var(--color-text-secondary)}.xp-card__row.is-minus>bdi{color:var(--color-redline)}.result-panel__actions{display:flex;flex-wrap:wrap;gap:var(--space-12);margin-block-start:auto}.result-panel__actions>.btn{flex:1 1 160px}@media(min-width:1024px){.lesson-card{border-color:var(--game-gold)}}.wordmark--s{font:var(--text-display-s)}.share-card2{display:block;width:100%;height:auto;aspect-ratio:1200 / 627;border-radius:var(--radius-12);background:var(--color-ink)}.share-text{height:auto;padding-block:var(--space-12);resize:vertical;font:var(--text-ar-body)}.lose-list{display:flex;flex-direction:column;gap:var(--space-12);margin:0;list-style:none}.lose-list li{display:flex;align-items:center;gap:var(--space-8);font:var(--text-ar-body-s)}.settings-page .card{gap:var(--space-8)}.settings-page{display:flex;flex-direction:column;gap:var(--space-24);width:100%;max-width:calc(var(--space-96) * 7)}.edit-avatar{align-self:center}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.promo-screen{display:flex;flex-direction:column;min-height:100dvh;padding:0 var(--space-16);background:var(--color-ink);color:var(--color-white);overflow-x:clip}.promo-screen__body{display:flex;flex:1;flex-direction:column;align-items:center;gap:0;text-align:center}.promo-screen__body .promo-muted{margin-block-start:var(--space-8)}.promo-screen__body .promo-next{margin-block:var(--space-8) 0}.promo-screen__body .promo-rewards{margin-block:var(--space-16)}.promo-muted{color:#ffffffb3}.promo-title{color:var(--game-gold);font:var(--text-ar-h1)}.promo-hero{position:relative;flex:none;width:358px;height:176px;margin-block:var(--space-24) var(--space-8);transform:scale(var(--hero-k, 1))}.promo-hero>*{position:absolute;pointer-events:none}.promo-hero__rays{left:-10.2px;top:-101.2px;width:378.4px;height:378.4px}.promo-hero__glow{left:11.8px;top:-79.2px;width:334.4px;height:334.4px;animation:promo-glow var(--dur-celebrate) var(--ease-standard) both}.promo-hero__confetti{left:0;top:-50.23px;width:358px;height:226.23px;animation:promo-burst var(--dur-slow) var(--ease-enter) backwards}.promo-hero__badge{left:91px;top:0;display:grid;place-items:center;width:176px;height:176px}.promo-hero__badge .league-badge{scale:1.8333}.promo-hero__shine{left:123px;top:35px;width:113px;height:113px;overflow:hidden;border-radius:50%}.promo-hero__shine i{position:absolute;left:33px;top:-45px;width:25px;height:203px;background:linear-gradient(90deg,#fff0,#ffffff73,#fff0);transform:rotate(-35deg);animation:promo-shine .7s var(--ease-standard) .95s backwards}@keyframes promo-glow{0%{opacity:0;transform:scale(.8)}55%{opacity:1;transform:scale(1.06)}to{opacity:.85;transform:none}}@keyframes promo-burst{0%{opacity:0;transform:scale(.6)}}@keyframes promo-shine{0%{translate:-90px 0}}@media(prefers-reduced-motion:reduce){.promo-hero__shine{display:none}}.promo-ladder{display:flex;align-items:flex-start;width:100%;margin:var(--space-16) 0 0;padding:var(--space-8);border-radius:var(--radius-16);background:#ffffff0f;list-style:none}.promo-ladder__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);flex:none}.promo-ladder__slot{display:grid;place-items:center;width:var(--space-48);height:var(--space-56)}.promo-ladder__step .league-badge{opacity:.45}.promo-ladder__step--on~.promo-ladder__step .league-badge{opacity:.55}.promo-ladder__step--on .league-badge{opacity:1}.promo-ladder__step--on .promo-ladder__slot{width:var(--space-56);border:var(--stroke) solid var(--game-gold);border-radius:var(--radius-full);background:color-mix(in srgb,var(--game-gold) 16%,transparent);animation:promo-node var(--dur-base) var(--ease-spring) .65s backwards}.promo-ladder__label{color:var(--color-grey);font:var(--text-ar-caption);white-space:nowrap}.promo-ladder__step--on .promo-ladder__label{color:var(--game-gold);font:var(--text-ar-label-s)}.promo-ladder__track{flex:1;height:4px;margin-block-start:26px;border-radius:2px;background:#ffffff29}.promo-ladder__track--passed{background:color-mix(in srgb,var(--game-gold) 40%,transparent)}.promo-ladder__track--fill{background:var(--game-gold);transform-origin:right;animation:promo-fill var(--dur-slow) var(--ease-standard) .35s backwards}[dir=ltr] .promo-ladder__track--fill{transform-origin:left}@keyframes promo-fill{0%{transform:scaleX(0)}}@keyframes promo-node{0%{transform:scale(.6)}}.promo-next{margin:0 0 var(--space-8);color:var(--color-grey);font:var(--text-ar-caption);animation:fade-in var(--dur-base) var(--ease-standard) .9s backwards}.promo-rewards{display:flex;flex-direction:column;gap:var(--space-8);width:100%;margin-block:var(--space-8) var(--space-16);padding:var(--space-16);border:1px solid rgb(255 255 255 / .12);border-radius:var(--radius-24);background:var(--color-ink-2);text-align:start}.promo-rewards__title{color:var(--color-grey-light);font:var(--text-ar-label-m)}.promo-rewards__tiles{display:flex;gap:var(--space-12)}.promo-reward-tile{display:flex;flex:1;flex-direction:column;align-items:center;gap:var(--space-8);min-width:0;padding:var(--space-12);border-radius:var(--radius-16);background:var(--color-ink);text-align:center}.promo-reward-tile__text{display:flex;flex-direction:column;align-items:center}.promo-reward-tile__value{color:var(--color-white)}.promo-reward-tile__caption{color:var(--color-grey);font:var(--text-ar-caption)}.promo-link{display:flex;align-items:center;justify-content:center;min-height:var(--size-touch-min);width:100%;border:0;background:none;color:var(--color-white);font:var(--text-ar-label-m);cursor:pointer}.promo-modal{width:min(100%,560px);gap:var(--space-24);background:var(--color-ink);color:var(--color-white);box-shadow:0 var(--lip-card) 0 var(--game-ink-lip);overflow:hidden}.promo-modal>.stack h2{color:var(--game-gold);font:var(--text-ar-h1);text-align:center}.promo-modal .stack{text-align:center}.promo-modal .t-ar-body.muted{color:#ffffffb3}.promo-modal .modal__head{position:relative;z-index:3}.promo-modal .promo-hero{--hero-k: .8636;align-self:center;margin-block:-65px calc(var(--space-24) * -1)}.promo-modal .promo-ladder,.promo-modal .promo-rewards{margin:0}.promo-modal .promo-reward-tile{flex-direction:row;text-align:start}.promo-modal .promo-reward-tile__text{flex:1;align-items:flex-start}.promo-modal .promo-next{margin:0;text-align:center}.promo-modal .promo-link{min-height:var(--space-24);margin-block-start:calc(var(--space-16) * -1)}.promo-modal__cta .btn{flex:1}.promo-skip *{animation:none!important}.promo-screen .sticky-bar{gap:var(--space-8);padding:var(--space-16) var(--space-16) max(var(--space-24),env(safe-area-inset-bottom))}.result-panel{order:-1}.result-stage .tabs{align-self:center}.result-stage .tabs__opt{padding-inline:var(--space-16);white-space:nowrap}.ob{display:flex;flex-direction:column;align-items:center;min-height:100dvh;background:var(--color-paper)}.ob__logo{padding-block:var(--space-32) var(--space-16)}.ob__logo .wordmark{font:var(--text-display-s)}.ob__card{display:flex;flex-direction:column;gap:var(--space-24);width:100%;max-width:calc(var(--space-96) * 4 + var(--space-24) + var(--space-8));min-height:100dvh;padding:var(--space-16)}.ob__card--center .ob__body{justify-content:center}.ob__head{display:flex;flex-direction:column;gap:var(--space-12)}.ob__body{display:flex;flex:1;flex-direction:column;gap:var(--space-16)}.ob__foot{display:flex;gap:var(--space-12)}.ob__foot>.btn--block{flex:1}.ob__title{font:var(--text-ar-h1)}.ob__hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);text-align:center}.ob__center{text-align:center;align-self:center}.ob__list{display:flex;flex-direction:column;gap:var(--space-8)}.ob__facts{display:flex;flex-direction:column;gap:var(--space-12);margin:0;padding:var(--space-16);border-radius:var(--radius-16);background:var(--color-white);list-style:none;font:var(--text-ar-label-m)}.ob__facts li{display:flex;align-items:center;gap:var(--space-8)}.ob-option{flex-direction:row;align-items:center;gap:var(--space-12);box-shadow:none}.ob-option[aria-checked=true]{border-color:var(--color-redline);background:var(--game-tint-red);box-shadow:none}.ob-option:disabled{opacity:.4}.ob .toggle:disabled{opacity:.4;cursor:not-allowed}.ob__note{align-items:flex-start}.ob__note .icon{flex:none}.radio{flex:none;width:var(--space-24);height:var(--space-24);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-full);background:var(--color-white)}[aria-checked=true]>.radio,[aria-checked=true] .radio{border:calc(var(--space-4) + var(--stroke)) solid var(--color-redline)}@media(min-width:1024px){.ob__card{min-height:0;margin-block-end:var(--space-48);padding:var(--space-24);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-24);background:var(--color-white);box-shadow:0 var(--lip-card) 0 var(--game-card-lip)}.ob__foot>.btn:not(.btn--block){flex:none}.ob__title{font:var(--text-ar-h2)}}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-16);min-height:100dvh;background:var(--color-ink);color:var(--color-white)}.splash__mark{position:relative;direction:ltr;font:var(--text-display-xl);font-variation-settings:"opsz" 96}.splash__dot{position:absolute;inset-block-start:var(--space-8);inset-inline-end:calc(-1 * var(--space-16));width:var(--space-16);height:var(--space-16);border:var(--space-4) solid var(--color-redline);border-radius:var(--radius-full)}.splash .wordmark{font:var(--text-display-m)}.spinner{width:var(--space-48);height:var(--space-48);border:var(--space-4) solid var(--color-line);border-block-start-color:var(--color-redline);border-radius:var(--radius-full);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quiz__head{align-items:center}.quiz__options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.quiz__option{display:flex;flex-direction:column;gap:var(--space-12);padding:0;border:0;background:none;text-align:start}.quiz__label{display:flex;align-items:center;gap:var(--space-8);min-height:var(--space-56);padding:0 var(--space-16);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-16);background:var(--color-white);font:var(--text-ar-label-l)}.quiz__option[aria-checked=true] .quiz__label{border-color:var(--color-redline);background:var(--game-tint-red)}.mini{display:flex;flex-direction:column;aspect-ratio:3 / 4;padding:12px;border:2px solid #e1e4ea;border-radius:16px;background:#fff;font-family:Geist,system-ui,sans-serif}.mini__title{font-size:11px;font-weight:600;color:#10131c}.mini__row{height:14px;background:#eef0f3}.mini__note{margin-top:6px;font-size:7px}.mini__cta{margin-top:auto;padding:8px 0;border-radius:6px;background:#10131c;color:#fff;font-size:8px;font-weight:700;text-align:center}.mini__cta--weak{background:none;color:#b8bcc6;font-weight:400;text-align:end}.public{min-height:100dvh;background:var(--color-paper)}.public__cta-text{text-align:center}@media(min-width:1024px){.public{padding-block-end:var(--space-96)}}.public__top{display:flex;align-items:center;justify-content:space-between;padding:var(--space-16)}.public__top .wordmark{font:var(--text-display-s)}.public__body{display:flex;flex-direction:column;gap:var(--space-24);max-width:calc(var(--space-96) * 7);margin-inline:auto;padding:0 var(--space-16)}.public__cta{position:fixed;z-index:10;inset-inline:0;inset-block-end:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16) max(var(--space-16),env(safe-area-inset-bottom));border-block-start:var(--stroke) solid var(--color-line);background:var(--color-white);text-align:center}.public__cta--desktop{flex-direction:row;justify-content:center;gap:var(--space-24)}.heatmap--dots i{border-radius:var(--radius-full)}.heat-key{display:inline-block;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);background:var(--color-line)}.heat-key--on{background:var(--color-redline)}@media(min-width:1024px){.public__top{padding:var(--space-16) var(--space-32);border-block-end:var(--stroke) solid var(--color-line);background:var(--color-white)}.public__body{padding-block-start:var(--space-32)}}.state-page{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-paper)}.state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);padding:var(--space-32) var(--space-16);text-align:center}.state p{max-width:calc(var(--space-96) * 4)}.state__actions{display:flex;flex-direction:column;gap:var(--space-8);width:100%;max-width:calc(var(--space-96) * 4 + var(--space-24) + var(--space-8));margin-inline:auto;padding:var(--space-16)}.profile-hero{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-32)}.profile-hero__level{flex:1;max-width:calc(var(--space-96) * 3)}.profile-hero__actions{align-items:flex-end}@media(min-width:1024px){.profile-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}}.hud__rank{color:var(--color-ink)}.hud__avatar{display:inline-flex;padding-block-end:var(--space-4);border-radius:var(--radius-full)}.bottom-nav__item .icon{color:var(--color-grey)}.bottom-nav__item.active .icon{color:var(--color-ink)}.gift-banner{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-16);background:var(--game-tint-gold);font:var(--text-ar-label-m)}.gift-banner .icon{color:var(--color-redline)}.tier-row{display:flex;align-items:center;justify-content:space-around;gap:var(--space-16)}.tier-row__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.tier-row__item:not(.tier-row__item--on){opacity:.6}.lb-head-card{flex-direction:row;align-items:center;justify-content:space-between}.lb-head-card .tier-row{flex:1;justify-content:center}.lb-close{align-items:flex-start}.lb-card{padding:calc(5px - var(--stroke));gap:var(--space-4)}@media(min-width:1024px){.lb-card{padding:calc(var(--space-24) - var(--stroke));gap:var(--space-16)}}.lb2--you .tag--danger{padding-inline:6px;font:var(--text-ar-label-s)}.lb2-list,.lb2-rows{display:flex;flex-direction:column;gap:var(--space-4)}.lb2{display:grid;grid-template-columns:var(--space-32) minmax(0,1fr) var(--space-24) var(--space-48);align-items:center;gap:var(--space-12);min-height:var(--space-48);padding:calc(var(--space-12) - var(--stroke)) calc(var(--space-16) - var(--stroke));border:var(--stroke) solid transparent;border-radius:var(--radius-12)}.lb2--desktop{grid-template-columns:var(--space-40) minmax(0,1fr) 120px var(--space-80) var(--space-80) var(--space-48) var(--space-80);gap:var(--space-16);min-height:var(--space-56)}.lb2--promotion{background:var(--leaderboard-row-up-bg)}.lb2--relegation{background:var(--leaderboard-row-down-bg)}.lb2--you{border-color:var(--color-redline);background:var(--color-white)}.lb2--head{min-height:var(--space-32);color:var(--color-text-secondary);font:var(--text-ar-caption)}.lb2__rank{font:var(--text-number-s);font-variation-settings:"opsz" 96}.lb2--desktop .lb2__rank{font:var(--text-en-label-m);color:var(--color-text-secondary)}.lb2__rank--you{color:var(--game-red-lip)}@media(max-width:380px){.lb2--you .lb2__avatar{display:none}.lb2{gap:var(--space-8);padding-inline:var(--space-8)}.lb2__who .tag{padding-inline:var(--space-4)}}.lb2__who{display:flex;align-items:center;gap:var(--space-12);min-width:0}.lb2--desktop .lb2__who{gap:var(--space-16)}.lb2__avatar{display:grid;place-items:center;flex:none;width:var(--space-24);height:var(--space-24);border-radius:var(--radius-full);background:var(--color-paper);font:var(--text-ar-label-s)}.lb2--desktop .lb2__avatar{width:var(--space-32);height:var(--space-32);font:var(--text-ar-label-m)}.lb2--promotion .lb2__avatar,.lb2--relegation .lb2__avatar{background:var(--color-white)}.lb2--you .lb2__avatar{background:var(--game-tint-red)}.lb2__namegroup{display:flex;align-items:center;gap:var(--space-8);min-width:0;flex:1}.lb2__name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font:var(--text-ar-body-s-medium);overflow-wrap:anywhere}@media(min-width:1024px){.lb2__name{-webkit-line-clamp:1}}.lb2--you .lb2__name{font:var(--text-ar-label-m)}.lb2__cell{color:var(--color-ink);font:var(--text-en-label-m)}.lb2__cell--country{color:var(--color-text-secondary);font:var(--text-ar-body-s)}.lb2__xp{font:var(--text-en-label-m);text-align:end}.lb2--head .lb2__cell,.lb2--head{font:var(--text-ar-caption);color:var(--color-text-secondary)}.zone-band{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-8);font:var(--text-ar-label-s)}.zone-band--promotion{background:var(--game-tint-success);color:var(--color-ink)}.zone-band--promotion .icon{color:var(--game-success-lip)}.zone-band--relegation{background:var(--game-tint-red);color:var(--color-ink)}.zone-band--relegation .icon{color:var(--game-red-lip)}.grid-guide{position:absolute;inset-block:0;width:var(--stroke);background:var(--color-spec)}.challenge-d{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-paper)}.challenge-d__top{position:sticky;z-index:10;inset-block-start:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--size-topbar-desktop);padding:0 var(--space-32);border-block-end:var(--stroke) solid var(--color-line);background:var(--color-white)}.challenge-d__top>:last-child{justify-self:end}.challenge-d__top .wordmark{font:var(--text-display-s)}.challenge-d__timer{padding:var(--space-8) var(--space-16);border-radius:var(--radius-full);background:var(--color-ink);color:var(--color-white);font:var(--text-en-label-l);font-variant-numeric:tabular-nums}.challenge-d__body{display:grid;grid-template-columns:440px minmax(0,1fr);gap:var(--space-24);flex:1;padding:var(--space-32)}.challenge-d__panel{gap:var(--space-24)}.challenge-d__stage{position:relative;align-items:center;justify-content:center;min-height:calc(100dvh - var(--size-topbar-desktop) - var(--space-64));padding:var(--space-48) var(--space-24);--canvas-fit: min(var(--frame-max, 400px), calc((100dvh - var(--size-topbar-desktop) - var(--space-96) * 2) * var(--frame-w, 358) / var(--frame-h, 572)))}.challenge-d__scroll{display:flex;justify-content:center;width:100%;overflow:auto}.challenge-d__scroll .canvas-wrap>div{border:var(--stroke) solid var(--color-line);border-radius:var(--radius-32)!important}.challenge-d__label{position:absolute;inset-block-start:var(--space-16);left:var(--space-24)}.challenge-d__zoom{position:absolute;inset-block-end:var(--space-16);left:var(--space-24);display:flex;align-items:center;gap:var(--space-12);padding:var(--space-4) var(--space-12);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-full);background:var(--color-white)}.challenge-d__zoom .zoom-btn{display:inline-grid;place-items:center;min-width:var(--space-32);min-height:var(--space-32);padding:0 var(--space-8);border:0;border-radius:var(--radius-8);background:none;color:var(--color-ink);font:var(--text-en-label-m);cursor:pointer}.challenge-d__zoom .zoom-btn:hover{background:var(--color-paper)}.challenge-d__social{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-12);background:var(--color-paper)}.challenge-d__tools{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);margin-block-start:auto;text-align:center}.hero__slot--found{background:var(--game-success);border-color:var(--game-success)}.flaw-row--pending{background:var(--color-paper)}.flaw-row--pending .flaw__mark{display:grid;place-items:center;width:var(--space-24);height:var(--space-24);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-full);background:var(--color-white);font:var(--text-en-label-s)}.modal--center h2,.modal--center .t-ar-body{text-align:center}.miss-marker{position:absolute;display:flex;align-items:center;gap:var(--space-8);transform:translate(-50%,-50%);pointer-events:none}.miss-marker__dot{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);background:var(--color-spec);box-shadow:0 0 0 var(--space-4) color-mix(in srgb,var(--color-spec) 25%,transparent)}.miss-marker__label{white-space:nowrap}.ob-option--plain{min-height:var(--space-56);border-color:transparent;background:var(--color-white)}.ob__facts-inline{display:flex;justify-content:center;gap:var(--space-16);flex-wrap:wrap}.settings-col{display:flex;flex-direction:column;gap:var(--space-24)}@media(min-width:1024px){.settings-page:has(>.settings-col){display:grid;grid-template-columns:1fr 1fr;max-width:none;align-items:start}}@media(min-width:1024px){.public__body{max-width:calc(var(--space-96) * 12 - var(--space-16))}}.card.row{flex-direction:row;align-items:center}.hero__actions .btn{margin-block-end:var(--lip-button)}.lesson-card{gap:var(--space-8);border-color:var(--color-line)}.lesson-card .link{font:var(--text-ar-body-s-medium)}.missed-card__crop{border:0;border-radius:var(--radius-16);background:var(--color-paper);overflow:hidden}.edit-card{display:flex;flex-direction:column;gap:var(--space-16)}.edit-card__avatar{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);text-align:center}.edit-card__form{display:flex;flex-direction:column;gap:var(--space-16);flex:1;min-width:0}.edit-card__actions{display:flex;gap:var(--space-12)}.edit-url{text-align:start;unicode-bidi:plaintext}@media(min-width:1024px){.edit-page{max-width:752px}.edit-card{flex-direction:row;align-items:flex-start;gap:var(--space-24)}.edit-card__avatar{width:120px;flex:none}.edit-card__actions .btn{width:auto;min-width:128px}}.home-grid .section-header{min-height:0}.bottom-nav__item.active .bottom-nav__icon--target .icon{color:var(--color-redline)}.badge-sheet{display:grid;grid-template-columns:repeat(5,96px);gap:16px;align-items:center;justify-items:center;padding:16px;background:var(--color-white)}.nav2{position:fixed;z-index:10;inset-inline:0;inset-block-end:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;padding:var(--space-8) var(--space-8) max(var(--space-24),env(safe-area-inset-bottom));border-block-start:1px solid var(--color-line);background:var(--color-white);box-shadow:0 -4px 16px var(--game-elevation-shadow)}.nav2--off{display:none}.shell:has(.nav2--off) .shell__content{padding-block-end:var(--space-24)}@media(min-width:1024px){.nav2{display:none}}.nav2__tab,.nav2__challenge{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);min-width:44px;min-height:44px;color:var(--color-text-secondary)}.nav2__icon{display:grid;place-items:center;width:var(--space-40);height:var(--space-40);color:var(--color-text-secondary)}.nav2__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;font:var(--text-ar-caption);white-space:nowrap;transition:color var(--dur-fast) var(--ease-standard)}.nav2__tab.active .nav2__label{font:var(--text-ar-label-s)}.nav2__tab--red.active .nav2__label{color:var(--game-red-button)}.nav2__tab--blue.active .nav2__label{color:var(--game-spec-lip)}.nav2__tab--violet.active .nav2__label{color:var(--game-tier-diamond-lip)}.nav2__tab[href="/profile"].active .nav2__label{color:var(--color-ink)}.nav2__tab.active .nav2__icon{animation:nav-pop var(--dur-base) var(--ease-spring)}@keyframes nav-pop{0%{transform:scale(.7);opacity:.4}}.nav2__icon .avatar__face{background:var(--color-white);color:var(--color-text-secondary)}.nav2__tab.active .nav2__icon .avatar__face{background:var(--game-tint-red);color:var(--color-ink)}.nav2__icon .avatar__ring circle:first-child{stroke:var(--color-text-secondary)}.nav2__tab.active .nav2__icon .avatar__ring circle:first-child{stroke:var(--color-line)}.nav2__challenge{padding:0;border:0;background:none;cursor:pointer}.nav2__plate{position:relative;display:block;width:76px;height:76px;margin-block-start:-36px;border-radius:50%;background:var(--color-white)}.nav2__ring{position:absolute;top:0;right:0;bottom:0;left:0}.nav2__ring-fill{stroke:var(--color-spec);transition:stroke var(--dur-slow) var(--ease-standard)}.nav2__button{position:absolute;inset-block-start:6px;left:6px;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--game-red-button);color:var(--color-white);box-shadow:0 var(--lip-m) 0 var(--game-red-lip);transition:background var(--dur-slow) var(--ease-standard),color var(--dur-slow) var(--ease-standard),box-shadow var(--dur-slow) var(--ease-standard);animation:nav-breathe 2.4s var(--ease-standard) infinite}@keyframes nav-breathe{50%{transform:scale(1.04)}}.nav2__challenge:active .nav2__button{transform:translateY(var(--lip-m));box-shadow:0 0 0 var(--game-red-lip)}.nav2__chip{position:absolute;inset-block-start:-8px;left:50%;padding:0 var(--space-8);border-radius:var(--radius-full);background:var(--color-ink);color:var(--color-white);font:var(--text-en-mono);transform:translate(-50%)}.nav2__late{position:absolute;inset-block-start:6px;left:8px;width:14px;height:14px;border:2px solid var(--color-white);border-radius:50%;background:var(--color-redline)}.nav2__label--challenge{max-width:calc(100% + var(--space-16));color:var(--game-red-button);font:var(--text-ar-label-s)}.nav2__challenge--done .nav2__ring-fill{stroke:var(--game-success)}.nav2__challenge--done .nav2__button{background:var(--game-tint-success);color:var(--game-success-lip);box-shadow:0 var(--lip-m) 0 color-mix(in srgb,var(--game-success) 40%,transparent);animation:none}.nav2__challenge--done .nav2__label--challenge{color:var(--color-ink)}.nav-item__book{display:grid;place-items:center;color:var(--color-spec)}.practice__head{display:flex;flex-direction:column;gap:var(--space-4)}.practice__chips{display:flex;gap:var(--space-8);margin-inline:calc(var(--space-16) * -1);padding-inline:var(--space-16);overflow-x:auto;scrollbar-width:none}.practice__chips .chip{flex:none}.practice__chips{scroll-padding-inline:var(--space-16);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}[dir=rtl] .practice__chips{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent)}.practice__filters{display:flex;align-items:center;gap:var(--space-8);margin-inline-end:calc(var(--space-16) * -1)}.practice__filters .practice__chips{flex:1;min-width:0;margin-inline:0;padding-inline:0 var(--space-16)}.filter-btn{flex:none;gap:var(--space-8);padding-inline:var(--space-12) var(--space-16)}.filter-btn--on{border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.filter-btn__count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding-inline:var(--space-4);border-radius:var(--radius-full);background:var(--color-ink);color:var(--color-white);font:var(--text-en-label-s)}.practice__active{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}.chip--active{gap:var(--space-8);min-height:36px;padding-inline:var(--space-12);background:var(--color-grey-light);border-color:transparent;font:var(--text-ar-label-s)}.practice__active .link{margin-inline-start:var(--space-4);font:var(--text-ar-label-s)}.filter-anchor{position:relative;flex:none}.popover{position:absolute;inset-block-start:calc(100% + var(--space-8));inset-inline-start:0;z-index:30;display:flex;flex-direction:column;gap:var(--space-16);width:400px;padding:var(--space-24);border:1px solid var(--color-line);border-radius:var(--radius-24, 24px);background:var(--color-white);box-shadow:0 16px 48px -12px #0000002e;animation:rise var(--dur-fast) var(--ease-enter)}@media(prefers-reduced-motion:reduce){.popover{animation:none}}.filter-sheet__group{display:flex;flex-direction:column;gap:var(--space-12)}.filter-sheet__title{font:var(--text-ar-label-m);color:var(--color-text-secondary)}.filter-sheet__chips{display:flex;flex-wrap:wrap;gap:var(--space-8)}.filter-sheet__actions{display:flex;gap:var(--space-12);padding-block-start:var(--space-8);border-block-start:1px solid var(--color-line)}.filter-sheet__actions .btn--block{flex:1;justify-content:center}.practice__list{gap:0;padding-block:calc(var(--space-8) - var(--stroke))}.practice__row{display:flex;align-items:center;gap:var(--space-12);min-height:72px;padding-block:var(--space-12);border:0;border-block-end:1px solid var(--color-line);background:none;color:inherit;font:inherit;text-align:start}.practice__row:last-child{border-block-end:0}.practice__text{display:flex;flex:1;flex-direction:column;gap:var(--space-4);min-width:0}.practice__title{display:-webkit-box;overflow:hidden;min-width:0;-webkit-box-orient:vertical;-webkit-line-clamp:2}.practice__name{font:var(--text-ar-label-l)}.practice__id{flex:none;color:var(--color-text-secondary);font:var(--text-en-label-s)}.practice__meta{flex-wrap:wrap;row-gap:var(--space-4);color:var(--color-text-secondary);font:var(--text-ar-caption)}.practice__meta>span:first-child{white-space:nowrap}.practice__action{flex:none;min-width:120px;justify-content:center}.practice__row--locked{cursor:pointer}.practice__row--locked .practice__name{color:var(--color-text-secondary)}.practice__row--locked .tag{margin-inline-start:auto}@media(min-width:1024px){.practice__chips,[dir=rtl] .practice__chips{margin:0;padding:0;flex-wrap:wrap;-webkit-mask-image:none;mask-image:none}.practice__filters{margin:0}.practice__filters .practice__chips{padding:0}.practice__row--desktop{display:grid;grid-template-columns:40px minmax(0,1fr) 120px 120px 80px 160px;gap:var(--space-24);min-height:80px}.practice__row--desktop-locked{grid-template-columns:40px minmax(0,1fr) 120px 120px 80px}.practice__row--desktop .practice__action{min-width:160px}.practice__cell{color:var(--color-text-secondary);font:var(--text-ar-body-s)}.practice__cell--tag{justify-self:start}.practice__row--desktop-locked .tag{justify-self:start;margin:0}}.lb2--you .lb2__namegroup{gap:6px}.nav2__challenge--plain .nav2__button{animation:none}.nav2__challenge:disabled{cursor:not-allowed}.nav2__challenge:disabled .nav2__button{opacity:.5;box-shadow:none}.wl{display:flex;flex-direction:column;gap:var(--space-16)}.wl__benefits{display:flex;flex-direction:column;gap:var(--space-12);margin:0;padding:0;list-style:none}.wl__benefit{display:flex;align-items:center;gap:var(--space-12)}.wl__social{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-16);background:var(--color-paper)}.wl__faces{display:flex}.wl__faces i{display:grid;place-items:center;width:32px;height:32px;margin-inline-start:-6px;border:2px solid var(--color-paper);border-radius:50%;background:var(--game-tint-red);color:var(--color-ink);font:var(--text-ar-label-s);font-style:normal}.wl__faces i:first-child{margin-inline-start:0}.wl__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4)}.wl__later{min-height:var(--size-touch-min);border:0;background:none;color:var(--color-text-secondary);font:var(--text-ar-label-m);cursor:pointer}.wl__position{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.wl__number{font:var(--text-display-m);letter-spacing:var(--text-display-m-tracking);font-variation-settings:"opsz" 96}.wl-ref{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-16);background:var(--color-paper)}.wl-ref__link{display:block;padding:var(--space-12) var(--space-16);border:1px solid var(--color-line);border-radius:var(--radius-12);background:var(--color-white);font:var(--text-en-body-s);text-align:start;unicode-bidi:plaintext;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wl-ref__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.wl-modal{width:min(100%,560px)}.share-modal{width:min(100%,720px)}.share-actions{display:flex;align-items:center;gap:var(--space-16)}.share-actions .btn{min-width:160px}.share-actions .btn--red,.share-actions>.btn:first-child{min-width:214px}@media(min-width:1024px){.wl__actions{flex-direction:row;align-items:center;gap:var(--space-16)}.wl__later{min-height:var(--space-24)}.wl__enter{display:inline-flex;align-items:center;gap:var(--space-8);margin-inline-start:auto}.wl-modal--done .wl__number{font:var(--text-display-l)}}.practice__pro{display:inline-flex;align-items:center;justify-content:center;min-width:var(--size-touch-min);min-height:32px;margin-block:calc(-1 * var(--space-4));padding:0;border:0;background:none;cursor:pointer}.home-rich{display:flex;flex-direction:column;gap:var(--space-24)}.home-section{display:flex;flex-direction:column;min-width:0}.home-section>.card{flex:1}.home-section--in{animation:rise var(--dur-base) var(--ease-enter) backwards}@media(prefers-reduced-motion:reduce){.home-section--in{animation:none}}.rich-card{gap:var(--space-16)}.rich-card__body{display:flex;flex:1;flex-direction:column;justify-content:center;gap:var(--space-16)}.rich-card__foot{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding-block-start:var(--space-16);border-block-start:1px solid var(--color-line)}@media(min-width:1024px){.yesterday{align-items:center}.yesterday__rate{font:var(--text-display-l);letter-spacing:var(--text-display-l-tracking)}}@media(min-width:1024px){.home-rich__row{display:grid;gap:var(--space-24);align-items:stretch}.home-rich__row--a{grid-template-columns:minmax(0,560fr) minmax(0,264fr) minmax(0,264fr)}.home-rich__row--b{grid-template-columns:minmax(0,752fr) minmax(0,360fr)}.home-rich__row--c{grid-template-columns:minmax(0,264fr) minmax(0,560fr) minmax(0,264fr)}.home-rich__row--d{grid-template-columns:minmax(0,1fr)}.rich-hero .hero{height:100%}}.rival{display:flex;align-items:flex-start;gap:var(--space-8)}.rival__who{display:flex;flex:none;flex-direction:column;align-items:center;gap:var(--space-4);width:88px;text-align:center}.rival__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--text-ar-label-s)}.rival__meta{color:var(--color-text-secondary);font:var(--text-en-label-s)}.rival__avatar{display:grid;place-items:center;width:40px;height:40px;margin-block:4px;border-radius:50%;background:var(--game-tint-red);font:var(--text-ar-label-l)}.rival__avatar--sm{width:32px;height:32px;margin:0;font:var(--text-ar-label-s)}.rival__mid{display:flex;flex:1;flex-direction:column;gap:var(--space-4);min-width:0;padding-block-start:var(--space-8);text-align:center}.rival__gap{font:var(--text-ar-label-l)}.rival__ends{color:var(--color-text-secondary);font:var(--text-en-label-s)}.rival__below{display:flex;align-items:center;gap:var(--space-8);padding-block-start:var(--space-12);border-block-start:1px solid var(--color-line)}@media(min-width:1024px){.rival{justify-content:space-around}.rival__gap{text-align:center}}.yesterday{display:flex;align-items:flex-start;gap:var(--space-16)}.yesterday__rate{font:var(--text-display-s);letter-spacing:var(--text-display-s-tracking);font-variation-settings:"opsz" 96}.mini-shot{position:relative;display:flex;flex:none;flex-direction:column;gap:8px;width:88px;height:128px;padding:10px;border:1px solid var(--color-line);border-radius:var(--radius-12);background:var(--color-paper);direction:ltr}.mini-shot i{display:block;height:16px;border-radius:3px;background:var(--color-white)}.mini-shot .mini-shot__bar{width:70%;height:6px;background:var(--color-line)}.mini-shot .mini-shot__line{height:6px;background:var(--color-line)}.mini-shot__ring{position:absolute;width:26px;height:26px;border:2px solid var(--color-redline);border-radius:50%}.mini-shot__ring em{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--game-red-button);color:var(--color-white);font:700 10px/1 var(--font-latin);font-style:normal}.mini-shot__ring--1{top:22px;right:10px}.mini-shot__ring--2{top:50px;left:12px}.mini-shot__ring--3{top:92px;left:26px}.lesson{display:flex;align-items:flex-start;gap:var(--space-16)}.lesson__pair{display:flex;flex:none;gap:var(--space-8)}.lesson__swatch{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.lesson__aa{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--color-line);border-radius:var(--radius-12);background:var(--color-white);color:var(--color-ink);font:700 20px/1 var(--font-latin)}.lesson__swatch--before .lesson__aa{color:#c9ccd3}.lesson__ratio{color:var(--color-text-secondary);font:var(--text-en-mono)}.lesson__read{min-width:140px}@media(min-width:1024px){.lesson__pair{justify-content:center;gap:var(--space-24)}.lesson__aa{width:56px;height:56px}}.practice-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% - 98px);gap:var(--space-12);margin-inline:calc(var(--space-16) * -1 + var(--stroke));padding-inline:calc(var(--space-16) - var(--stroke));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:calc(var(--space-16) - var(--stroke));scrollbar-width:none}.practice-carousel::-webkit-scrollbar{display:none}.practice-tile{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-16);border:1px solid var(--color-line);border-radius:var(--radius-16);background:var(--color-paper);scroll-snap-align:start}.practice-tile__name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.practice-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12)}.carousel-dots{display:flex;justify-content:center;gap:var(--space-8)}.carousel-dots i{width:6px;height:6px;border-radius:50%;background:var(--color-line);transition:background var(--dur-fast) var(--ease-standard),width var(--dur-base) var(--ease-spring)}.carousel-dots i.on{width:6px;background:var(--color-ink)}.next-badge{display:flex;align-items:center;gap:var(--space-16)}.next-badge .medal{flex:none}.next-badge .medal__caption{display:none}.next-badge__after{display:flex;align-items:center;gap:var(--space-12);padding-block-start:var(--space-12);border-block-start:1px solid var(--color-line)}@media(min-width:1024px){.next-badge .medal__disc{width:56px;height:56px}}.community{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.community--row{grid-template-columns:1fr 1fr 1.3fr}.community__missed{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-16);background:var(--color-paper)}@media(min-width:1024px){.community__missed{flex-direction:column;align-items:flex-start;justify-content:center}}.rival__below-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-badge .medal__disc{width:56px;height:56px}.pro-pill-hit{display:inline-grid;place-items:center;min-width:var(--size-touch-min);min-height:var(--size-touch-min);padding:0;border:0;background:none;cursor:pointer}.pro-pill{display:inline-flex;align-items:center;gap:var(--space-4);height:28px;padding-inline:var(--space-8) var(--space-12);border-radius:var(--radius-full);background:var(--pill-pro-bg);box-shadow:inset 0 0 0 1px var(--pill-border);color:var(--game-text-gold);font:600 14px/20px var(--font-latin)}.pro-pill .icon{color:var(--game-gold)}.pro-pill--joined{border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-text-secondary)}.pro-pill--joined .icon{color:var(--game-success)}.pro-item{display:flex;align-items:center;gap:var(--space-12);width:100%;min-height:var(--space-48);padding:0 var(--space-16);border:1px solid var(--game-gold);border-radius:var(--radius-16);background:var(--game-tint-gold);text-align:start;cursor:pointer}.pro-item__label{font:600 16px/24px var(--font-latin);color:var(--color-ink)}.pro-item__meta{color:var(--game-text-gold)}.pro-item--joined{border-color:var(--color-line);background:var(--color-paper)}.pro-item--joined .pro-item__label,.pro-item--joined .pro-item__meta{color:var(--color-text-secondary)}.pro-banner{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border:var(--stroke) solid var(--pro-banner-border);border-radius:var(--radius-card);background:var(--pro-banner-bg);box-shadow:0 var(--lip-l) 0 var(--game-gold-lip),var(--ambient)}.pro-banner--home{flex-direction:column;align-items:stretch;padding:var(--space-16)}.pro-banner__top{align-items:flex-start}.pro-banner--wide{gap:var(--space-16);padding:var(--space-16) var(--space-24) var(--space-16) var(--space-16)}.pro-banner__text{min-width:0}.pro-banner__close{display:grid;place-items:center;flex:none;width:var(--size-touch-min);height:var(--size-touch-min);margin:calc(-1 * var(--space-8));border:0;border-radius:var(--radius-full);background:none;color:var(--color-ink);cursor:pointer}.pro-banner--joined{border-color:var(--color-line);background:var(--color-white);box-shadow:0 var(--lip-l) 0 var(--game-card-lip),var(--ambient)}.pro-banner__link{min-height:var(--size-touch-min);padding:0;border:0;background:none;color:var(--game-spec-lip);cursor:pointer;white-space:nowrap}.practice__pro-banner{position:sticky;inset-block-start:var(--space-8);z-index:5}@media(min-width:1024px){.practice__pro-banner{inset-block-start:calc(var(--size-topbar-desktop) + var(--space-8))}}.pro-result-link{display:block;width:100%;min-height:var(--size-touch-min);padding:0;border:0;background:none;color:var(--game-spec-lip);text-align:center;cursor:pointer}.settings-v2{display:flex;flex-direction:column;gap:var(--space-24);width:100%;min-width:0}.settings-profile{flex-direction:row;align-items:center;gap:var(--space-16)}.settings-profile__text{min-width:0;align-items:flex-start}.settings-profile__text .btn{margin-block-start:var(--space-8)}.settings-section{display:flex;flex-direction:column;gap:var(--space-12);scroll-margin-block-start:calc(var(--size-topbar-desktop) + var(--space-24))}.settings-list{display:flex;flex-direction:column;overflow:hidden;border:var(--stroke) solid var(--color-line);border-radius:var(--radius-16);background:var(--color-white);box-shadow:0 var(--lip-s) 0 var(--color-line),var(--ambient)}.settings-list .settings-row{position:relative;gap:var(--space-12);min-height:var(--space-56);padding:var(--space-12) var(--space-16)}.settings-list .settings-row__label{flex:1 1 0;min-width:0;font:var(--text-ar-body-l)}.settings-list .settings-row:not(:last-child):after{content:"";position:absolute;inset-block-end:0;inset-inline:calc(var(--space-16) + var(--space-32) + var(--space-12)) 0;height:1px;background:var(--color-line)}.settings-list .settings-row .icon-box{flex:none}.settings-list--danger{margin-block-start:var(--space-12)}.settings-list--danger .settings-row:after{display:none}.settings-danger__note{padding:0 var(--space-16) var(--space-12)}.settings-note{margin:0;padding:0 var(--space-16) var(--space-12);color:var(--color-text-secondary);font:var(--text-ar-caption)}.settings-note--warn{color:var(--color-ink)}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.crumbs a{display:inline-flex;align-items:center;min-height:24px;color:inherit;text-decoration:underline;text-underline-offset:.2em}.crumbs a:hover{color:var(--color-ink)}.settings-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding-block:var(--space-8) var(--space-24);text-align:center}.settings-footer__link{display:inline-flex;align-items:center;min-height:var(--size-touch-min);padding:0 var(--space-8);border:0;background:none;color:inherit;font:inherit;cursor:pointer}@media(min-width:1024px){.settings-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-24);align-items:start;width:100%}.settings-subnav{position:sticky;inset-block-start:calc(var(--size-topbar-desktop) + var(--space-24));display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8)}.settings-subnav__item{position:relative;display:flex;align-items:center;min-height:var(--space-40);padding:0 var(--space-16);border-radius:var(--radius-12);color:var(--color-text-secondary);font:var(--text-ar-body-s);text-decoration:none}.settings-subnav__item:hover{background:var(--color-paper)}.settings-subnav__item--active{background:var(--color-paper);color:var(--color-ink);font:var(--text-ar-label-m)}.settings-subnav__item--active:before{content:"";position:absolute;inset-inline-start:var(--space-8);inset-block:var(--space-12);width:3px;border-radius:var(--radius-full);background:var(--color-redline)}.settings-list .settings-row{padding-inline:var(--space-16)}.settings-profile{padding:var(--space-24)}}.exit-modal{width:min(100%,560px);text-align:center}.exit-modal .stack{align-items:center}.exit-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);width:100%}.exit-actions .btn{position:relative}.exit-sheet{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);text-align:center}.exit-sheet .exit-actions{margin-block-start:var(--space-12);gap:var(--space-12)}.sheet__head--bare{margin-block-end:calc(-1 * var(--space-16))}.explain-actions{display:flex;flex-wrap:wrap;gap:var(--space-12)}.explain-actions .btn{flex:1 1 160px}@media(min-width:1024px){.explain-actions .btn{flex:0 1 auto;min-width:160px}}.legal__body{display:flex;flex-direction:column;gap:var(--space-16);width:100%;max-width:720px;margin-inline:auto;padding:var(--space-16) var(--space-16) var(--space-48)}.legal__section{display:flex;flex-direction:column;gap:var(--space-8)}.legal__section ul{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding-inline-start:var(--space-20, 20px);list-style:disc}.modal.help-modal{width:min(100%,640px);max-height:calc(100dvh - var(--space-48));overflow:auto}.unread-dot{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:var(--color-redline)}.nav2__icon{position:relative}.nav2__icon>.unread-dot{position:absolute;inset-block-start:2px;inset-inline-end:2px;box-shadow:0 0 0 2px var(--color-white)}.nav-item>.unread-dot{margin-inline-start:auto}.public__report{display:flex;justify-content:center;padding-block:var(--space-8) var(--space-24)}.mini-ladder{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;list-style:none}.mini-ladder__row{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-12);border-radius:var(--radius-12)}.mini-ladder__row .rival__avatar{flex:none;margin:0}.mini-ladder__row.is-you{background:var(--game-tint-spec)}.mini-ladder__rank{flex:none;display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:50%;background:var(--color-paper);font:var(--text-en-label-m)}.mini-ladder__row.is-top .mini-ladder__rank{background:var(--game-gold);color:var(--color-white)}.mini-ladder__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--text-ar-label-m)}.mini-ladder__xp{flex:none;color:var(--color-text-secondary);font:var(--text-en-label-m)}.mini-ladder__row.is-you .mini-ladder__xp{color:var(--color-ink)}.mini-ladder__gap{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-8);padding:var(--space-8) var(--space-16);border-radius:var(--radius-full);background:var(--game-tint-spec);font:var(--text-ar-label-m)}.mini-ladder__gap.is-first{background:var(--game-tint-gold);color:var(--game-text-gold)}.yshot{position:relative;display:flex;flex:1;justify-content:center;min-height:168px;padding:var(--space-24) var(--space-24) 0;overflow:hidden;border-radius:var(--radius-16);background:var(--game-tint-red)}.yshot:after{content:"";position:absolute;inset:auto 0 0;block-size:40%;background:linear-gradient(to bottom,transparent,var(--game-tint-red));pointer-events:none}.yshot__device{display:block;inline-size:min(100%,220px);align-self:flex-start;overflow:hidden;border-radius:var(--radius-16) var(--radius-16) 0 0;background:var(--color-white);box-shadow:var(--game-elevation-shadow)}.yshot__device.is-wide{inline-size:100%}.yshot__mock{position:relative;display:block;inline-size:100%;overflow:hidden;pointer-events:none}.yshot__tags{position:absolute;z-index:1;inset-block-start:var(--space-12);inset-inline-start:var(--space-12)}.yshot__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}.yshot__stats>:last-child{padding-inline-start:var(--space-16);border-inline-start:1px solid var(--color-line)}.next-badge--hero{align-items:center;text-align:center}.next-badge__ring{position:relative;display:grid;place-items:center;inline-size:132px;block-size:132px}.next-badge__ring .medal{position:relative}.next-badge__ring .medal__caption{display:none}.next-badge__ring .medal__disc{width:80px;height:80px}.next-badge__arcs{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.next-badge__arcs circle{fill:none;stroke:var(--color-line);stroke-width:8;stroke-linecap:round}.next-badge__arcs circle.is-on{stroke:var(--game-gold)}.next-badge__text{align-items:center}.next-badge__count{padding:var(--space-4) var(--space-16);border-radius:var(--radius-full);background:var(--game-tint-gold);color:var(--game-text-gold);font:var(--text-ar-label-m)}.heatcal{display:grid;grid-template-rows:auto repeat(7,auto);gap:4px;inline-size:100%;max-inline-size:1100px}.heatcal__month{overflow:visible;color:var(--color-text-secondary);font:var(--text-ar-caption);white-space:nowrap}.heatcal__day{padding-inline-end:var(--space-8);color:var(--color-text-secondary);font:var(--text-ar-caption);line-height:1;align-self:center}.heatcal__cell{display:block;aspect-ratio:1;max-block-size:20px;border-radius:4px;background:var(--color-line)}.heatcal__cell.is-on{background:var(--color-redline)}.heatcal__cell.is-future{background:transparent}.heatcal__cell.is-today{outline:2px solid var(--color-ink);outline-offset:1px}.heatcal__key{flex-wrap:wrap}.heat-key--today{background:transparent;outline:2px solid var(--color-ink);outline-offset:-2px}.swipe-row{display:flex;flex-direction:column;gap:var(--space-12);margin-inline:calc(-1 * var(--space-16))}.swipe-row__track{display:flex;align-items:stretch;gap:var(--space-12);padding-inline:var(--space-16);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-16);scrollbar-width:none;overscroll-behavior-x:contain}.swipe-row__track::-webkit-scrollbar{display:none}.swipe-row__slide{display:flex;flex:0 0 86%;scroll-snap-align:start}.swipe-row__slide>*{flex:1;min-width:0}.swipe-row__slide .card{block-size:100%}.swipe-row__dots{display:flex;justify-content:center;gap:var(--space-8)}.swipe-row__dots button{inline-size:8px;block-size:8px;padding:0;border:0;border-radius:var(--radius-full);background:var(--color-line);transition:inline-size var(--dur-base) var(--ease-enter),background var(--dur-base);cursor:pointer}.swipe-row__dots button.is-on{inline-size:24px;background:var(--color-ink)}.hero__tags{flex-wrap:nowrap;min-width:0;overflow:hidden}.hero__tags .tag{flex:none;display:inline-flex;align-items:center;gap:var(--space-4);white-space:nowrap}.hero .tag--success{background:var(--game-tint-success);box-shadow:none;color:var(--game-text-success)}.hero .tag--danger{box-shadow:none}@media(min-width:1024px){.hero .hero__meta-row{justify-content:flex-start;gap:var(--space-24)}.hero__thumb.yshot{flex:0 0 clamp(240px,36%,380px);align-self:stretch;min-height:280px;padding:var(--space-24) var(--space-24) 0;background:var(--game-ink-lip)}.hero__thumb.yshot:after{background:linear-gradient(to bottom,transparent,var(--game-ink-lip))}.hero__thumb .yshot__device{inline-size:min(100%,260px);box-shadow:none}.hero__thumb .yshot__device.is-wide{inline-size:100%}.hero__thumb .hero__screen{inline-size:100%;height:auto;flex:1}}@media(min-width:1024px){.hero>.stack.grow{align-self:stretch}.hero .hero__meta-row{margin-block-start:auto}}.hero.hero--desk{display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,34%,400px);gap:0;padding:0;overflow:hidden}.hero-d__main{display:flex;flex-direction:column;gap:var(--space-24);min-width:0;padding:var(--space-40, 40px)}.hero-d__tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}.hero-d__tags .tag{display:inline-flex;align-items:center;gap:var(--space-4);white-space:nowrap}.hero-d__tags .hero__theme{display:contents}.hero-d__title{max-width:18ch;font:var(--text-ar-h1);text-wrap:balance}.hero-d__stats{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));gap:var(--space-24);margin:auto 0 0;padding-block-start:var(--space-24);border-block-start:1px solid rgb(255 255 255 / .12)}.hero-d__stat{display:flex;flex-direction:column-reverse;gap:var(--space-4);min-width:0}.hero-d__stat+.hero-d__stat{padding-inline-start:var(--space-24);border-inline-start:1px solid rgb(255 255 255 / .12)}.hero-d__stat dt{color:#ffffffa3;font:var(--text-ar-caption)}.hero-d__stat dd{display:flex;align-items:center;gap:var(--space-8);margin:0;color:var(--color-white);font:var(--text-ar-h3);white-space:nowrap}.hero-d__stat.is-gold dd{color:var(--hero-xp-on-ink, #F4D77A)}.hero-d__stat .hero__slot{width:10px;height:10px}.hero-d__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-24)}.hero-d__actions .btn{min-width:200px;width:auto}.hero-d__stage{position:relative;min-height:320px;overflow:hidden}.hero-d__phone{position:absolute;inset-block-start:var(--space-32, 32px);inset-inline:0;display:block;inline-size:min(calc(100% - 48px),300px);margin-inline:auto}.hero-d__wire{display:flex;flex-direction:column;gap:14px;aspect-ratio:390 / 844;padding:24px 22px;border:1.5px solid rgb(255 255 255 / .22);border-radius:32px;background:none}.hero-d__wire i{display:block;flex:none;border-radius:6px;border:1.5px solid rgb(255 255 255 / .16);background:none}.hero-d__wire .w-status{inline-size:40px;block-size:8px;border:0;background:#ffffff29}.hero-d__wire .w-title{inline-size:60%;block-size:18px;margin-block-start:8px;border:0;background:#ffffff80}.hero-d__wire .w-sub{inline-size:40%;block-size:8px;border:0;background:#ffffff29}.hero-d__wire .w-avatar{inline-size:60px;block-size:60px;border-radius:50%}.hero-d__wire .w-field{block-size:40px}.hero-d__wire .w-field--tall{block-size:80px}.hero-d__wire .w-button{block-size:44px;border-radius:999px;border-color:var(--color-redline)}@media(min-width:1024px)and (max-width:1499px){.home-rich__row--a{grid-template-columns:repeat(2,minmax(0,1fr))}.home-rich__row--a>:first-child{grid-column:1 / -1}}@media(min-width:1024px){.home-rich__row--a .rich-card,.home-rich__row--a .rich-card__body{gap:var(--space-12)}.home-rich__row--a .rich-card__foot{padding-block-start:var(--space-12)}.home-rich__row--a .yshot{flex:none;min-height:0;block-size:132px;padding-block-start:var(--space-16)}.home-rich__row--a .mini-ladder{gap:var(--space-4)}.home-rich__row--a .mini-ladder__row{padding-block:6px}}.hint-callout{display:flex;align-items:flex-start;text-align:start;gap:var(--space-12);padding:var(--space-16);border:1px solid color-mix(in srgb,var(--game-gold) 45%,transparent);border-radius:var(--radius-16);background:var(--game-tint-gold);color:var(--color-ink);animation:hint-in .32s cubic-bezier(.32,.72,0,1)}.hint-callout__icon{flex:none;display:grid;place-items:center;inline-size:36px;block-size:36px;border-radius:50%;background:var(--game-gold);color:var(--color-white)}.hint-callout__label{color:var(--game-text-gold);font:var(--text-ar-label-m)}@keyframes hint-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hint-callout{animation:none}}.btn.practice-act--partial{--btn-bg: var(--game-tint-gold);--btn-fg: var(--game-text-gold);--btn-border: color-mix(in srgb, var(--game-gold) 55%, transparent)}.btn.practice-act--perfect{--btn-bg: var(--game-tint-success);--btn-fg: var(--game-text-success);--btn-border: color-mix(in srgb, var(--game-success) 45%, transparent)}.practice-tile--partial{border-color:color-mix(in srgb,var(--game-gold) 45%,transparent);background:color-mix(in srgb,var(--game-tint-gold) 45%,var(--color-paper))}.practice-tile--perfect{border-color:color-mix(in srgb,var(--game-success) 40%,transparent);background:color-mix(in srgb,var(--game-tint-success) 45%,var(--color-paper))}.lesson__art{display:flex;flex-direction:column;justify-content:center;gap:6px;inline-size:72px;block-size:56px;padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-12);background:var(--color-white)}.lesson__art i{display:block;flex:none;border-radius:3px;background:color-mix(in srgb,var(--color-text-secondary) 55%,transparent)}.lesson-art--spacing{gap:2px}.lesson-art--spacing i{block-size:7px}.lesson-art--spacing.is-good{gap:3px}.lesson-art--spacing.is-good i:nth-child(2){margin-block-end:7px}.lesson-art--spacing.is-good i:nth-child(odd){inline-size:55%;block-size:4px;background:var(--color-ink)}.lesson-art--type i{block-size:5px}.lesson-art--type:not(.is-good) i:nth-child(2){inline-size:85%}.lesson-art--type.is-good i:first-child{block-size:11px;inline-size:80%;background:var(--color-ink)}.lesson-art--type.is-good i:nth-child(n+2){block-size:4px}.lesson-art--type.is-good i:last-child{inline-size:65%}.lesson-art--color{flex-direction:row;align-items:center;justify-content:center;gap:8px}.lesson-art--color i{display:grid;place-items:center;inline-size:18px;block-size:18px;border-radius:50%;background:var(--color-line)}.lesson-art--color i:last-child{background:var(--game-gold);color:var(--color-white)}.lesson-art--color.is-good i:last-child{inline-size:22px;block-size:22px;box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-ink)}.lesson-art--direction{align-items:flex-start}.lesson-art--direction:not(.is-good){align-items:flex-end}.lesson-art--direction i{block-size:5px;inline-size:65%}.lesson-art--direction i:first-child{block-size:8px;inline-size:90%;background:var(--color-ink)}.lesson-art--direction i:nth-child(2){inline-size:45%}@media(min-width:1024px){.lesson__art{inline-size:96px;block-size:72px;padding:12px 16px}}.pro-topbar{position:relative;display:flex;align-items:center;overflow:hidden;border-block-end:1px solid color-mix(in srgb,var(--game-gold) 45%,transparent);background:var(--game-tint-gold)}.pro-topbar:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .65),transparent);transform:translate(260%);animation:pro-sweep 6s cubic-bezier(.32,.72,0,1) 1.2s infinite;pointer-events:none}.pro-topbar__main{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--space-40);padding:var(--space-8) var(--space-16);border:0;background:none;color:var(--color-ink);font:var(--text-ar-label-m);cursor:pointer}.pro-topbar__crown{flex:none;color:var(--game-text-gold)}.pro-topbar__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-topbar__social{flex:none;padding-inline-start:var(--space-12);border-inline-start:1px solid color-mix(in srgb,var(--game-gold) 50%,transparent);color:var(--color-text-secondary);font:var(--text-ar-caption)}.pro-topbar__spot{color:var(--game-text-gold);font:var(--text-en-label-l)}.pro-topbar__link{display:inline-flex;flex:none;align-items:center;gap:var(--space-4);color:var(--game-text-gold);font:var(--text-ar-label-m);text-decoration:underline;text-underline-offset:4px}@media(max-width:1023.98px){.pro-topbar__social{display:none}}.pro-topbar__close{position:relative;z-index:1;display:grid;flex:none;place-items:center;inline-size:var(--space-40);block-size:var(--space-40);border:0;background:none;color:var(--game-text-gold);cursor:pointer}.pro-topbar__main:focus-visible,.pro-topbar__close:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}@keyframes pro-sweep{0%{transform:translate(260%)}35%,to{transform:translate(-110%)}}[dir=ltr] .pro-topbar:after{animation-name:pro-sweep-ltr}@keyframes pro-sweep-ltr{0%{transform:translate(-110%)}35%,to{transform:translate(260%)}}@media(prefers-reduced-motion:reduce){.pro-topbar:after{display:none}}@media(min-width:1024px){.shell:has(>.pro-topbar){grid-template-rows:auto 1fr}.shell>.pro-topbar{grid-column:1 / -1}}@media(max-width:1023.98px){.shell>.pro-topbar{position:fixed;z-index:11;inset-block-start:0;inset-inline:0;block-size:var(--space-40)}.shell:has(>.pro-topbar) .mobile-top{inset-block-start:var(--space-40)}.shell:has(>.pro-topbar) .mobile-top--hidden{transform:translateY(calc(-100% - var(--space-40)))}.shell:has(>.pro-topbar) .shell__main:has(>.mobile-top) .shell__content{padding-block-start:calc(var(--space-80) + var(--space-40))}.pro-topbar__main{min-height:var(--space-40);padding-block:0}}.sticky-bar{position:fixed;z-index:20;inset-inline:0;inset-block-end:0;display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12) var(--space-16) max(var(--space-16),env(safe-area-inset-bottom));background:var(--color-paper);box-shadow:0 0 0 transparent;transition:box-shadow var(--dur-base) var(--ease-standard)}.sticky-bar--white{background:var(--color-white)}.sticky-bar--ink{background:var(--color-ink)}.sticky-bar--above-nav{inset-block-end:var(--size-nav-mobile)}.sticky-bar--shadow{box-shadow:0 calc(-1 * var(--space-4)) var(--space-16) color-mix(in srgb,var(--color-ink) 8%,transparent),0 calc(-1 * var(--stroke)) 0 var(--color-line)}.sticky-bar--ink.sticky-bar--shadow{box-shadow:0 calc(-1 * var(--space-4)) var(--space-16) var(--game-ink-lip)}.sticky-bar>.row{gap:var(--space-8)}@media(min-width:1024px){.sticky-bar{position:static;padding:0;background:none;box-shadow:none}.sticky-bar__spacer{display:none}}.top-bar{position:fixed;z-index:25;inset-inline:0;inset-block-start:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);height:var(--space-56);padding:0 var(--space-16);background:var(--color-paper);transition:transform var(--dur-base) var(--ease-standard),background var(--dur-base),box-shadow var(--dur-base)}.top-bar__spacer{height:var(--space-56)}.top-bar--ink{background:var(--color-ink);color:var(--color-white)}.top-bar--hidden{transform:translateY(-100%)}.top-bar--scrolled{background:color-mix(in srgb,var(--color-paper) 80%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);box-shadow:0 var(--stroke) 0 var(--color-line)}.top-bar--ink.top-bar--scrolled{background:color-mix(in srgb,var(--color-ink) 85%,transparent);box-shadow:0 1px 0 var(--color-text-secondary)}.top-bar__start,.top-bar__end{display:flex;align-items:center;gap:var(--space-8);min-width:0}.top-bar__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--text-ar-label-l);opacity:0;transform:translateY(var(--space-8));transition:opacity var(--dur-fast),transform var(--dur-base) var(--ease-standard)}.top-bar__title--on{opacity:1;transform:none}.large-title{font:var(--text-ar-h1)}@media(min-width:1024px){.top-bar,.top-bar__spacer{display:none}}.btn{transition:transform var(--dur-instant) var(--ease-standard),box-shadow var(--dur-instant) var(--ease-standard),filter var(--dur-fast)}.btn:active:not([aria-disabled=true]){transform:translateY(var(--lip-button));box-shadow:0 0 0 var(--btn-lip);transition-duration:var(--dur-instant)}.btn:not(:active){transition-timing-function:var(--ease-spring);transition-duration:var(--dur-slow)}@media(hover:hover){.btn:hover:not([aria-disabled=true]):not(:active){transform:translateY(calc(-1 * var(--motion-lift)));box-shadow:0 calc(var(--lip-button) + var(--motion-lift)) 0 var(--btn-lip)}}button.card,.card-link .card,.option,.quiz__option,.ob-option{transition:transform var(--dur-fast) var(--ease-standard),border-color var(--dur-base),background-color var(--dur-base)}button.card:active,.card-link:active .card,.option:active,.quiz__option:active,.ob-option:active{transform:scale(.98)}[aria-checked=true]>.radio,[aria-checked=true] .radio,.option[aria-checked=true] .level-option__radio .icon{animation:check-pop var(--dur-slow) var(--ease-spring)}@keyframes check-pop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.toggle{transition:background-color var(--dur-base) var(--ease-standard)}.toggle:after{transition:inset-inline-start var(--dur-slow) var(--ease-spring)}.pill--bump{animation:bump var(--dur-slow) var(--ease-spring)}@keyframes bump{0%,to{transform:scale(1)}45%{transform:scale(1.12)}}.pill--streak .icon,.flame-flicker{transform-origin:50% 90%}.flame-flicker{animation:flicker 1.6s ease-in-out infinite}@keyframes flicker{0%,to{transform:scale(1) rotate(0)}30%{transform:scale(1.06,.96) rotate(-3deg)}60%{transform:scale(.97,1.05) rotate(2deg)}}.bar{box-shadow:inset 0 var(--stroke) 0 color-mix(in srgb,var(--color-ink) 6%,transparent)}.bar__fill{position:relative;overflow:hidden;transition:width var(--dur-slow) var(--ease-standard);box-shadow:inset 0 var(--stroke) 0 color-mix(in srgb,var(--color-white) 45%,transparent)}.bar__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--color-white) 55%,transparent) 50%,transparent 70%);transform:translate(-120%);animation:shine 4s var(--ease-standard) .4s infinite}@keyframes shine{0%{transform:translate(-120%)}20%,to{transform:translate(120%)}}[dir=rtl] .bar__fill:after{animation-name:shine-rtl}@keyframes shine-rtl{0%{transform:translate(120%)}20%,to{transform:translate(-120%)}}@keyframes target-pop{0%{transform:scale(.9);opacity:.4}}.shake{animation:shake .36s var(--ease-standard)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(calc(-1 * var(--motion-shake)))}40%,80%{transform:translate(var(--motion-shake))}}:is(.route--fwd,.route--back) :is(.shell__content>:not(.sticky-bar,.sticky-bar__spacer),.result-mobile,.result-desktop,.ob__body,.ob__hero,.public__body,.state,.promo-screen__body,.challenge__body,.challenge-d__body,.welcome__copy>:not(.sticky-bar,.sticky-bar__spacer),.welcome__showcase,.splash){animation:route-in var(--dur-route) var(--ease-standard) backwards}.route--back :is(.shell__content>:not(.sticky-bar,.sticky-bar__spacer),.result-mobile,.result-desktop,.ob__body,.ob__hero,.public__body,.state,.promo-screen__body,.challenge__body,.challenge-d__body,.welcome__copy>:not(.sticky-bar,.sticky-bar__spacer),.welcome__showcase,.splash){animation-name:route-in-back}:root{--route-from: calc(-1 * var(--motion-routeShift))}[dir=ltr]{--route-from: var(--motion-routeShift)}@keyframes route-in{0%{opacity:.4;transform:translate(var(--route-from))}}@keyframes route-in-back{0%{opacity:.4;transform:translate(calc(-1 * var(--route-from)))}}:root{--dur-route: .24s;--dur-tab: .18s}.route--tab :is(.shell__content>:not(.sticky-bar,.sticky-bar__spacer)){animation:tab-in var(--dur-tab) var(--ease-standard) backwards}@keyframes tab-in{0%{opacity:0}}.route--vt :is(.shell__content>*,.result-mobile,.result-desktop,.ob__body,.ob__hero,.public__body,.state,.promo-screen__body,.challenge__body,.challenge-d__body,.welcome__copy>*,.welcome__showcase,.splash){animation:none}.route--nav .stagger>*{animation:none}.sidebar{view-transition-name:vt-sidebar}.topbar{view-transition-name:vt-topbar}.mobile-top{view-transition-name:vt-hud}.nav2{view-transition-name:vt-nav}.route{view-transition-name:vt-page}::view-transition-group(vt-sidebar),::view-transition-group(vt-nav),::view-transition-group(vt-hud){animation:none}::view-transition-old(vt-sidebar),::view-transition-new(vt-sidebar),::view-transition-old(vt-nav),::view-transition-new(vt-nav),::view-transition-old(vt-hud),::view-transition-new(vt-hud){animation:none}::view-transition-group(vt-topbar){animation-duration:var(--dur-tab)}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-old(vt-page){animation:vt-out var(--dur-route) var(--ease-standard) both}::view-transition-new(vt-page){animation:vt-in var(--dur-route) var(--ease-standard) both}html[data-vt=back]::view-transition-old(vt-page){animation-name:vt-out-back}html[data-vt=back]::view-transition-new(vt-page){animation-name:vt-in-back}html[data-vt=tab]::view-transition-old(vt-page){animation:vt-fade-out var(--dur-tab) var(--ease-standard) both}html[data-vt=tab]::view-transition-new(vt-page){animation:vt-fade-in var(--dur-tab) var(--ease-standard) both}@keyframes vt-in{0%{opacity:0;transform:translate(var(--route-from))}}@keyframes vt-out{to{opacity:0;transform:translate(calc(-1 * var(--route-from)))}}@keyframes vt-in-back{0%{opacity:0;transform:translate(calc(-1 * var(--route-from)))}}@keyframes vt-out-back{to{opacity:0;transform:translate(var(--route-from))}}@keyframes vt-fade-in{0%{opacity:0}}@keyframes vt-fade-out{to{opacity:0}}.hero,.challenge .canvas-wrap,.challenge-d__stage .canvas-wrap{view-transition-name:vt-hero}html:not([data-route^="/profile"]) .hud__avatar .avatar{view-transition-name:vt-avatar}.profile-head>.avatar,.profile-hero .avatar{view-transition-name:vt-avatar}.nav2__tab.active .nav2__icon{view-transition-name:vt-nav-active}.nav-item.active{view-transition-name:vt-side-active}::view-transition-group(vt-hero),::view-transition-group(vt-avatar),::view-transition-group(vt-nav-active),::view-transition-group(vt-side-active){animation-duration:var(--dur-route);animation-timing-function:var(--ease-standard)}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.scrim{animation:fade-in var(--dur-base) var(--ease-standard)}.sheet{animation:sheet-in var(--dur-slow) var(--ease-spring)}.modal{animation:modal-in var(--dur-slow) var(--ease-spring)}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes modal-in{0%{opacity:0;transform:translateY(var(--space-16))}}.stagger>*{animation:rise var(--dur-base) var(--ease-enter) backwards}.stagger>:nth-child(2){animation-delay:calc(var(--stagger-step) * 1)}.stagger>:nth-child(3){animation-delay:calc(var(--stagger-step) * 2)}.stagger>:nth-child(4){animation-delay:calc(var(--stagger-step) * 3)}.stagger>:nth-child(5){animation-delay:calc(var(--stagger-step) * 4)}.stagger>:nth-child(6){animation-delay:calc(var(--stagger-step) * 5)}.stagger>:nth-child(7){animation-delay:calc(var(--stagger-step) * 6)}.stagger>:nth-child(n+8){animation-delay:calc(var(--stagger-step) * 7)}@keyframes rise{0%{opacity:.4;transform:translateY(var(--space-8))}}.spring-in{animation:spring-in var(--dur-celebrate) var(--ease-spring) backwards}@keyframes spring-in{0%{opacity:.4;transform:scale(.4)}}.confetti{position:absolute;z-index:0;inset-inline:0;inset-block-start:0;width:100%;height:calc(var(--space-96) * 2);pointer-events:none}.confetti--full{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;height:100%}.spark-burst{position:absolute;inset:50% auto auto 50%;z-index:2;pointer-events:none}.spark-burst i{--a: calc(var(--k) * 360deg / var(--n));position:absolute;width:10px;height:10px;margin:-5px;border-radius:var(--radius-full);background:var(--game-success);opacity:0;transform:rotate(var(--a));animation:spark-out .9s var(--ease-standard) 80ms both}.spark-burst i:nth-child(3n){background:var(--game-gold)}.spark-burst i:nth-child(3n+1){background:var(--color-spec)}.spark-burst i:nth-child(2n){width:6px;height:6px;margin:-3px;animation-delay:.18s}@keyframes spark-out{0%{opacity:1;transform:rotate(var(--a)) translateY(-30px) scale(1.2)}to{opacity:0;transform:rotate(var(--a)) translateY(-130px) scale(.3)}}.win-glow{animation:win-glow 1.4s var(--ease-standard) 2}@keyframes win-glow{0%,to{box-shadow:var(--ambient)}35%{box-shadow:0 0 0 4px var(--game-success),0 0 48px 8px color-mix(in srgb,var(--game-success) 35%,transparent),var(--ambient)}}@media(prefers-reduced-motion:reduce){.spark-burst{display:none}.win-glow{animation:none}}.ayn{overflow:visible}.ayn__eye,.ayn__body{transform-box:fill-box;transform-origin:center}.ayn__eye{transition:transform 90ms linear}.ayn__pupil{transition:transform var(--dur-base) var(--ease-standard)}.ayn--live .ayn__body{animation:ayn-float 3.2s ease-in-out infinite}.ayn--live .ayn__drift{animation:ayn-drift 6s ease-in-out infinite}.ayn--react.ayn--happy .ayn__body,.ayn--react.ayn--look .ayn__body{animation:ayn-squash .6s var(--ease-spring)}.ayn--react.ayn--wow .ayn__body{animation:ayn-wow .6s var(--ease-spring)}.ayn--react.ayn--sad .ayn__body{animation:ayn-sad .6s var(--ease-standard)}@keyframes ayn-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--motion-float)))}}@keyframes ayn-drift{0%,to{transform:translate(0)}30%{transform:translate(1.5px,-1px)}65%{transform:translate(-1px,1px)}}@keyframes ayn-squash{0%{transform:scale(1)}30%{transform:scale(1.12,.88)}60%{transform:scale(.94,1.08)}to{transform:scale(1)}}@keyframes ayn-wow{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes ayn-sad{0%{transform:translateY(0)}50%{transform:translateY(var(--space-4))}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.bar__fill:after,.flame-flicker,.ayn--live .ayn__body,.ayn--live .ayn__drift{animation:none!important}.top-bar{transition:none}}:is(.result-hero,.promo-art,.promo-screen__body,.result-panel__ayn)>:not(.confetti){position:relative;z-index:1}.mobile-top{position:fixed;inset-inline:0;transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base)}.mobile-top--hidden{transform:translateY(-100%)}.mobile-top--scrolled{box-shadow:0 var(--stroke) 0 var(--color-line)}.shell__main:has(>.mobile-top) .shell__content{padding-block-start:var(--space-80)}@media(min-width:1024px){.shell__main:has(>.mobile-top) .shell__content{padding-block-start:var(--space-32)}}.levelup{position:relative;overflow:hidden;border-color:var(--color-line);gap:var(--space-16)}.levelup--desktop{border-color:var(--game-gold)}.levelup>:not(.confetti){position:relative;z-index:1}.levelup__top{align-items:center;text-align:center}.levelup--desktop .levelup__top{align-items:center;text-align:start}.levelup__meta{justify-content:center}.levelup--desktop .levelup__meta{justify-content:flex-start}.levelup .avatar__ring circle:last-child{transition:stroke-dasharray var(--dur-slow) var(--ease-standard)}.avatar__level--flip{animation:badge-flip var(--dur-slow) var(--ease-spring);transform-origin:50% 50%}@keyframes badge-flip{0%{transform:perspective(200px) rotateX(90deg)}}.levelup--fade{animation:fade-in var(--dur-base) var(--ease-standard)}@keyframes target-pop{0%{transform:scale(.9)}}:root[data-fidelity] *,:root[data-fidelity] *:before,:root[data-fidelity] *:after{animation:none!important;transition:none!important}[data-fidelity] .confetti{display:none}.empty .ayn--live .ayn__drift{animation:ayn-look-around 5.5s ease-in-out infinite}@keyframes ayn-look-around{0%,to{transform:translate(0)}18%{transform:translate(-9px,-2px)}36%{transform:translate(-9px,-2px)}52%{transform:translate(8px,-1px)}70%{transform:translate(8px,-1px)}84%{transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){.empty .ayn--live .ayn__drift,.pill--streak .icon,.delta__arrow,.quest--just-done,.gift-banner--open .icon-box{animation:none!important}}.ptr{position:fixed;z-index:9;inset-inline:0;inset-block-start:0;display:grid;place-items:center;height:0;pointer-events:none}.ptr__eye{display:grid;place-items:center;width:40px;height:40px;margin-block-start:calc(var(--ptr, 0px) - 8px);border-radius:50%;background:var(--color-redline);box-shadow:0 var(--lip-s) 0 var(--game-red-lip);opacity:min(1,calc(var(--ptr-k, 0) * 1.2));transform:rotate(calc(var(--ptr-k, 0) * 180deg))}.ptr__eye i{width:22px;height:22px;border-radius:50%;background:var(--color-white);display:grid;place-items:center}.ptr__eye i:after{content:"";width:11px;height:11px;border-radius:50%;background:var(--color-ink)}.ptr--loading .ptr__eye{transform:none}.ptr--loading .ptr__eye i{animation:ptr-blink .7s ease-in-out infinite}@keyframes ptr-blink{0%,70%,to{transform:scaleY(1)}80%{transform:scaleY(.1)}}.flaw-ring2__layer{position:absolute;left:0;top:0;z-index:3;transform-origin:0 0;transform:scale(var(--mock-scale, 1));pointer-events:none}.flaw-ring2{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.flaw-ring2 rect{fill:none;stroke:var(--color-redline);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.flaw-ring2--draw rect{animation:ring-close var(--dur-slow) var(--ease-enter) both}.flaw-ring2--dashed rect{stroke-dasharray:6 5}@keyframes ring-close{0%{stroke-dasharray:0 1}to{stroke-dasharray:1 0}}.flaw-ring2__box{position:absolute;z-index:3;pointer-events:none}.flaw-ring2__badge{position:absolute;z-index:4;display:grid;place-items:center;width:20px;height:20px;transform:translate(-50%,-50%) scale(calc(1 / var(--mock-scale, 1)));border-radius:var(--radius-full);background:var(--game-red-button);color:var(--color-white);font:600 12px/1 var(--font-latin);pointer-events:none;animation:badge-pop var(--dur-slow) var(--ease-spring) var(--dur-base) backwards}@keyframes badge-pop{0%{scale:0}60%{scale:1.15}to{scale:1}}.flaw-ring2__badge .icon{width:14px;height:14px;stroke-width:3}@media(prefers-reduced-motion:reduce){.flaw-ring2--draw rect,.flaw-ring2__badge{animation:none}}:root[data-theme=playful] :is(.icon__line,.only-calm){display:none!important}:root:not([data-theme=playful]) :is(.icon__fill,.only-playful,.ornament,.celebration){display:none!important}:root:not([data-theme=playful]) :is(.bar,.bar--8,.bar--16){height:var(--size-progress)}:root:not([data-theme=playful]) .bar__fill:after{display:none}.btn__arrow{display:none}:root:not([data-theme=playful]) .btn__arrow{position:absolute;inset-block-start:50%;inset-inline-end:var(--space-8);display:inline-grid;place-items:center;width:var(--space-32);height:var(--space-32);border-radius:var(--radius-full);background:var(--button-arrow-bg);transform:translateY(-50%)}:root:not([data-theme=playful]) .btn--m .btn__arrow{width:var(--space-32);height:var(--space-32);inset-inline-end:var(--space-8)}:root:not([data-theme=playful]) .btn:has(>.btn__arrow){position:relative;padding-inline:calc(var(--space-48) + var(--space-8))}:root:not([data-theme=playful]) .btn--gold{--btn-bg: var(--button-secondary-bg);--btn-fg: var(--color-ink)}.card.hero{border-radius:var(--radius-bezel-inner);box-shadow:0 0 0 var(--space-bezel) var(--elevation-bezel-shell),0 0 0 var(--space-bezel-line) var(--elevation-bezel-line),0 var(--lip-card) 0 var(--game-ink-lip),var(--ambient)}:root:not([data-theme=playful]) .card.hero{margin:var(--space-bezel-line)}.hero__eyebrow{padding:var(--space-eyebrow-y) var(--space-eyebrow-x);border-radius:var(--radius-full);background:var(--hero-eyebrow-bg);box-shadow:inset 0 0 0 1px var(--hero-eyebrow-line)}.hero__preview{background:var(--hero-thumb-bg)}:root:not([data-theme=playful]) .hero__slot{width:6px;height:6px;border:0;background:var(--hero-dot-pending);opacity:1}:root:not([data-theme=playful]) .hero__slot--on{background:var(--color-redline)}:root:not([data-theme=playful]) .nav2{inset-inline:var(--space-16);inset-block-end:max(var(--space-12),env(safe-area-inset-bottom));align-items:center;padding:var(--space-8);border:1px solid var(--color-line);border-radius:var(--radius-full);box-shadow:var(--ambient),0 8px 24px var(--game-elevation-shadow)}:root:not([data-theme=playful]) .nav2__tab{position:relative;justify-content:center}:root:not([data-theme=playful]) .nav2__icon{color:var(--color-ink)}:root:not([data-theme=playful]) .nav2__tab.active:after{content:"";position:absolute;inset-block-end:calc(-1 * var(--space-4));width:var(--space-4);height:var(--space-4);border-radius:var(--radius-full);background:var(--color-redline)}:root:not([data-theme=playful]) .nav2__label{color:var(--color-text-secondary)}:root:not([data-theme=playful]) .nav2__plate{width:var(--size-nav-cta-slot);height:var(--size-nav-cta-slot);margin:0;background:none}:root:not([data-theme=playful]) .nav2__button{top:0;right:0;bottom:0;left:0;width:var(--size-nav-cta);height:var(--size-nav-cta);box-shadow:none;animation:none}:root:not([data-theme=playful]) :is(.nav2__ring,.nav2__chip,.nav2__label--challenge){display:none}:root:not([data-theme=playful]) .nav2__late{inset-block-start:0;left:2px}:root:not([data-theme=playful]) .shell__content{padding-block-end:calc(var(--space-96) + var(--space-16) + env(safe-area-inset-bottom))}.nav2__tab--red.active .nav2__label{color:var(--nav-active-label)}.nav2__tab--blue.active .nav2__label{color:var(--nav-active-label-practice)}.nav2__tab--violet.active .nav2__label{color:var(--nav-active-label-leaderboard)}@media(min-width:1024px){.nav-item.active{background:var(--nav-desktop-active-bg);color:var(--nav-desktop-active-fg)}}.pro-banner .btn--gold{--btn-bg: var(--pro-banner-cta)}:root:not([data-theme=playful]) .ladder--compact .ladder__dot{background:var(--color-line)}:root:not([data-theme=playful]) .ladder--compact .ladder__step--reached .ladder__dot{background:var(--color-redline)}:root:not([data-theme=playful]) .ladder--compact .ladder__step--current .ladder__dot{border-color:var(--surface-card);box-shadow:0 0 0 1px var(--color-redline);background:var(--color-redline)}:root:not([data-theme=playful]) .ladder--compact .ladder__label{color:var(--color-text-secondary)}:root:not([data-theme=playful]) .ladder--compact .ladder__step--current .ladder__label{color:var(--color-ink)}.challenge,.challenge__hud{background:var(--surface-workspace);color:var(--text-on-workspace)}:root:not([data-theme=playful]) .challenge__help{color:var(--color-text-secondary)}:root:not([data-theme=playful]) .challenge__bar{padding:var(--space-4);border-radius:var(--radius-full);background:var(--surface-card);color:var(--color-ink);box-shadow:var(--ambient),0 8px 24px var(--game-elevation-shadow)}:root:not([data-theme=playful]) .challenge__bar .icon-btn--lip{border:0;background:var(--surface-chip)}:root:not([data-theme=playful]) .challenge-d__stage{background:var(--surface-canvas)}.score-halo{position:relative;display:grid;place-items:center;width:168px;height:168px;margin-inline:auto}.score-halo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--color-redline);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-redline) 10%,var(--surface-page))}.score-halo>*{position:relative}.score-halo>.spark-burst{position:absolute}.score-halo--win .result-score{color:var(--game-success);transition:color var(--dur-slow) var(--ease-standard)}.score-halo--win:before{animation:halo-glow 1.4s var(--ease-standard) 2}@keyframes halo-glow{35%{border-color:var(--game-success);box-shadow:0 0 0 4px var(--game-success),0 0 48px 8px color-mix(in srgb,var(--game-success) 35%,transparent)}}.result-panel__head,.result-score.only-playful{position:relative}@media(prefers-reduced-motion:reduce){.score-halo--win:before{animation:none}}.score-halo .result-score{font:var(--text-display-l)}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.theme-option{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-8) var(--space-8) var(--space-16);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-card);background:var(--color-white);color:var(--color-ink);text-align:start;cursor:pointer}.theme-option--on{border:1.5px solid var(--color-redline)}.theme-option__text{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8);padding-inline:var(--space-8)}.theme-preview{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);border-radius:var(--radius-16);background:var(--surface-page)}.theme-preview__hero{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8);border-radius:var(--radius-bezel-inner);background:var(--color-ink);box-shadow:0 0 0 calc(var(--space-bezel) / 2) var(--elevation-bezel-shell),0 var(--lip-s) 0 var(--game-ink-lip)}.theme-preview__line{display:block;width:60%;height:4px;border-radius:var(--radius-full);background:var(--color-white)}.theme-preview__cta{display:block;height:14px;border-radius:var(--radius-button);background:var(--game-red-button);box-shadow:0 var(--lip-s) 0 var(--game-red-lip)}.theme-preview__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.theme-preview__card{display:grid;place-items:start end;height:38px;padding:var(--space-8);border:var(--stroke-card) solid var(--color-line);border-radius:var(--radius-12);background:var(--surface-card);box-shadow:0 var(--lip-s) 0 var(--game-card-lip)}.theme-preview__dot{display:block;width:10px;height:10px;border-radius:var(--radius-full)}.theme-preview__dot--red{background:var(--game-tint-red);box-shadow:inset 0 0 0 var(--stroke-icon-box-lip) var(--game-red-button)}.theme-preview__dot--gold{background:var(--game-tint-gold);box-shadow:inset 0 0 0 var(--stroke-icon-box-lip) var(--game-gold)}.theme-modal{width:min(100%,520px)}.btn__arrow .chevron{color:inherit}.timer-pill{display:inline-flex;align-items:center;gap:var(--space-8);height:var(--space-32);padding:0 var(--space-12);border-radius:var(--radius-full);background:var(--surface-card);color:var(--color-ink);white-space:nowrap}.timer-pill__time{font:var(--text-en-label-l);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.timer-pill__label{color:var(--color-text-secondary);font:var(--text-ar-caption)}.timer-pill__track{stroke:var(--color-line)}.timer-pill__fill{stroke:var(--color-ink);transition:stroke-dasharray .25s linear}.timer-pill__ring{flex:none;border-radius:var(--radius-full)}.timer-pill--final .timer-pill__ring{animation:timer-pulse 1.2s var(--ease-standard) infinite}@keyframes timer-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-redline) 0%,transparent);background:transparent}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-redline) 16%,transparent);background:color-mix(in srgb,var(--color-redline) 14%,transparent)}}.timer-pill--over,.timer-pill--capped{background:var(--surface-chip);color:var(--color-text-secondary)}.timer-pill--over .timer-pill__fill{stroke:transparent}.timer-pill--over .timer-pill__track{stroke:var(--color-grey-light)}.timer-pill__done{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-line);color:var(--color-text-secondary)}.timer-pill--blitz.timer-pill--final .timer-pill__fill{stroke:var(--color-redline)}.timer-pill--blitz.timer-pill--final .timer-pill__ring{animation:none}@media(prefers-reduced-motion:reduce){.timer-pill--final .timer-pill__ring{animation:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-redline) 16%,transparent)}}.challenge__over{margin:calc(-1 * var(--space-8)) 0 0;color:var(--color-text-secondary);text-align:center}:root[data-theme=playful] .challenge__over{color:var(--color-grey-light)}.cap-card{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-card);background:var(--surface-card);color:var(--color-ink);box-shadow:var(--ambient),0 8px 24px var(--game-elevation-shadow)}.cap-card__icon{display:inline-grid;place-items:center;flex:none;width:var(--space-32);height:var(--space-32);border-radius:var(--radius-full);background:var(--game-tint-gold);color:var(--game-text-gold)}.cap-card__icon--done{background:var(--game-tint-success);color:var(--game-text-success)}.cap-card .btn{margin:0}.challenge-d__notice{position:absolute;z-index:6;inset-block-start:var(--space-16);inset-inline:0;display:flex;justify-content:center;pointer-events:none}.challenge-d__notice>*{pointer-events:auto;max-width:440px}.challenge-d__target{display:flex;flex-direction:column;gap:var(--space-8);padding-block:var(--space-16);border-block:1px solid var(--color-line)}.tool-rail{display:flex;gap:var(--space-4);padding:var(--space-8);border-radius:var(--radius-full);background:var(--surface-card);box-shadow:var(--ambient),0 8px 24px var(--game-elevation-shadow)}.tool-rail--vertical{position:absolute;z-index:5;inset-block-start:50%;inset-inline-start:var(--space-16);flex-direction:column;transform:translateY(-50%)}.tool-rail--horizontal{justify-content:space-between;border:1px solid var(--color-line);box-shadow:var(--ambient)}.tool-rail__slot{display:contents}.tool-rail__sep{align-self:center;width:1px;height:var(--space-24);background:var(--color-line)}.tool-rail--vertical .tool-rail__sep{width:var(--space-24);height:1px}.tool-rail__btn{display:grid;place-items:center;width:var(--size-touch-min);height:var(--size-touch-min);padding:0;border:0;border-radius:var(--radius-full);background:none;color:var(--color-ink);cursor:pointer}.tool-rail__btn:hover{background:var(--surface-chip)}.tool-rail__btn--on,.tool-rail__btn--on:hover{background:var(--color-ink);color:var(--color-white)}.tool-rail__btn:focus-visible{outline:3px solid color-mix(in srgb,var(--tool-overlay) 55%,transparent);outline-offset:2px}.tool-rail--locked .tool-rail__btn{opacity:.35;cursor:not-allowed}.tool-dock{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12);border-radius:var(--radius-card);background:var(--surface-card);color:var(--color-ink);box-shadow:var(--ambient)}.tool-dock .tool-rail--horizontal{box-shadow:none;border:0;background:var(--surface-chip)}.challenge-d__toolpanel{position:absolute;z-index:6;inset-block-start:var(--space-48);inset-inline-end:var(--space-24);width:280px}.challenge-d__toolpanel:empty{display:none}.tool-panel{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-card);background:var(--surface-card);color:var(--color-ink);box-shadow:var(--ambient),0 12px 32px var(--game-elevation-shadow)}.tool-panel--compact{padding:0;box-shadow:none}.tool-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8)}.tool-panel__close{display:grid;place-items:center;flex:none;width:var(--space-32);height:var(--space-32);padding:0;border:0;border-radius:var(--radius-full);background:var(--surface-chip);color:var(--color-ink);cursor:pointer}.tool-panel__note{margin:0}.tool-panel .btn{margin-block-end:0}.tool-props{display:flex;flex-direction:column}.tool-prop{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);min-height:36px;border-block-start:1px solid var(--color-line)}.tool-prop__label{color:var(--color-text-secondary);font:var(--text-ar-caption)}.tool-prop__value{display:inline-flex;align-items:center;gap:var(--space-8);font:var(--text-en-mono)}.tool-props--grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}.tool-props--grid .tool-prop{flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-4);padding:var(--space-8) var(--space-12);border:0;border-radius:var(--radius-12);background:var(--surface-chip)}.tool-swatch{display:inline-block;width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px #10131c29}.tool-chips{display:flex;flex-wrap:wrap;gap:var(--space-8)}.tool-chip{display:inline-flex;align-items:center;gap:var(--space-8);min-height:var(--space-32);padding:0 var(--space-12);border-radius:var(--radius-full);background:var(--surface-chip);color:var(--color-text-secondary);font:var(--text-ar-caption)}.tool-chip b{color:var(--color-ink);font:var(--text-en-mono)}.contrast-ratio{font:var(--text-display-m);font-family:var(--font-mono)}.wcag-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}.wcag-chip{display:flex;align-items:center;gap:var(--space-4);min-height:var(--space-40);padding:var(--space-4) var(--space-8);border-radius:var(--radius-12);background:var(--surface-chip);color:var(--color-text-secondary);font:var(--text-ar-caption)}.wcag-chip--pass{background:var(--game-tint-success);color:var(--game-text-success)}.wcag-chip--fail{background:var(--game-tint-red);color:var(--game-red-lip)}.tool-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);min-height:var(--size-touch-min)}.tool-legend{display:flex;gap:var(--space-16);color:var(--color-text-secondary);font:var(--text-ar-caption)}.tool-legend span{display:inline-flex;align-items:center;gap:var(--space-4)}.tool-legend i{width:14px;height:14px;border-radius:4px}.tool-legend__pad,.tool-pad>i{background:color-mix(in srgb,#22c55e 22%,transparent)}.tool-legend__gap,.tool-gap{background:color-mix(in srgb,#f59e0b 26%,transparent)}.tool-keys{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-16);margin:0;color:var(--color-text-secondary);font:var(--text-ar-caption)}.tool-layer{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;pointer-events:none}[data-tool=measure],[data-tool=inspect],[data-tool=contrast]{cursor:default!important}.tool-box{position:absolute;outline:1px solid var(--tool-overlay)}.tool-box--sel{outline-width:1.5px}.tool-line{position:absolute;background:var(--tool-overlay)}.tool-line--h{height:1px}.tool-line--v{width:1px}.tool-tag{position:absolute;z-index:1;padding:1px 5px;border-radius:4px;background:var(--tool-overlay);color:#fff;font:500 11px/16px var(--font-mono);white-space:nowrap;transform:translate(-50%,-50%)}.tool-tag--size{transform:translate(-50%,6px)}.tool-tag--pad{inset-block-start:50%;left:4px;transform:translateY(-50%)}.tool-name{position:absolute;padding:1px 6px;border-radius:4px;background:var(--tool-overlay);color:#fff;font:500 11px/16px var(--font-mono);white-space:nowrap;transform:translateY(calc(-100% - 4px))}.tool-callout{position:absolute;display:flex;flex-direction:column;gap:2px;width:max-content;max-width:200px;padding:var(--space-8) var(--space-12);border-radius:var(--radius-12);background:var(--surface-card);color:var(--color-ink);box-shadow:var(--ambient),0 8px 24px var(--game-elevation-shadow);font:var(--text-ar-caption);transform:translateY(var(--space-24))}.tool-callout b{color:var(--tool-overlay);font:var(--text-en-label-m);font-family:var(--font-mono)}.tool-grid8{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,color-mix(in srgb,var(--tool-overlay) 14%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--tool-overlay) 14%,transparent) 1px,transparent 1px)}.tool-cols{position:absolute;inset-block:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4.5%}.tool-cols i{background:color-mix(in srgb,var(--tool-overlay) 10%,transparent)}.tool-pad{position:absolute}.tool-pad>i{position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-color:color-mix(in srgb,#22c55e 30%,transparent);background:none}.tool-gap{position:absolute;display:grid;place-items:center}.tool-gap .tool-tag{position:static;transform:none;background:#b45309}.tool-guide{position:absolute;background:#e11d48}.tool-guide--x{inset-block:0;width:1px}.tool-guide--y{inset-inline:0;height:1px}.tool-guide .tool-tag{background:#e11d48;inset-block-start:8px}.tool-guide--y .tool-tag{left:8px;inset-block-start:0}.tool-pick{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%)}.tool-pick i{width:20px;height:20px;border:2px solid #fff;border-radius:var(--radius-full);box-shadow:0 0 0 1px var(--color-ink),0 2px 6px #0000004d}.tool-pick b{position:absolute;inset-block-start:-18px;display:grid;place-items:center;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-ink);color:#fff;font:600 10px/1 var(--font-latin)}.ruler{position:absolute;z-index:5;background:color-mix(in srgb,var(--surface-card) 92%,transparent);color:var(--color-text-secondary);font:500 9px/1 var(--font-mono);pointer-events:auto;touch-action:none}.ruler--x{inset-block-start:0;inset-inline:0;height:18px;border-block-end:1px solid var(--color-line);cursor:col-resize}.ruler--y{inset-block:0;left:0;width:18px;border-inline-end:1px solid var(--color-line);cursor:row-resize}.ruler span{position:absolute;padding:2px}.ruler--x span{inset-block-end:0;border-inline-start:1px solid var(--color-grey-light)}.ruler--y span{left:0;border-block-start:1px solid var(--color-grey-light)}:root:not([data-theme=playful]) .challenge__count{flex:none;white-space:nowrap}:root:not([data-theme=playful]) .challenge__count b{font:var(--text-en-label-l);font-family:var(--font-mono)}:root:not([data-theme=playful]) .challenge__bar{justify-content:space-between}:root:not([data-theme=playful]) .challenge__bar .challenge__count{flex:1;text-align:center}:root:not([data-theme=playful]) .challenge__done{min-width:0;flex:none;padding-inline:var(--space-24)}:root:not([data-theme=playful]) .ladder--compact .ladder__dot{background:var(--color-grey-light)}.challenge-d__panel{gap:var(--space-16)}.tools-legend__body{display:none}.blitz{display:flex;flex-direction:column;gap:var(--space-16);min-height:100dvh;padding:var(--space-16);background:var(--surface-workspace);color:var(--text-on-workspace)}.blitz-top{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-4);border-radius:var(--radius-full);background:var(--surface-card);color:var(--color-ink);box-shadow:var(--ambient)}.blitz-top--end{justify-content:flex-end;background:none;box-shadow:none}.blitz-chip{display:inline-flex;align-items:center;gap:var(--space-4);min-height:var(--space-32);padding:0 var(--space-12);border-radius:var(--radius-full);background:var(--game-tint-spec);color:var(--icon-box-glyph-blue);font:var(--text-ar-label-s)}.blitz-count{padding-inline-end:var(--space-16);color:var(--color-text-secondary);font:var(--text-ar-label-m)}.blitz-count b{color:var(--color-ink);font:var(--text-display-s)}.blitz-body{display:flex;flex-direction:column;flex:1;gap:var(--space-16)}.blitz-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-16)}.blitz-canvas-wrap{width:min(100%,300px)}.blitz-canvas{position:relative;overflow:hidden;border-radius:var(--radius-24);background:#fff;box-shadow:var(--ambient);cursor:crosshair;touch-action:manipulation}.blitz-ring{position:relative;display:grid;place-items:center;flex:none;border-radius:var(--radius-full);background:var(--surface-card)}.blitz-ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.blitz-ring__track{stroke:var(--color-line)}.blitz-ring__fill{stroke:var(--color-ink);transition:stroke-dasharray .2s linear,stroke var(--dur-base) var(--ease-standard)}.blitz-ring--final{background:color-mix(in srgb,var(--color-redline) 12%,var(--surface-card))}.blitz-ring--final .blitz-ring__fill{stroke:var(--color-redline)}.blitz-ring__value{display:flex;flex-direction:column;align-items:center;color:var(--color-text-secondary);font:var(--text-ar-caption)}.blitz-ring__value b{color:var(--color-ink);font:600 40px/1 var(--font-mono);font-variant-numeric:tabular-nums}.blitz-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.blitz-skip{display:inline-flex;align-items:center;gap:var(--space-8);min-height:var(--size-touch-min);padding:0 var(--space-24);border:0;border-radius:var(--radius-full);background:var(--surface-card);color:var(--color-ink);box-shadow:var(--ambient);font:var(--text-ar-label-l);cursor:pointer}.blitz-note{margin:0;text-align:center}.blitz-side{gap:var(--space-16);align-items:center;text-align:center}.blitz-side .tool-rail{align-self:stretch}.blitz-timeout{gap:var(--space-12);align-items:stretch;max-width:420px;width:100%;margin-inline:auto;text-align:center}.blitz-timeout__zero{display:grid;place-items:center;width:80px;height:80px;margin-inline:auto;border:2px solid var(--color-line);border-radius:var(--radius-full);color:var(--color-grey);font:600 28px/1 var(--font-mono)}.blitz-timeout__count{position:relative;font:var(--text-display-l)}.blitz-timeout__count>.spark-burst{position:absolute}.blitz-timeout--win .blitz-timeout__count{color:var(--game-success);animation:ab-land .6s var(--ease-standard)}.blitz-timeout__best{align-self:center;padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);background:var(--game-success);color:var(--color-white);font-weight:700;animation:ab-land .6s var(--ease-standard)}.blitz-list{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;list-style:none;text-align:start}.blitz-list li{display:flex;align-items:center;gap:var(--space-12);min-height:var(--space-40);padding:0 var(--space-12);border-radius:var(--radius-12);background:var(--surface-chip);font:var(--text-ar-label-m)}.blitz-list__mark{display:grid;place-items:center;flex:none;width:var(--space-24);height:var(--space-24);border-radius:var(--radius-full);background:var(--color-redline);color:#fff}.blitz-list__missed{background:none!important;box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-text-secondary)}.blitz-list__missed .blitz-list__mark{background:var(--color-line);color:var(--color-text-secondary)}.blitz-list li{flex-wrap:wrap}.blitz-list__where{min-height:var(--space-32);font:var(--text-ar-caption)}.blitz-list__peek{display:flex;flex-basis:100%;justify-content:center;padding-block:var(--space-4) var(--space-12)}.blitz-peek{position:relative;width:168px;overflow:hidden;border-radius:var(--radius-12);box-shadow:0 0 0 1px var(--color-line)}.blitz-ready__ring{display:inline-flex;align-self:center}.blitz-timeout .btn{margin-block-end:var(--lip-button)}.blitz-card .blitz-card__icon{display:grid;place-items:center;width:var(--space-40);height:var(--space-40);border-radius:var(--radius-icon-box-40);background:var(--game-tint-spec);color:var(--icon-box-glyph-blue)}.blitz-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:var(--space-12);border-radius:var(--radius-16);background:var(--surface-chip);text-align:center;color:var(--color-text-secondary);font:var(--text-ar-caption)}.blitz-stats span{display:flex;flex-direction:column;gap:var(--space-4)}.blitz-stats b{color:var(--color-ink);font:var(--text-en-label-l);font-family:var(--font-mono)}@media(min-width:1024px){.blitz{padding:var(--space-24) var(--space-32)}.blitz-body{flex-direction:row;align-items:stretch}.blitz-stage{flex:1;justify-content:center;border-radius:var(--radius-card);background:var(--surface-canvas);padding:var(--space-32)}.blitz-canvas-wrap{width:340px}.blitz-side{width:400px;flex:none;justify-content:center}.blitz-note{display:none}}.flaw-ring2 rect{stroke-width:var(--stroke-flaw-mark)}.flaw-ring2 rect[data-shape=rect]{rx:var(--radius-flaw-mark);ry:var(--radius-flaw-mark)}.quest__check{background:var(--status-done-bg);color:var(--status-done-fg)}.hero__actions{flex-wrap:wrap}.theme-done{min-width:160px}.challenge__stage>.canvas-wrap{max-width:min(358px,max(260px,calc((100dvh - var(--challenge-chrome, 420px)) * var(--frame-w, 358) / var(--frame-h, 572))))}:root:not([data-theme=playful]) .challenge__stage>.canvas-wrap{max-width:min(358px,87.5%,max(260px,calc((100dvh - var(--challenge-chrome, 420px)) * var(--frame-w, 358) / var(--frame-h, 572))))}.challenge__mobile-only{position:sticky;bottom:0;z-index:2;padding-block:var(--space-8) var(--space-16);background:var(--surface-page)}.challenge__mobile-only>.tool-rail--horizontal{align-self:center;width:100%;max-width:358px}.canvas-view{position:relative;overflow:hidden;border-radius:var(--radius-24);overscroll-behavior:contain}.canvas-view--zoomed{overflow:auto;box-shadow:inset 0 0 0 1px var(--color-line)}.canvas-zoom{display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.canvas-zoom .zoom-btn{display:inline-grid;place-items:center;min-width:var(--space-40);height:var(--space-40);padding:0 var(--space-12);border:1px solid var(--color-line);border-radius:var(--radius-full);background:var(--surface-card);color:var(--color-ink);font:var(--text-en-label-m);cursor:pointer}.canvas-zoom .zoom-btn:disabled{opacity:.4;cursor:default}.canvas-zoom__value{min-width:var(--space-48);text-align:center}.practice-sum{display:flex;flex-direction:column;gap:var(--space-12);color:var(--color-ink)}.practice-sum h2{margin:0}.practice-sum h2:focus{outline:none}.practice-sum__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.practice-sum__actions .btn{margin-block-end:var(--lip-button)}.hero__meta-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.hero__xp{display:inline-flex;align-items:center;gap:var(--space-4);color:var(--hero-xp-on-ink);font:var(--text-en-label-m);white-space:nowrap}:root:not([data-theme=playful]) .hero .hero__cta{height:var(--size-button-l);margin-block-end:0}@media(min-width:1024px){:root:not([data-theme=playful]) .hero .hero__cta{height:52px;min-width:240px}:root:not([data-theme=playful]) .hero__actions{justify-content:flex-start}}.btn__hint{display:none}@media(min-width:1024px){.btn:has(>.btn__hint){position:relative;padding-inline:calc(var(--space-48) + var(--space-8))}.btn>.btn__hint{position:absolute;inset-block-start:50%;inset-inline-end:var(--space-12);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--button-hint-bg);transform:translateY(-50%)}.btn:is(.btn--gold,.btn--white)>.btn__hint{background:var(--button-hint-bg-on-gold)}.btn:is(.btn--gold,.btn--white) .btn__hint-glyph{color:var(--button-hint-fg-on-gold)}.btn__hint-glyph{display:block;color:var(--button-hint-fg);font:500 12px/1 var(--font-mono);transform:translateY(1px)}.btn:has(>.btn__hint)>.btn__arrow{display:none!important}}.practice__modes{display:grid;gap:var(--space-16)}@media(min-width:1024px){.practice__modes{grid-template-columns:1fr 1fr}}.ab-card__icon{font:700 13px/1 var(--font-mono)}.ab{display:flex;flex-direction:column;gap:var(--space-12);height:100dvh;padding:var(--space-12) var(--space-16) 0;overflow:hidden;background:var(--surface-workspace);color:var(--text-on-workspace)}.ab--done{height:auto;min-height:100dvh;padding-block-end:var(--space-16);overflow:visible}.ab .blitz-top{flex:none}.ab__progress{flex:1;height:6px;overflow:hidden;border-radius:var(--radius-full);background:var(--surface-chip)}.ab__progress>span{display:block;height:100%;border-radius:inherit;background:var(--game-success);transition:width var(--dur-slow) var(--ease-standard)}.ab__body,.ab__main{display:flex;flex:1;flex-direction:column;gap:var(--space-12);min-height:0}.ab__question{flex:none;margin:0;text-align:center}.ab__pair{--pair-gap: var(--space-12);--col-w: calc((100cqw - var(--pair-gap)) / 2 - var(--space-16));--col-h: calc(100cqh - 48px) ;display:grid;flex:1;grid-auto-flow:column;place-content:center;align-items:center;gap:var(--pair-gap);min-height:0;container-type:size}.ab__pair--stack{--col-w: calc(100cqw - var(--space-16));--col-h: 60dvh;flex:none;grid-auto-flow:row;place-content:start center;container-type:inline-size}.ab__main:has(.ab__pair--stack){overflow-y:auto;overscroll-behavior:contain;margin:-4px;padding:4px}.ab-variant{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:var(--space-8);border-radius:var(--radius-card);background:var(--surface-card);color:var(--color-ink);box-shadow:var(--ambient);transition:box-shadow var(--dur-base) var(--ease-standard),opacity var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.ab-variant--idle{cursor:pointer}@media(hover:hover){.ab-variant--idle:hover{box-shadow:0 0 0 2px var(--color-ink),var(--ambient)}}.ab-variant--idle:active{transform:scale(.99)}.ab-variant__label{display:flex;flex:none;align-items:center;gap:var(--space-8);font:var(--text-ar-label-m)}.ab-variant__letter{display:grid;flex:none;place-items:center;width:var(--space-24);height:var(--space-24);border-radius:var(--radius-full);background:var(--surface-chip);font:700 12px/1 var(--font-mono)}.ab-variant__frame{position:relative;width:min(var(--col-w),var(--col-h) * var(--ar));overflow:hidden;border-radius:var(--radius-16);box-shadow:0 0 0 1px var(--color-line)}.ab-variant__verdict{display:grid;place-items:center;width:var(--space-24);height:var(--space-24);margin-inline-start:auto;border-radius:var(--radius-full);animation:check-pop var(--dur-slow) var(--ease-spring) both}.ab-variant--right{box-shadow:0 0 0 2px var(--game-success),var(--ambient)}.ab-variant--right .ab-variant__verdict{background:var(--status-done-bg);color:var(--status-done-fg)}.ab-variant--wrong{box-shadow:0 0 0 2px var(--color-redline),var(--ambient)}.ab-variant--wrong .ab-variant__verdict{background:var(--game-tint-red);color:var(--game-red-lip)}.ab-variant--dim{opacity:.55}.ab-variant--zoomable{cursor:zoom-in}.ab-variant__zoom{display:grid;place-items:center;width:var(--space-32);height:var(--space-32);margin-inline-start:auto;padding:0;border:0;border-radius:var(--radius-full);background:var(--surface-chip);color:var(--color-ink);cursor:pointer}.ab-variant__zoom+.ab-variant__verdict{margin-inline-start:0}.ab__zoom-hint{margin:0;text-align:center}.ab-viewer__scroll{max-height:62dvh;overflow:auto;border-radius:var(--radius-16);box-shadow:0 0 0 1px var(--color-line);overscroll-behavior:contain}.ab-viewer__frame{position:relative;overflow:hidden}.ab__panel{flex:none;margin-inline:calc(-1 * var(--space-16));padding:var(--space-16) var(--space-16) max(var(--space-16),env(safe-area-inset-bottom));border-radius:var(--radius-24) var(--radius-24) 0 0;background:var(--surface-card);color:var(--color-ink);box-shadow:0 -8px 24px #10131c14;transition:box-shadow var(--dur-base) var(--ease-standard)}.ab__panel--right{box-shadow:inset 0 3px 0 var(--game-success),0 -8px 24px #10131c14}.ab__panel--wrong{box-shadow:inset 0 3px 0 var(--color-redline),0 -8px 24px #10131c14}.ab__panel-body{display:flex;flex-direction:column;gap:var(--space-12);animation:rise var(--dur-base) var(--ease-standard) both}.ab__choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.ab__verdict{display:flex;align-items:center;gap:var(--space-8)}.ab__verdict h2{margin:0}.ab__verdict-icon{display:grid;flex:none;place-items:center;width:var(--space-32);height:var(--space-32);border-radius:var(--radius-full);animation:check-pop var(--dur-slow) var(--ease-spring) both}.ab__panel--right .ab__verdict-icon{background:var(--status-done-bg);color:var(--status-done-fg)}.ab__panel--wrong .ab__verdict-icon{background:var(--game-tint-red);color:var(--game-red-lip)}.ab__explain{display:flex;flex-direction:column;gap:var(--space-8);max-height:32dvh;overflow-y:auto;overscroll-behavior:contain}.ab__explain p{margin:0}.ab__rule{margin:0;padding:var(--space-12);border-radius:var(--radius-12);background:var(--surface-chip);font:var(--text-ar-body-s)}@media(prefers-reduced-motion:reduce){.ab__panel-body,.ab-variant__verdict,.ab__verdict-icon{animation:none}}@media(min-width:1024px){.ab{gap:var(--space-16);max-width:1320px;margin-inline:auto;padding:var(--space-24) var(--space-32)}.ab__body{flex-direction:row;gap:var(--space-24)}.ab__pair{--pair-gap: var(--space-24)}.ab__panel{order:-1;align-self:flex-start;display:flex;flex-direction:column;flex:none;width:360px;max-height:100%;overflow-y:auto;margin:0;padding:var(--space-24);border-radius:var(--radius-card);box-shadow:var(--ambient)}.ab__panel--right{box-shadow:0 0 0 2px var(--game-success),var(--ambient)}.ab__panel--wrong{box-shadow:0 0 0 2px var(--color-redline),var(--ambient)}.ab__panel-body{gap:var(--space-16)}.ab__choices{grid-template-columns:1fr}.ab__explain{max-height:none}}.ab-score{display:grid;gap:var(--space-16);align-items:start;width:100%;max-width:480px;margin:auto}.ab-score__hero{position:relative;align-items:center;gap:var(--space-12);overflow:hidden;text-align:center}.ab-score__eyebrow{margin:0}.ab-score__num{position:relative;display:flex;align-items:baseline;gap:var(--space-4)}.ab-score__num b{font:var(--text-display-l);font-size:72px;line-height:1;font-variant-numeric:tabular-nums}.ab-score__num>span:not(.spark-burst){color:var(--color-text-secondary);font:var(--text-display-s)}.ab-score--final .ab-score__num b{animation:ab-bump var(--dur-slow) var(--ease-spring)}@keyframes ab-bump{40%{transform:scale(1.2)}}@keyframes ab-land{0%{transform:scale(.6);opacity:0}50%{transform:scale(1.18);opacity:1}to{transform:none}}.ab-score__dots{display:flex;gap:var(--space-8);margin:0;padding:0;list-style:none}.ab-score__dots li{width:14px;height:14px;border-radius:var(--radius-full);background:var(--surface-chip);transition:background var(--dur-fast) var(--ease-standard)}.ab-score__dots li.is-right{background:var(--game-success);animation:check-pop var(--dur-base) var(--ease-spring)}.ab-score__dots li.is-wrong{background:var(--color-redline);animation:check-pop var(--dur-base) var(--ease-spring)}.ab-score__verdict{display:flex;flex-direction:column;gap:var(--space-8);width:100%;animation:rise var(--dur-slow) var(--ease-standard) both}.ab-score__verdict h1,.ab-score__verdict p{margin:0}.ab-score__actions{display:flex;flex-direction:column;gap:var(--space-8);margin-block-start:var(--space-8)}.ab-score__actions .btn{margin-block-end:var(--lip-button)}.ab-score__hero--win .ab-score__num b{color:var(--game-success)}.ab-score__hero--win .ab-score__verdict h1{animation:ab-land var(--dur-slow) var(--ease-spring) .12s both}.ab-score__review{gap:var(--space-12);animation:rise var(--dur-slow) var(--ease-standard) .12s both}.ab-score__review h2{margin:0}.ab-review{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.ab-review__row{display:flex;align-items:flex-start;gap:var(--space-12);padding-block:var(--space-12);border-block-end:var(--stroke) solid var(--color-line);animation:rise var(--dur-base) var(--ease-standard) calc(.16s + var(--k) * 40ms) both}.ab-review__row:last-child{border-block-end:0}.ab-review__icon{display:grid;flex:none;place-items:center;width:var(--space-24);height:var(--space-24);border-radius:var(--radius-full)}.ab-review__row--right .ab-review__icon{background:var(--status-done-bg);color:var(--status-done-fg)}.ab-review__row--wrong .ab-review__icon{background:var(--game-tint-red);color:var(--game-red-lip)}.ab-review__ref{font-size:11px}@media(prefers-reduced-motion:reduce){.ab-score *,.ab-review__row{animation:none!important}}@media(min-width:1024px){.ab-score{grid-template-columns:400px minmax(0,1fr);max-width:1000px}.ab-score:not(.ab-score--final){grid-template-columns:400px;justify-content:center}.ab-score__review{max-height:calc(100dvh - 160px);overflow-y:auto}}.industry-dot{display:inline-block;flex:none;width:8px;height:8px;margin-inline-end:6px;border-radius:var(--radius-full);background:var(--dot);vertical-align:middle}.practice__device{white-space:nowrap}.challenge-d__stage{padding-inline-start:calc(var(--space-16) + var(--size-touch-min) + var(--space-16) * 2 + var(--space-8))}.challenge-d__stage--panel{padding-inline-end:calc(280px + var(--space-24) * 2)}