@layer reset,tokens,base,layout,scaffold,components,game,workspace,marketing,utilities,motion,a11y;@layer tokens{@font-face{font-family:Sora;src:url(/assets/fonts/Sora-Variable.woff2) format("woff2");font-style:normal;font-weight:100 800;font-display:swap}:root{color-scheme:dark;--ink-0: #050609;--ink-50: #090b0e;--ink-100: #0d1015;--ink-150: #11151b;--ink-200: #161b23;--ink-250: #1c222c;--ink-300: #232a35;--ink-400: #2f3846;--ink-500: #444e5f;--ink-600: #5e697c;--ink-700: #8592a7;--ink-800: #aeb8c9;--ink-900: #d7dde7;--ink-950: #f4f7fb;--orange-100: #ffe4d1;--orange-200: #ffc7a1;--orange-300: #ffa466;--orange-400: #ff8f42;--orange-500: #ff7a1a;--orange-600: #e86400;--orange-700: #bf5000;--orange-800: #8f3c03;--orange-900: #4a2105;--blue-100: #d6ecff;--blue-200: #afd9ff;--blue-300: #7fc3ff;--blue-400: #5cb4ff;--blue-500: #3ba7ff;--blue-600: #1e8ae6;--blue-700: #136dba;--blue-800: #0f528a;--blue-900: #0a2b48;--green-300: #7ee2a8;--green-500: #35d07f;--green-700: #157a46;--amber-300: #ffdd94;--amber-500: #ffc857;--amber-700: #8a5d00;--red-300: #ff9cad;--red-500: #ff627d;--red-700: #b3203f;--lime-300: #d3f79a;--lime-500: #b7f35b;--lime-700: #4d7c0f;--violet-300: #d4bdff;--violet-500: #b48cff;--violet-700: #6d3fd1;--teal-500: #4fd1c5;--white: #ffffff;--black: #000000;--color-bg: var(--ink-50);--color-bg-sunken: var(--ink-0);--color-bg-subtle: var(--ink-100);--color-surface-1: var(--ink-150);--color-surface-2: var(--ink-200);--color-surface-3: var(--ink-250);--color-surface-4: var(--ink-300);--color-surface-overlay: rgb(9 11 14 / .8);--color-scrim: rgb(5 6 9 / .74);--color-border-subtle: rgb(255 255 255 / .07);--color-border: rgb(255 255 255 / .11);--color-border-strong: rgb(255 255 255 / .18);--color-border-focus: var(--blue-300);--color-text-primary: var(--ink-950);--color-text-secondary: var(--ink-800);--color-text-muted: var(--ink-700);--color-text-disabled: var(--ink-600);--color-text-inverse: var(--ink-50);--color-text-link: var(--blue-300);--color-text-link-hover: var(--blue-200);--color-primary: var(--orange-500);--color-primary-hover: var(--orange-400);--color-primary-active: var(--orange-600);--color-primary-soft: rgb(255 122 26 / .12);--color-primary-border: rgb(255 122 26 / .4);--color-primary-text: var(--orange-400);--color-on-primary: #160b02;--color-secondary: var(--blue-500);--color-secondary-hover: var(--blue-400);--color-secondary-active: var(--blue-600);--color-secondary-soft: rgb(59 167 255 / .12);--color-secondary-border: rgb(59 167 255 / .4);--color-secondary-text: var(--blue-300);--color-on-secondary: #03101c;--color-you: var(--color-primary);--color-you-soft: var(--color-primary-soft);--color-you-border: var(--color-primary-border);--color-you-text: var(--color-primary-text);--color-rival: var(--color-secondary);--color-rival-soft: var(--color-secondary-soft);--color-rival-border: var(--color-secondary-border);--color-rival-text: var(--color-secondary-text);--color-line: var(--ink-950);--color-success: var(--green-500);--color-success-soft: rgb(53 208 127 / .12);--color-success-border: rgb(53 208 127 / .38);--color-success-text: var(--green-500);--color-on-success: #03140b;--color-warning: var(--amber-500);--color-warning-soft: rgb(255 200 87 / .12);--color-warning-border: rgb(255 200 87 / .38);--color-warning-text: var(--amber-500);--color-on-warning: #1c1302;--color-danger: var(--red-500);--color-danger-soft: rgb(255 98 125 / .12);--color-danger-border: rgb(255 98 125 / .38);--color-danger-text: var(--red-500);--color-on-danger: #1f0309;--color-info: var(--blue-500);--color-info-soft: var(--color-secondary-soft);--color-info-border: var(--color-secondary-border);--color-info-text: var(--blue-300);--color-xp: var(--lime-500);--color-xp-soft: rgb(183 243 91 / .12);--color-xp-border: rgb(183 243 91 / .36);--color-xp-text: var(--lime-500);--color-on-xp: #101a02;--color-level: var(--blue-300);--color-streak: var(--orange-400);--color-streak-soft: rgb(255 143 66 / .12);--color-streak-border: rgb(255 143 66 / .36);--color-freeze: var(--blue-300);--tier-unranked: #8a95a8;--tier-bronze: #d58e5e;--tier-silver: #c3ccd8;--tier-gold: #f5c451;--tier-platinum: #4fd1c5;--tier-diamond: #8ea2ff;--tier-master: #c18bff;--tier-grandmaster: #ff8a3d;--tier-grandmaster-alt: #4fb0ff;--rarity-common: #9aa6b8;--rarity-rare: #4fb0ff;--rarity-epic: var(--violet-500);--rarity-legendary: var(--amber-500);--difficulty-beginner: #5fd4c8;--difficulty-easy: var(--green-500);--difficulty-medium: var(--amber-500);--difficulty-hard: var(--red-500);--difficulty-expert: var(--violet-500);--viz-1: var(--orange-500);--viz-2: var(--blue-500);--viz-3: var(--lime-500);--viz-4: var(--violet-500);--viz-5: var(--teal-500);--viz-6: var(--amber-500);--viz-grid: rgb(255 255 255 / .06);--code-bg: #07090c;--code-gutter-bg: #090c10;--code-fg: #d8e2ee;--code-muted: #5d6a7d;--code-line-active: rgb(255 255 255 / .035);--code-selection: rgb(59 167 255 / .24);--code-cursor: var(--orange-400);--code-keyword: #ff9a5a;--code-string: #9be28f;--code-number: #f5c451;--code-function: #7fc3ff;--code-type: #c9a6ff;--code-comment: #6b7890;--font-display: "Sora", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", "Inter Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Code", Menlo, Consolas, monospace;--font-mono: var(--font-code);--text-2xs: .75rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: clamp(1.75rem, 1.45rem + 1vw, 2.125rem);--text-4xl: clamp(2.125rem, 1.6rem + 1.9vw, 2.875rem);--text-5xl: clamp(2.5rem, 1.7rem + 3.2vw, 4rem);--text-6xl: clamp(2.875rem, 1.6rem + 5.2vw, 5.5rem);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-none: 1;--leading-display: 1.02;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.55;--leading-relaxed: 1.7;--tracking-display: -.04em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-caps: .08em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-section: clamp(4rem, 2.8rem + 5vw, 8rem);--space-gutter: clamp(1rem, .55rem + 1.8vw, 2rem);--control-height-xs: 1.75rem;--control-height-sm: 2.25rem;--control-height-md: 2.75rem;--control-height-lg: 3.25rem;--control-height-xl: 3.75rem;--icon-xs: .875rem;--icon-sm: 1rem;--icon-md: 1.25rem;--icon-lg: 1.5rem;--icon-xl: 2rem;--avatar-xs: 1.5rem;--avatar-sm: 2rem;--avatar-md: 2.5rem;--avatar-lg: 3.5rem;--avatar-xl: 5rem;--avatar-2xl: 7rem;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 999px;--radius-control: 10px;--radius-card: var(--radius-xl);--border-width: 1px;--border-width-strong: 2px;--shadow-1: 0 1px 2px rgb(0 0 0 / .32);--shadow-2: 0 6px 16px -4px rgb(0 0 0 / .45), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-3: 0 16px 40px -12px rgb(0 0 0 / .6), 0 4px 10px -4px rgb(0 0 0 / .35);--shadow-4: 0 32px 80px -16px rgb(0 0 0 / .7), 0 8px 20px -8px rgb(0 0 0 / .4);--highlight: inset 0 1px 0 rgb(255 255 255 / .045);--glow-you: 0 0 0 1px var(--color-you-border), 0 10px 36px -10px rgb(255 122 26 / .55);--glow-rival: 0 0 0 1px var(--color-rival-border), 0 10px 36px -10px rgb(59 167 255 / .55);--glow-success: 0 0 0 1px var(--color-success-border), 0 10px 32px -12px rgb(53 208 127 / .5);--glow-xp-ring: 0 0 0 1px var(--color-xp-border), 0 8px 28px -10px rgb(183 243 91 / .45);--wash-you: radial-gradient(60% 80% at 0% 0%, rgb(255 122 26 / .14), transparent 70%);--wash-rival: radial-gradient(60% 80% at 100% 0%, rgb(59 167 255 / .14), transparent 70%);--wash-duel: var(--wash-you), var(--wash-rival);--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--duration-instant: 80ms;--duration-fast: .14s;--duration-base: .2s;--duration-slow: .32s;--duration-slower: .48s;--duration-moment: .72s;--duration-celebration: .9s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017 20.4%, 1.043 24.3%, 1.044 28.4%, 1.007 41.3%, .997 51.1%, 1);--container-narrow: 46rem;--container: 75rem;--container-wide: 90rem;--nav-width: 15rem;--nav-width-collapsed: 4.75rem;--topbar-height: 4rem;--bottom-nav-height: 4.25rem;--rail-width: 20rem;--hud-height: 4rem;--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-nav: 200;--z-dropdown: 300;--z-overlay: 400;--z-modal: 500;--z-toast: 600;--z-tooltip: 700}[data-theme=light]{color-scheme:light;--color-bg: #f5f7fa;--color-bg-sunken: #eaedf2;--color-bg-subtle: #eff2f6;--color-surface-1: #ffffff;--color-surface-2: #f7f8fb;--color-surface-3: #eef1f6;--color-surface-4: #e4e8ef;--color-surface-overlay: rgb(255 255 255 / .84);--color-scrim: rgb(15 20 30 / .45);--color-border-subtle: rgb(15 23 42 / .08);--color-border: rgb(15 23 42 / .13);--color-border-strong: rgb(15 23 42 / .22);--color-border-focus: var(--blue-600);--color-text-primary: #0b0f16;--color-text-secondary: #3a4558;--color-text-muted: #5b667a;--color-text-disabled: #98a2b3;--color-text-inverse: #f4f7fb;--color-text-link: var(--blue-700);--color-text-link-hover: var(--blue-800);--color-primary-text: var(--orange-700);--color-secondary-text: var(--blue-700);--color-success-text: var(--green-700);--color-warning-text: var(--amber-700);--color-danger-text: var(--red-700);--color-info-text: var(--blue-700);--color-xp-text: var(--lime-700);--color-line: #0b0f16;--shadow-1: 0 1px 2px rgb(15 23 42 / .08);--shadow-2: 0 6px 16px -6px rgb(15 23 42 / .16), 0 2px 4px -2px rgb(15 23 42 / .08);--shadow-3: 0 16px 40px -14px rgb(15 23 42 / .22), 0 4px 10px -4px rgb(15 23 42 / .1);--shadow-4: 0 32px 80px -20px rgb(15 23 42 / .3), 0 8px 20px -8px rgb(15 23 42 / .12);--highlight: inset 0 1px 0 rgb(255 255 255 / .6)}}@layer components{.train-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.topic-strip{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:thin}.train-filter{width:auto;min-width:10rem}.train-table{min-width:48rem}.table-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.status-dot{display:inline-block;width:.55rem;height:.55rem;border:1px solid var(--color-border-strong);border-radius:50%;background:var(--color-surface-3)}.train-mastery{min-width:0;padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-subtle)}.mastery-tile{cursor:pointer}.mastery-tile:hover{border-color:var(--color-border-strong)}@media(min-width:80rem){.train-layout{grid-template-columns:minmax(0,1fr) minmax(17rem,22rem)}.train-mastery{align-self:start;position:sticky;top:calc(var(--topbar-height) + var(--space-5))}}}@layer workspace{.workspace__title{flex:1 1 auto}.workspace-load{display:grid;min-height:100dvh;place-items:center;padding:var(--space-6);text-align:center}.practice-timer{white-space:nowrap}.workspace__panel-header svg{width:.9rem;height:.9rem}.practice-hint{margin-top:var(--space-8)}.console-verdict{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.console-verdict[data-state=pass]{color:var(--color-success-text)}.console-verdict[data-state=fail]{color:var(--color-danger-text)}.console__gate svg{width:.9rem;height:.9rem}.diagnostics{overflow:auto;padding:var(--space-3);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);background:var(--code-bg);color:var(--color-danger-text);font-size:var(--text-xs);white-space:pre-wrap}@media(max-width:64rem){.workspace__header{flex-wrap:wrap;height:auto;padding-block:var(--space-2)}.workspace-view-switch{order:10;width:100%}.workspace-view-switch .segmented__item{flex:1 1 0}}@media(max-width:40rem){.workspace__header>.badge{display:none}.practice-timer{margin-left:auto}}}@layer scaffold{.auth-split{display:grid;min-height:100dvh;grid-template-columns:minmax(20rem,.9fr) minmax(28rem,1.1fr);background:var(--color-bg)}.auth-brand{display:flex;min-width:0;flex-direction:column;gap:var(--space-10);padding:var(--space-8);border-right:1px solid var(--color-border-subtle);background:var(--color-bg-subtle)}.auth-brand__content{display:grid;max-width:34rem;flex:1 1 auto;align-content:center;gap:var(--space-5);margin-inline:auto}.auth-brand__content h1{font-family:var(--font-display);font-size:var(--text-5xl);letter-spacing:-.04em;line-height:var(--leading-display)}.auth-brand__content>p{color:var(--color-text-secondary);font-size:var(--text-lg)}.auth-brand__egg{width:9rem;height:10rem}.auth-brand__egg .pet__art{width:100%;height:100%}.auth-assurances{display:grid;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);list-style:none}.auth-assurances li{display:flex;align-items:center;gap:var(--space-2)}.auth-assurances svg{width:1rem;height:1rem;color:var(--color-success-text)}.auth-form-area{display:grid;min-width:0;align-content:center;justify-items:center;gap:var(--space-5);padding:var(--space-8) var(--space-gutter)}.auth-back{justify-self:center;width:min(34rem,calc(100vw - (2 * var(--space-gutter))))}.auth-form{display:grid;width:min(100%,34rem);gap:var(--space-5);padding:var(--space-8)}.password-field{position:relative;display:flex;align-items:center}.password-field .input{padding-right:3.25rem}.password-field .icon-button{position:absolute;right:var(--space-2)}.password-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1) var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);list-style:none}.password-rules li{display:flex;align-items:center;gap:var(--space-1-5)}.password-rules li>:first-child{width:.8rem;height:.8rem;flex:none;border:1px solid var(--color-border);border-radius:50%}.password-rules li[data-state=pass]{color:var(--color-success-text)}.password-rules li[data-state=pass] svg{border:0}.onboarding{min-height:100dvh;background:var(--color-bg)}.onboarding__header{display:flex;min-height:4.5rem;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-gutter);border-bottom:1px solid var(--color-border-subtle)}.onboarding__main{display:grid;width:min(100% - (2 * var(--space-gutter)),52rem);min-height:calc(100dvh - 4.5rem);align-content:center;gap:var(--space-10);margin-inline:auto;padding-block:var(--space-8)}.onboarding__step{display:grid;justify-items:center;gap:var(--space-5);text-align:center}.onboarding__step>h1{max-width:18ch;font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:-.035em;line-height:var(--leading-tight)}.onboarding__step>p{max-width:54ch;color:var(--color-text-secondary)}.onboarding__icon{display:grid;width:3.5rem;height:3.5rem;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-primary-text)}.language-choice{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--space-2)}.choice-card{display:flex;min-height:4rem;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-1);text-align:left;cursor:pointer}.choice-card:has(input:checked){border-color:var(--color-border-focus);background:var(--color-info-soft)}.choice-card>span{display:grid;flex:1 1 auto}.choice-card small{color:var(--color-text-muted)}.choice-card>svg{width:1rem;opacity:0;color:var(--color-success-text)}.choice-card:has(input:checked)>svg{opacity:1}.onboarding__pet{display:grid;width:min(100%,24rem);justify-items:center;gap:var(--space-5)}.first-move{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.first-move__card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-5);color:var(--color-text-primary);text-align:left;cursor:pointer}.first-move__card>span{display:grid;gap:var(--space-1)}.first-move__card small{color:var(--color-text-muted)}@media(max-width:56rem){.auth-split{grid-template-columns:minmax(0,1fr)}.auth-brand{min-height:auto;padding:var(--space-5) var(--space-gutter);border-right:0;border-bottom:1px solid var(--color-border-subtle)}.auth-brand__content{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3) var(--space-5)}.auth-brand__content>:not(.auth-brand__egg,.eyebrow,h1){display:none}.auth-brand__egg{width:4.5rem;height:5rem;grid-row:1 / span 2}.auth-brand__content h1{font-size:var(--text-xl)}.auth-form-area{align-content:start;padding-block:var(--space-6)}}@media(max-width:40rem){.auth-form{padding:var(--space-5)}.password-rules,.first-move{grid-template-columns:minmax(0,1fr)}.onboarding__header .brand__name{display:inline}}}@layer marketing{.public-page{min-width:0;overflow-x:clip;background:var(--color-bg)}.public-mobile-menu{display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-gutter);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-overlay)}.public-mobile-menu a{padding:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.public-mobile-menu a:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.motion-slot__static{position:absolute;inset:0;display:grid;grid-template-columns:1fr auto 1fr;place-items:center;gap:var(--space-6);padding:var(--space-10);background:var(--color-bg-subtle)}.motion-slot__player{display:grid;justify-items:center;gap:var(--space-2);text-align:center}.motion-slot__player small{color:var(--color-text-muted)}.motion-slot__versus{display:grid;justify-items:center;gap:var(--space-2);color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--text-xs)}.motion-slot__versus img{width:4rem}.landing-progress-preview{--progress: 35%}.showcase-panel{display:grid;min-height:26rem;place-items:center;padding:var(--space-8)}.showcase-panel>*{width:100%}.landing-code{display:grid;width:min(100%,34rem);gap:var(--space-2);padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--code-bg);color:var(--code-fg);font-family:var(--font-code)}.landing-verdict{max-width:34rem}.landing-result{display:grid;justify-items:center;gap:var(--space-3);color:var(--color-text-secondary);text-align:center}.landing-result>svg{width:3rem;height:3rem;color:var(--color-xp-text)}.landing-result strong{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-2xl)}.quill-preview{display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);align-items:center;gap:var(--space-12)}.quill-preview__stage{display:grid;min-height:24rem;place-items:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);background:var(--color-surface-1)}.quill-preview__stage .pet__art{width:min(65%,14rem);height:auto}.organizer-band{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-5);padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-1)}@media(min-width:48.01rem){.public-mobile-menu{display:none}}@media(max-width:48rem){.motion-slot__static{gap:var(--space-2);padding:var(--space-4)}.motion-slot__player .avatar{--avatar-size: var(--avatar-md)}.motion-slot__versus img{width:2.5rem}.showcase-panel{min-height:20rem;padding:var(--space-4)}.quill-preview{grid-template-columns:minmax(0,1fr)}.quill-preview__stage{min-height:18rem}.organizer-band{grid-template-columns:auto minmax(0,1fr)}.organizer-band>.button{grid-column:1 / -1}}}@layer scaffold{.app--immersive.app--immersive{grid-template-areas:"main";grid-template-rows:minmax(0,1fr)}.app--immersive .app__main{min-height:100dvh}.app__nav-close{display:none}body.navigation-open{overflow:hidden}@media(max-width:48rem){.app__nav-close{display:inline-grid}}}@layer components{.mode-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.mode-card,.queue-card{display:flex;min-width:0;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-1);color:var(--color-text-secondary);text-align:left;box-shadow:var(--highlight);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-out)}.mode-card:hover,.queue-card:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.mode-card[aria-pressed=true],.queue-card[aria-pressed=true]{border-color:var(--color-you-border);background:var(--color-you-soft);color:var(--color-text-primary)}.mode-card:disabled,.queue-card:disabled{cursor:not-allowed;opacity:.6;transform:none}.mode-card>svg,.queue-card>svg{width:var(--icon-lg);height:var(--icon-lg);flex:none;color:var(--color-text-muted)}.mode-card[aria-pressed=true]>svg,.queue-card[aria-pressed=true]>svg{color:var(--color-you-text)}.mode-card>span,.queue-card>span:not(.rank-chip){display:grid;min-width:0;gap:var(--space-0-5)}.mode-card strong,.queue-card strong{color:var(--color-text-primary);font-size:var(--text-sm)}.mode-card small,.queue-card small{color:var(--color-text-muted);font-size:var(--text-xs)}.queue-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.queue-card{display:grid;grid-template-columns:auto minmax(0,1fr)}.queue-card .rank-chip{grid-column:1 / -1;justify-self:start}.profile-band{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-6);padding:var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--wash-duel),var(--color-surface-1);box-shadow:var(--highlight)}.profile-band__identity{display:grid;min-width:0;gap:var(--space-2)}.profile-band__meta{color:var(--color-text-muted);font-size:var(--text-sm)}.profile-band__bio{max-width:64ch;color:var(--color-text-secondary)}.profile-band__ranks{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.profile-band__aside{display:grid;justify-items:end;gap:var(--space-4)}.profile-tab-panel{min-width:0}@media(max-width:48rem){.mode-selector,.queue-cards{grid-template-columns:minmax(0,1fr)}.profile-band{grid-template-columns:minmax(0,1fr);justify-items:start;padding:var(--space-5)}.profile-band__aside{width:100%;justify-items:start}}}@layer game{.match-found-overlay{overflow:auto}.match-found-panel{width:min(100%,64rem)}.match-found-panel .versus{width:100%}}@layer workspace{.hud{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto}.workspace-view-switch{display:none}.editor-code{display:grid;width:100%;height:100%;min-width:0;min-height:0;grid-template-columns:3.25rem minmax(0,1fr);overflow:hidden;background:var(--code-bg);color:var(--code-fg);font-family:var(--font-code);font-size:var(--editor-font-size, 14px);line-height:var(--editor-line-height, 1.65)}.editor-code__gutter{height:100%;margin:0;overflow:hidden;padding:var(--space-4) var(--space-3);border-right:1px solid var(--color-border-subtle);background:var(--code-gutter-bg);color:var(--code-muted);font:inherit;line-height:inherit;text-align:right;-webkit-user-select:none;user-select:none}.editor-code textarea{width:100%;height:100%;min-height:0;overflow:auto;padding:var(--space-4);border:0;outline:0;resize:none;background:transparent;color:inherit;font:inherit;line-height:inherit;tab-size:var(--editor-tab-size, 2);white-space:pre}.editor-code--wrap textarea{overflow-wrap:anywhere;white-space:pre-wrap}.editor-menu{position:relative;margin-left:auto}.editor-menu>summary{display:inline-flex;min-height:2rem;align-items:center;gap:var(--space-1-5);padding:0 var(--space-2-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-subtle);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);list-style:none;cursor:pointer}.editor-menu>summary::-webkit-details-marker{display:none}.editor-menu[open]>summary{border-color:var(--color-border-focus);color:var(--color-text-primary)}.editor-menu__panel{position:absolute;z-index:var(--z-dropdown);top:calc(100% + var(--space-2));right:0;display:grid;width:min(22rem,calc(100vw - 2rem));gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-3);box-shadow:var(--shadow-3);color:var(--color-text-primary)}.editor-menu__panel header,.editor-menu__panel footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.editor-menu__panel header{justify-content:space-between;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.editor-menu__panel header>div,.editor-menu__panel>label{display:grid;gap:var(--space-2)}.editor-menu__panel header>button{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted)}.editor-menu__panel>label>span{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs)}.editor-menu__panel input[type=range]{width:100%;accent-color:var(--color-primary)}.editor-menu__panel fieldset{padding:0;border:0}.editor-menu__panel legend{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs)}.editor-menu__panel fieldset>div{display:grid;grid-template-columns:1fr 1fr}.editor-menu__panel fieldset button{min-height:2.25rem;border:1px solid var(--color-border-subtle);background:var(--color-bg-subtle);color:var(--color-text-muted)}.editor-menu__panel fieldset button.active{border-color:var(--color-border-focus);color:var(--color-text-primary)}.editor-menu__toggle{grid-template-columns:1fr auto;align-items:center}.editor-menu__toggle>span{display:grid!important}.editor-menu__toggle small{color:var(--color-text-muted)}.editor-menu__toggle input{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.editor-menu__panel footer{padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:var(--text-xs)}@media(max-width:64rem){.hud{height:auto;min-height:var(--hud-height);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;padding-block:var(--space-2)}.workspace-view-switch{display:flex;grid-column:1 / -1;justify-self:center}}@media(max-width:48rem){.hud{grid-template-columns:minmax(0,1fr) auto auto}.hud__player[data-side=rival]{display:none}.hud__mode{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console__header{flex-wrap:wrap;height:auto;padding-block:var(--space-2)}.console__actions{width:100%;margin-left:0}.console__actions .button{flex:1 1 0}}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{min-width:20rem;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;hanging-punctuation:first last}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,pre{margin:0}ul,ol{margin:0;padding:0}img,picture,video,canvas,svg{display:block;max-width:100%}img,video{height:auto}input,button,textarea,select{color:inherit;font:inherit;letter-spacing:inherit}button,select,summary,[role=button]{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}fieldset{min-width:0;margin:0;padding:0;border:0}legend{padding:0}textarea{resize:vertical}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}[hidden]{display:none!important}}@layer base{html{background:var(--color-bg)}body{min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#ff7a1a52;color:var(--color-text-primary)}:where(h1,h2,h3,h4){color:var(--color-text-primary);font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}h1{font-size:var(--text-4xl);letter-spacing:var(--tracking-display)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}:where(h5,h6){color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}p{color:var(--color-text-secondary);text-wrap:pretty}:where(strong,b){font-weight:var(--weight-semibold)}:where(a:not([class])){color:var(--color-text-link);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--duration-fast) var(--ease-standard),text-decoration-color var(--duration-fast) var(--ease-standard)}:where(a:not([class])):hover{color:var(--color-text-link-hover);text-decoration-color:currentColor}code,kbd,samp,pre{font-family:var(--font-code)}:not(pre)>code{padding:.12em .4em;border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface-3);color:var(--color-text-primary);font-size:.86em}hr{border:0;border-top:1px solid var(--color-border-subtle)}::placeholder{color:var(--color-text-muted);opacity:1}*{scrollbar-color:var(--ink-400) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:var(--radius-pill);background:var(--ink-400) padding-box}.display-1,.display-2,.heading-1,.heading-2,.heading-3,.heading-4{color:var(--color-text-primary);font-family:var(--font-display);text-wrap:balance}.display-1{font-size:var(--text-6xl);font-weight:var(--weight-bold);line-height:var(--leading-display);letter-spacing:-.045em}.display-2{font-size:var(--text-5xl);font-weight:var(--weight-bold);line-height:1.04;letter-spacing:var(--tracking-display)}.heading-1{font-size:var(--text-4xl);font-weight:var(--weight-semibold);line-height:1.08;letter-spacing:-.035em}.heading-2{font-size:var(--text-3xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.03em}.heading-3{font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.heading-4{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:-.015em}.title{color:var(--color-text-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:-.01em;line-height:var(--leading-snug)}.lead{max-width:62ch;color:var(--color-text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.body-sm{font-size:var(--text-sm);line-height:var(--leading-normal)}.caption{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);line-height:var(--leading-snug)}.eyebrow:before{width:2px;height:.95em;flex:none;border-radius:1px;background:var(--eyebrow-accent, var(--color-primary));content:""}.eyebrow--rival{--eyebrow-accent: var(--color-rival)}.eyebrow--success{--eyebrow-accent: var(--color-success)}.eyebrow--plain:before{display:none}.overline{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);line-height:var(--leading-snug);text-transform:uppercase}.numeric{font-family:var(--font-code);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.text-duel{background:linear-gradient(95deg,var(--orange-400) 0%,var(--orange-300) 38%,var(--blue-300) 62%,var(--blue-400) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}}@layer layout{.container{--container-max: var(--container);width:min(100% - (2 * var(--space-gutter)),var(--container-max));margin-inline:auto}.container--narrow,.container--reading{--container-max: var(--container-narrow)}.container--wide{--container-max: var(--container-wide)}.stack{display:grid;align-content:start;gap:var(--stack-gap, var(--stack-space, var(--space-4)))}.stack--xs{--stack-gap: var(--space-1)}.stack--sm{--stack-gap: var(--space-2)}.stack--md{--stack-gap: var(--space-4)}.stack--lg{--stack-gap: var(--space-6)}.stack--xl{--stack-gap: var(--space-8)}.stack--2xl{--stack-gap: var(--space-12)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cluster-gap, var(--cluster-space, var(--space-3)))}.cluster--tight{--cluster-gap: var(--space-2)}.cluster--loose{--cluster-gap: var(--space-6)}.cluster--between{justify-content:space-between}.cluster--end{justify-content:flex-end}.cluster--start{align-items:flex-start}.cluster--nowrap{flex-wrap:nowrap}.grid{display:grid;gap:var(--grid-gap, var(--space-4))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--grid-min, 16rem)),1fr))}.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap, var(--space-6))}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-12{grid-column:1 / -1}.split{display:grid;grid-template-columns:minmax(0,1fr) var(--split-aside, 20rem);align-items:start;gap:var(--split-gap, var(--space-6))}.split--reverse{grid-template-columns:var(--split-aside, 20rem) minmax(0,1fr)}.split>*{min-width:0}.center{display:grid;place-items:center}.frame{overflow:hidden;aspect-ratio:var(--frame-ratio, 16 / 9)}.frame>:is(img,video,canvas,iframe){width:100%;height:100%;object-fit:cover}.spacer{flex:1 1 auto}.scroll-x{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}@media(max-width:64rem){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-12>[class*=span-]{grid-column:1 / -1}.grid-12>.span-md-6{grid-column:span 6}.split,.split--reverse{grid-template-columns:minmax(0,1fr)}}@media(max-width:48rem){.grid--2,.grid--3,.grid--4{grid-template-columns:minmax(0,1fr)}.grid-12>.span-md-6{grid-column:1 / -1}}}@layer scaffold{.app{display:grid;min-height:100dvh;grid-template-areas:"nav topbar" "nav main";grid-template-columns:var(--nav-width) minmax(0,1fr);grid-template-rows:var(--topbar-height) minmax(0,1fr);background:var(--color-bg)}.app__nav{position:sticky;z-index:var(--z-nav);top:0;display:flex;height:100dvh;flex-direction:column;gap:var(--space-6);overflow-y:auto;padding:var(--space-4) var(--space-3);border-right:1px solid var(--color-border-subtle);background:var(--color-bg-subtle);grid-area:nav}.app__topbar{position:sticky;z-index:var(--z-sticky);top:0;display:flex;align-items:center;gap:var(--space-3);padding-inline:var(--space-gutter);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-overlay);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);grid-area:topbar}.app__main{min-width:0;padding:var(--space-8) var(--space-gutter) var(--space-16);grid-area:main}.app__content{width:min(100%,var(--container));margin-inline:auto}.app--focus{grid-template-areas:"topbar" "main";grid-template-columns:minmax(0,1fr)}.app--focus .app__nav,.app--focus .bottom-nav{display:none}.app--focus .app__main{padding:0}.app__nav-toggle{display:none}.brand{display:inline-flex;align-items:center;gap:var(--space-2-5);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.03em;line-height:1}.brand__mark{width:2rem;height:2rem;flex:none}.app__nav .brand{min-height:2.75rem;padding-inline:var(--space-2)}.nav{display:grid;gap:var(--space-0-5)}.nav__label{margin:var(--space-4) 0 var(--space-1);padding-inline:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide)}.nav-item{position:relative;display:flex;width:100%;min-height:2.5rem;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.nav-item svg{width:var(--icon-md);height:var(--icon-md);flex:none;color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-standard)}.nav-item:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.nav-item:hover svg{color:var(--color-text-secondary)}.nav-item:is([aria-current=page],.is-active){background:var(--color-surface-2);color:var(--color-text-primary);font-weight:var(--weight-semibold)}.nav-item:is([aria-current=page],.is-active):before{position:absolute;top:50%;left:calc(-1 * var(--space-3));width:3px;height:1.25rem;border-radius:0 3px 3px 0;background:var(--color-primary);content:"";transform:translateY(-50%)}.nav-item:is([aria-current=page],.is-active) svg{color:var(--color-primary-text)}.nav-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item__badge{margin-left:auto}.app__nav-footer{display:grid;gap:var(--space-2);margin-top:auto}.topbar__title{overflow:hidden;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.topbar__actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.bottom-nav{position:fixed;z-index:var(--z-nav);inset:auto 0 0;display:none;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--color-border-subtle);background:var(--color-surface-overlay);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.bottom-nav__item{display:grid;min-width:0;place-items:center;align-content:center;gap:var(--space-0-5);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.bottom-nav__item svg{width:var(--icon-md);height:var(--icon-md)}.bottom-nav__item[aria-current=page]{color:var(--color-text-primary)}.bottom-nav__item[aria-current=page] svg{color:var(--color-primary-text)}.bottom-nav__play{display:grid;width:3.5rem;height:3.5rem;place-items:center;margin-top:-1.5rem;border:3px solid var(--color-bg);border-radius:50%;background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--glow-you)}.bottom-nav__play svg{width:1.5rem;height:1.5rem}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4) var(--space-8);margin-bottom:var(--space-8)}.page-header__text{display:grid;gap:var(--space-2);min-width:min(100%,20rem);flex:1 1 28rem}.page-header__title{min-width:0;overflow-wrap:anywhere;font-size:var(--text-4xl);letter-spacing:-.035em;line-height:1.08}.page-header__description{max-width:62ch;color:var(--color-text-secondary)}.page-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.page-header--divided{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.section-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4)}.section-header__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.015em}.section-header__description{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-1)}.toolbar--plain{padding:0;border:0;background:none}.toolbar__grow{flex:1 1 16rem;min-width:0}.toolbar__spacer{flex:1 1 auto}@media(max-width:80rem){.app{grid-template-columns:var(--nav-width-collapsed) minmax(0,1fr)}.app__nav{align-items:center;padding-inline:var(--space-2)}.app__nav .brand__name,.app__nav .nav__label,.app__nav .nav-item__label,.app__nav .nav-item__badge,.app__nav [data-collapse=hide]{display:none}.app__nav .nav{justify-items:center}.app__nav .nav-item{width:2.75rem;justify-content:center;padding:0}.app__nav .nav-item:is([aria-current=page],.is-active):before{left:calc(-1 * var(--space-2))}}@media(max-width:48rem){.app{display:block;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px))}.app__nav{position:fixed;inset:0 auto 0 0;width:min(18rem,86vw);align-items:stretch;padding:var(--space-4) var(--space-3);box-shadow:var(--shadow-4);visibility:hidden;transform:translate(-105%);transition:transform var(--duration-slow) var(--ease-out),visibility 0s linear var(--duration-slow)}.app__nav[data-open=true]{visibility:visible;transform:none;transition:transform var(--duration-slow) var(--ease-out),visibility 0s}.app__nav .brand__name,.app__nav .nav__label,.app__nav .nav-item__label,.app__nav .nav-item__badge,.app__nav [data-collapse=hide]{display:revert}.app__nav .nav{justify-items:stretch}.app__nav .nav-item{width:auto;justify-content:flex-start;padding:0 var(--space-3)}.app__topbar{height:var(--topbar-height);padding-inline:var(--space-3)}.app__nav-toggle{display:inline-grid}.app__main{padding:var(--space-5) var(--space-4) var(--space-12)}.topbar__actions>:is(.rank-chip,.food-count,.streak,.button){display:none}.bottom-nav{display:grid}.page-header{margin-bottom:var(--space-6)}}}@layer components{.button{--btn-height: var(--control-height-md);--btn-px: var(--space-4);--btn-radius: var(--radius-md);--btn-font-size: .9375rem;--btn-bg: var(--color-surface-3);--btn-bg-hover: var(--color-surface-4);--btn-bg-active: var(--color-surface-2);--btn-fg: var(--color-text-primary);--btn-border: var(--color-border);--btn-shadow: var(--highlight), var(--shadow-1);--btn-shadow-hover: var(--highlight), var(--shadow-2);position:relative;display:inline-flex;min-height:var(--btn-height);align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--btn-px);border:1px solid var(--btn-border);border-radius:var(--btn-radius);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-body);font-size:var(--btn-font-size);font-weight:var(--weight-semibold);letter-spacing:-.005em;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:var(--btn-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.button svg{width:1.125em;height:1.125em;flex:none}.button:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){background:var(--btn-bg-hover);box-shadow:var(--btn-shadow-hover)}.button:active:not(:disabled,[aria-disabled=true],[aria-busy=true]){background:var(--btn-bg-active);transform:translateY(1px) scale(.985)}.button:disabled,.button[aria-disabled=true]{box-shadow:none;cursor:not-allowed;opacity:.45}.button--primary{--btn-bg: var(--color-primary);--btn-bg-hover: var(--color-primary-hover);--btn-bg-active: var(--color-primary-active);--btn-fg: var(--color-on-primary);--btn-border: transparent;--btn-shadow: inset 0 1px 0 rgb(255 255 255 / .28), 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px -12px rgb(255 122 26 / .65);--btn-shadow-hover: inset 0 1px 0 rgb(255 255 255 / .32), 0 1px 2px rgb(0 0 0 / .4), 0 14px 34px -12px rgb(255 122 26 / .8)}.button--primary:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){transform:translateY(-1px)}.button--secondary{--btn-bg: var(--color-surface-3);--btn-bg-hover: var(--color-surface-4)}.button--outline{--btn-bg: transparent;--btn-bg-hover: var(--color-surface-2);--btn-bg-active: var(--color-surface-1);--btn-border: var(--color-border-strong);--btn-shadow: none;--btn-shadow-hover: none}.button--ghost,.button--quiet{--btn-bg: transparent;--btn-bg-hover: var(--color-surface-2);--btn-bg-active: var(--color-surface-1);--btn-fg: var(--color-text-secondary);--btn-border: transparent;--btn-shadow: none;--btn-shadow-hover: none}.button--ghost:hover:not(:disabled),.button--quiet:hover:not(:disabled){color:var(--color-text-primary)}.button--danger{--btn-bg: var(--color-danger-soft);--btn-bg-hover: rgb(255 98 125 / .2);--btn-bg-active: rgb(255 98 125 / .16);--btn-fg: var(--color-danger-text);--btn-border: var(--color-danger-border);--btn-shadow: none;--btn-shadow-hover: none}.button--danger-solid{--btn-bg: var(--color-danger);--btn-bg-hover: var(--red-300);--btn-bg-active: var(--red-700);--btn-fg: var(--color-on-danger);--btn-border: transparent}.button--success{--btn-bg: var(--color-success);--btn-bg-hover: var(--green-300);--btn-bg-active: var(--green-700);--btn-fg: var(--color-on-success);--btn-border: transparent;--btn-shadow: inset 0 1px 0 rgb(255 255 255 / .25), 0 8px 24px -12px rgb(53 208 127 / .6)}.button--rival{--btn-bg: var(--color-secondary);--btn-bg-hover: var(--color-secondary-hover);--btn-bg-active: var(--color-secondary-active);--btn-fg: var(--color-on-secondary);--btn-border: transparent;--btn-shadow: inset 0 1px 0 rgb(255 255 255 / .25), 0 8px 24px -12px rgb(59 167 255 / .6)}.button--link{--btn-height: auto;--btn-px: 0;--btn-bg: transparent;--btn-bg-hover: transparent;--btn-bg-active: transparent;--btn-fg: var(--color-text-link);--btn-border: transparent;--btn-shadow: none;--btn-shadow-hover: none;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:.2em}.button--xs{--btn-height: var(--control-height-xs);--btn-px: var(--space-2-5);--btn-radius: var(--radius-sm);--btn-font-size: var(--text-xs)}.button--sm,.button--small{--btn-height: var(--control-height-sm);--btn-px: var(--space-3);--btn-radius: var(--radius-control);--btn-font-size: var(--text-sm)}.button--lg,.button--large{--btn-height: var(--control-height-lg);--btn-px: var(--space-6);--btn-radius: var(--radius-lg);--btn-font-size: var(--text-md)}.button--xl{--btn-height: var(--control-height-xl);--btn-px: var(--space-8);--btn-radius: var(--radius-lg);--btn-font-size: var(--text-lg);font-family:var(--font-display);letter-spacing:-.02em}.button--icon{--btn-px: 0;width:var(--btn-height)}.button--block{width:100%}.button[aria-busy=true]{color:transparent;cursor:progress}.button[aria-busy=true]:after{position:absolute;inset:0;width:1.1em;height:1.1em;margin:auto;border:2px solid var(--btn-fg);border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;content:""}.button__kbd{margin-left:var(--space-1);color:inherit;font-family:var(--font-code);font-size:var(--text-xs);font-weight:var(--weight-medium);opacity:.7}.icon-button{position:relative;display:inline-grid;width:var(--icon-button-size, 2.5rem);height:var(--icon-button-size, 2.5rem);flex:none;place-items:center;padding:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.icon-button svg{width:var(--icon-md);height:var(--icon-md)}.icon-button:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.icon-button[aria-pressed=true]{background:var(--color-surface-3);color:var(--color-text-primary)}.icon-button--outline{border-color:var(--color-border)}.icon-button--sm{--icon-button-size: 2rem}.icon-button__dot{position:absolute;top:.45rem;right:.45rem;width:.5rem;height:.5rem;border:2px solid var(--color-bg);border-radius:50%;background:var(--color-primary);box-sizing:content-box}.icon-button.app__nav-toggle,.icon-button.app__nav-close{display:none}@media(max-width:48rem){.icon-button.app__nav-toggle,.icon-button.app__nav-close{display:inline-grid}}.link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-link);font-weight:var(--weight-medium);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:.2em;transition:color var(--duration-fast) var(--ease-standard),text-decoration-color var(--duration-fast) var(--ease-standard)}.link:hover{color:var(--color-text-link-hover);text-decoration-color:currentColor}.link--quiet{color:var(--color-text-secondary);text-decoration-color:transparent}.link--quiet:hover{color:var(--color-text-primary)}.link svg{width:1em;height:1em;transition:transform var(--duration-fast) var(--ease-standard)}.link--arrow:hover svg:last-child{transform:translate(2px)}.field{display:grid;min-width:0;align-content:start;gap:var(--space-2)}.field__label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.field__optional,.field__label small{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-regular)}.field__hint{color:var(--color-text-muted);font-size:.8125rem;line-height:var(--leading-snug)}.field__error{display:flex;align-items:flex-start;gap:var(--space-1-5);color:var(--color-danger-text);font-size:.8125rem;font-weight:var(--weight-medium);line-height:var(--leading-snug)}.field__error svg{width:1rem;height:1rem;flex:none;margin-top:.05rem}.input,.select,.textarea{width:100%;min-height:var(--control-height-md);padding:0 var(--space-3-5);border:1px solid var(--color-border);border-radius:var(--radius-control);outline:0;background-color:var(--color-bg-subtle);color:var(--color-text-primary);font-size:var(--text-md);line-height:var(--leading-snug);box-shadow:inset 0 1px 2px #00000040;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-border-focus);background-color:var(--color-surface-1);box-shadow:0 0 0 3px #7fc3ff38,inset 0 1px 2px #00000040}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger)}.input[aria-invalid=true]:focus,.textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px #ff627d33}.input:disabled,.select:disabled,.textarea:disabled{cursor:not-allowed;opacity:.5}.input--sm,.select--sm{min-height:var(--control-height-sm);padding-inline:var(--space-3);font-size:var(--text-sm)}.input--mono{font-family:var(--font-code);letter-spacing:.04em}.textarea{min-height:7rem;padding-block:var(--space-3);line-height:var(--leading-normal);resize:vertical}.select{padding-right:2.5rem;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238592a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right .85rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer}.select option{background:var(--color-surface-2);color:var(--color-text-primary)}.input-group{position:relative;display:flex;min-width:0;align-items:center}.input-group__icon{position:absolute;left:var(--space-3-5);width:1.125rem;height:1.125rem;color:var(--color-text-muted);pointer-events:none}.input-group>.input{padding-left:2.6rem}.input-group>.input:has(~.input-group__suffix){padding-right:3.5rem}.input-group__suffix{position:absolute;right:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.checkbox,.radio{display:inline-grid;width:1.125rem;height:1.125rem;flex:none;place-content:center;margin:0;border:1.5px solid var(--color-border-strong);border-radius:5px;background:var(--color-bg-subtle) center / .75rem no-repeat;appearance:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.radio{border-radius:50%}.checkbox:checked{border-color:var(--color-primary);background-color:var(--color-primary);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23160b02' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>")}.radio:checked{border-color:var(--color-primary);background:radial-gradient(circle,var(--color-primary) 0 38%,var(--color-bg-subtle) 42%)}.choice{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);cursor:pointer}.choice>:is(.checkbox,.radio){margin-top:.1rem}.switch{position:relative;width:2.5rem;height:1.5rem;flex:none;margin:0;border-radius:var(--radius-pill);background:var(--color-surface-4);appearance:none;cursor:pointer;transition:background-color var(--duration-base) var(--ease-standard)}.switch:before{position:absolute;top:50%;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:50%;background:var(--color-text-muted);box-shadow:var(--shadow-1);content:"";transform:translateY(-50%);transition:transform var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-standard)}.switch:checked{background:var(--color-primary)}.switch:checked:before{background:var(--white);transform:translate(1rem,-50%)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:3.5rem;padding-block:var(--space-3);border-top:1px solid var(--color-border-subtle)}.setting-row__text{display:grid;gap:var(--space-0-5)}.setting-row__title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.setting-row__description{color:var(--color-text-muted);font-size:.8125rem}.segmented{display:inline-flex;max-width:100%;gap:var(--space-1);overflow-x:auto;padding:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-subtle);scrollbar-width:none}.segmented--block{display:flex;width:100%}.segmented--block>*{flex:1 1 0}.segmented__item{position:relative;display:inline-flex;min-height:var(--control-height-sm);align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);border:0;border-radius:calc(var(--radius-md) - 4px);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.segmented__item svg{width:1rem;height:1rem}.segmented__item:hover{color:var(--color-text-primary)}.segmented__item:is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-active,:has(input:checked)){background:var(--color-surface-3);color:var(--color-text-primary);box-shadow:var(--highlight),var(--shadow-1)}.segmented__item:has(input:focus-visible){outline:2px solid var(--color-border-focus);outline-offset:2px}.segmented__meta{color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--text-xs);font-weight:var(--weight-medium)}.segmented--lg .segmented__item{min-height:var(--control-height-md);padding-inline:var(--space-5)}.tabs{display:flex;gap:var(--space-1);overflow-x:auto;border-bottom:1px solid var(--color-border-subtle);scrollbar-width:none}.tab{position:relative;display:inline-flex;min-height:var(--control-height-md);align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:0;background:none;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard)}.tab:hover{color:var(--color-text-secondary)}.tab:is([aria-selected=true],[aria-current=page],.is-active){color:var(--color-text-primary)}.tab:is([aria-selected=true],[aria-current=page],.is-active):after{position:absolute;right:var(--space-3);bottom:-1px;left:var(--space-3);height:2px;border-radius:2px 2px 0 0;background:var(--color-primary);content:""}.tab__count{min-width:1.375rem;padding:.125rem .375rem;border-radius:var(--radius-pill);background:var(--color-surface-3);color:var(--color-text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center}.tabs--pill{width:fit-content;max-width:100%;padding:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-subtle)}.tabs--pill .tab{min-height:var(--control-height-sm);border-radius:calc(var(--radius-md) - 4px)}.tabs--pill .tab:after{display:none}.tabs--pill .tab:is([aria-selected=true],[aria-current=page],.is-active){background:var(--color-surface-3);box-shadow:var(--highlight),var(--shadow-1)}.badge{--badge-fg: var(--color-text-secondary);--badge-bg: var(--color-surface-3);--badge-border: var(--color-border-subtle);display:inline-flex;min-height:1.5rem;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border:1px solid var(--badge-border);border-radius:var(--radius-pill);background:var(--badge-bg);color:var(--badge-fg);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap}.badge svg{width:.875rem;height:.875rem;flex:none}.badge--success{--badge-fg: var(--color-success-text);--badge-bg: var(--color-success-soft);--badge-border: var(--color-success-border)}.badge--warning{--badge-fg: var(--color-warning-text);--badge-bg: var(--color-warning-soft);--badge-border: var(--color-warning-border)}.badge--danger{--badge-fg: var(--color-danger-text);--badge-bg: var(--color-danger-soft);--badge-border: var(--color-danger-border)}.badge--info{--badge-fg: var(--color-info-text);--badge-bg: var(--color-info-soft);--badge-border: var(--color-info-border)}.badge--you{--badge-fg: var(--color-you-text);--badge-bg: var(--color-you-soft);--badge-border: var(--color-you-border)}.badge--rival{--badge-fg: var(--color-rival-text);--badge-bg: var(--color-rival-soft);--badge-border: var(--color-rival-border)}.badge--xp{--badge-fg: var(--color-xp-text);--badge-bg: var(--color-xp-soft);--badge-border: var(--color-xp-border)}.badge--outline{--badge-bg: transparent;--badge-border: var(--color-border)}.badge--lg{min-height:1.75rem;padding-inline:var(--space-2-5);font-size:var(--text-sm)}.badge--dot:before,.badge--live:before{width:.375rem;height:.375rem;flex:none;border-radius:50%;background:currentColor;content:""}.badge[data-status=live]{--badge-fg: var(--color-success-text);--badge-bg: var(--color-success-soft);--badge-border: var(--color-success-border)}.badge[data-status=registration-open]{--badge-fg: var(--color-you-text);--badge-bg: var(--color-you-soft);--badge-border: var(--color-you-border)}.badge[data-status=upcoming]{--badge-fg: var(--color-info-text);--badge-bg: var(--color-info-soft);--badge-border: var(--color-info-border)}.badge[data-status=registration-closed],.badge[data-status=judging]{--badge-fg: var(--color-warning-text);--badge-bg: var(--color-warning-soft);--badge-border: var(--color-warning-border)}.badge[data-status=completed],.badge[data-status=archived],.badge[data-status=cancelled]{--badge-fg: var(--color-text-muted);--badge-bg: transparent;--badge-border: var(--color-border)}.badge[data-status=draft]{--badge-fg: var(--color-warning-text);--badge-bg: transparent;--badge-border: var(--color-warning-border)}.badge[data-status=published]{--badge-fg: var(--color-success-text);--badge-bg: transparent;--badge-border: var(--color-success-border)}.chip{display:inline-flex;min-height:2rem;align-items:center;gap:var(--space-1-5);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);font-size:.8125rem;font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.chip svg{width:.9rem;height:.9rem}.chip:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.chip:is([aria-pressed=true],[aria-selected=true],.is-active){border-color:var(--color-you-border);background:var(--color-you-soft);color:var(--color-you-text)}.chip__count{color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--text-xs)}.tag{display:inline-flex;min-height:1.375rem;align-items:center;padding:0 var(--space-2);border-radius:var(--radius-xs);background:var(--color-surface-3);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.kbd{display:inline-grid;min-width:1.5rem;height:1.5rem;place-items:center;padding:0 .375rem;border:1px solid var(--color-border);border-bottom-width:2px;border-radius:var(--radius-xs);background:var(--color-surface-2);color:var(--color-text-secondary);font-family:var(--font-code);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1}.difficulty-chip{display:inline-flex;min-height:1.5rem;align-items:center;gap:var(--space-1-5);padding:0 var(--space-2);border:1px solid color-mix(in srgb,var(--difficulty, var(--ink-600)) 34%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--difficulty, var(--ink-600)) 11%,transparent);color:var(--difficulty, var(--color-text-secondary));font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.difficulty-chip:before{width:.375rem;height:.375rem;border-radius:2px;background:currentColor;content:""}.avatar{--avatar-size: var(--avatar-md);position:relative;display:inline-grid;width:var(--avatar-size);height:var(--avatar-size);flex:none;place-items:center;border-radius:50%;background:oklch(.44 .09 var(--avatar-hue, 250));color:var(--white);font-family:var(--font-display);font-size:calc(var(--avatar-size) * .38);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar--xs{--avatar-size: var(--avatar-xs)}.avatar--sm{--avatar-size: var(--avatar-sm)}.avatar--md{--avatar-size: var(--avatar-md)}.avatar--lg{--avatar-size: var(--avatar-lg)}.avatar--xl{--avatar-size: var(--avatar-xl)}.avatar--2xl{--avatar-size: var(--avatar-2xl)}.avatar--square{border-radius:var(--radius-md)}.avatar[data-side]{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--side)}.avatar__presence{position:absolute;right:0;bottom:0;width:max(.625rem,28%);height:max(.625rem,28%);border:2px solid var(--color-bg);border-radius:50%;background:var(--color-success)}.avatar__presence[data-presence=in-match]{background:var(--color-primary)}.avatar__presence[data-presence=away]{background:var(--color-warning)}.avatar__presence[data-presence=offline]{background:var(--ink-600)}.avatar-group{display:flex;align-items:center}.avatar-group>.avatar{box-shadow:0 0 0 2px var(--color-bg)}.avatar-group>.avatar+.avatar{margin-left:calc(var(--avatar-size) * -.28)}.card{--card-pad: var(--space-6);--card-bg: var(--color-surface-1);--card-border: var(--color-border-subtle);position:relative;display:flex;min-width:0;flex-direction:column;padding:var(--card-pad);border:1px solid var(--card-border);border-radius:var(--radius-card);background:var(--card-bg);box-shadow:var(--highlight)}.card--raised{--card-bg: var(--color-surface-2);--card-border: var(--color-border);box-shadow:var(--highlight),var(--shadow-2)}.card--sunken{--card-bg: var(--color-bg-subtle);box-shadow:none}.card--outline{--card-bg: transparent;--card-border: var(--color-border);box-shadow:none}.card--compact{--card-pad: var(--space-4)}.card--spacious{--card-pad: var(--space-8)}.card--flush{--card-pad: 0;overflow:hidden}.card--interactive{cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-out)}.card--interactive:hover{--card-border: var(--color-border-strong);box-shadow:var(--highlight),var(--shadow-2);transform:translateY(-2px)}.card--interactive:active{transform:translateY(0)}.card--accent{overflow:hidden;isolation:isolate}.card--accent:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(90% 120% at 0% 0%,color-mix(in srgb,var(--card-accent, var(--side, var(--color-primary))) 14%,transparent),transparent 60%);content:"";pointer-events:none}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.card__eyebrow{margin-bottom:var(--space-2)}.card__title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.015em;line-height:var(--leading-snug)}.card__subtitle{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm)}.card__body{flex:1 1 auto;min-width:0}.card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.card__media{overflow:hidden;margin:calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad)) var(--card-pad);border-radius:var(--radius-card) var(--radius-card) 0 0}.panel{overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--highlight)}.panel__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.panel__title{color:var(--color-text-primary);font-size:var(--text-md);font-weight:var(--weight-semibold)}.panel__body{padding:var(--space-5)}.list{display:grid;list-style:none}.list__item{display:grid;min-height:3.5rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);color:inherit;text-align:left}.list__item:first-child{border-top:0}.list--flush .list__item{padding-inline:0}.list--interactive .list__item{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.list--interactive .list__item:hover{background:var(--color-surface-2)}.list__body{display:grid;min-width:0;gap:var(--space-0-5)}.list__title{overflow:hidden;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.list__meta{overflow:hidden;color:var(--color-text-muted);font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap}.list__trailing{display:grid;justify-items:end;gap:var(--space-0-5);text-align:right}.table-wrap{overflow-x:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-1)}.table{width:100%;color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.table th{position:sticky;z-index:1;top:0;height:2.5rem;padding:0 var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-align:left;white-space:nowrap}.table td{height:3.5rem;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background-color var(--duration-fast) var(--ease-standard)}.table--interactive tbody tr{cursor:pointer}.table--interactive tbody tr:hover{background:var(--color-surface-2)}.table--dense td{height:2.75rem}.table :is(th,td).num,.table :is(th,td)[data-align=end]{text-align:right}.table td.num{color:var(--color-text-primary);font-family:var(--font-code)}.table .cell-strong{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.table tr[data-you=true] td{background:linear-gradient(#ff7a1a17,#ff7a1a17) var(--color-surface-1)}.table tr[data-you=true] td:first-child{box-shadow:inset 3px 0 0 var(--color-you)}.table tr[data-you=true][data-sticky=true] td{position:sticky;bottom:0;border-top:1px solid var(--color-you-border);background:linear-gradient(#ff7a1a1f,#ff7a1a1f) var(--color-surface-2)}.stat{display:grid;min-width:0;align-content:start;gap:var(--space-1)}.stat__label{display:flex;align-items:center;gap:var(--space-1-5);color:var(--color-text-muted);font-size:.8125rem;font-weight:var(--weight-medium)}.stat__label svg{width:1rem;height:1rem}.stat__value{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-3xl);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);letter-spacing:-.03em;line-height:1.1}.stat__value--mono{font-family:var(--font-code);font-size:var(--text-2xl);letter-spacing:-.02em}.stat__value small{margin-left:var(--space-1);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:0}.stat__meta{color:var(--color-text-muted);font-size:.8125rem}.stat-grid{display:grid;overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--stat-min, 10rem)),1fr));gap:1px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-border-subtle)}.stat-grid>.stat{padding:var(--space-5);background:var(--color-surface-1)}.progress{position:relative;overflow:hidden;height:var(--progress-height, .5rem);border-radius:var(--radius-pill);background:var(--color-surface-4)}.progress__value{display:block;width:var(--progress, 0%);height:100%;border-radius:inherit;background:var(--progress-color, var(--color-primary));transition:width var(--duration-slower) var(--ease-out)}.progress--sm{--progress-height: .25rem}.progress--lg{--progress-height: .75rem}.progress--xp{--progress-color: var(--color-xp)}.progress--rival{--progress-color: var(--color-rival)}.progress--success{--progress-color: var(--color-success)}.progress--warning{--progress-color: var(--color-warning)}.progress--danger{--progress-color: var(--color-danger)}.progress--neutral{--progress-color: var(--color-text-secondary)}.progress--tier{--progress-color: var(--tier)}.progress__value--striped{background-image:repeating-linear-gradient(-45deg,rgb(255 255 255 / .22) 0 5px,transparent 5px 10px)}.meter{display:grid;gap:var(--space-2)}.meter__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);color:var(--color-text-muted);font-size:.8125rem}.meter__value{color:var(--color-text-primary);font-family:var(--font-code);font-variant-numeric:tabular-nums}.pips{display:inline-flex;align-items:center;gap:var(--space-1)}.pip{width:var(--pip-size, .625rem);height:var(--pip-size, .625rem);flex:none;border-radius:3px;background:var(--color-surface-4)}.pip[data-state=filled]{background:var(--pip-color, var(--color-primary))}.pip[data-result]{background:var(--result)}.pip[data-state=next]{background:transparent;box-shadow:inset 0 0 0 1.5px var(--color-primary)}.ring{--ring-size: 3rem;--ring-width: 4px;position:relative;display:inline-grid;width:var(--ring-size);height:var(--ring-size);flex:none;place-items:center}.ring:before{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--ring-color, var(--color-primary)) var(--progress, 0%),var(--ring-track, var(--color-surface-4)) 0);content:"";-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-width)),#000 calc(100% - var(--ring-width) + .5px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-width)),#000 calc(100% - var(--ring-width) + .5px))}.ring__label{position:relative;color:var(--color-text-primary);font-family:var(--font-code);font-size:calc(var(--ring-size) * .26);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.skeleton{position:relative;overflow:hidden;min-height:.875rem;border-radius:var(--radius-sm);background:var(--color-surface-3)}.skeleton:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .05),transparent);content:"";transform:translate(-100%);animation:skeleton-sweep 1.6s var(--ease-standard) infinite}.skeleton--text{height:.875rem;border-radius:4px}.skeleton--title{width:60%;height:1.5rem}.skeleton--avatar{width:var(--avatar-md);height:var(--avatar-md);border-radius:50%}.skeleton--card{height:8rem;border-radius:var(--radius-card)}.spinner{display:inline-block;width:var(--spinner-size, 1.25rem);height:var(--spinner-size, 1.25rem);flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center}.empty-state__icon{display:grid;width:3.5rem;height:3.5rem;place-items:center;margin-bottom:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-text-secondary);box-shadow:var(--highlight)}.empty-state__icon svg{width:1.5rem;height:1.5rem}.empty-state__title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.015em}.empty-state__body{max-width:44ch;color:var(--color-text-muted)}.empty-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-2)}.empty-state--compact{justify-items:start;padding:var(--space-6) 0;text-align:left}.empty-state--compact .empty-state__actions{justify-content:flex-start}.empty-state--boxed{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface-1)}.callout{--callout-color: var(--color-info);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--callout-color) 32%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--callout-color) 8%,var(--color-surface-1))}.callout__icon{color:var(--callout-color)}.callout__icon svg{width:1.25rem;height:1.25rem}.callout__title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.callout__body{margin-top:var(--space-0-5);color:var(--color-text-secondary);font-size:var(--text-sm)}.callout--success{--callout-color: var(--color-success)}.callout--warning{--callout-color: var(--color-warning)}.callout--danger{--callout-color: var(--color-danger)}.callout--you{--callout-color: var(--color-you)}.callout--neutral{--callout-color: var(--ink-600)}.toaster{position:fixed;z-index:var(--z-toast);right:var(--space-6);bottom:var(--space-6);display:grid;width:min(24rem,calc(100vw - 2rem));gap:var(--space-2);pointer-events:none}.toast{--toast-color: var(--color-info);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-3);box-shadow:var(--shadow-3);pointer-events:auto;animation:toast-in var(--duration-slow) var(--ease-out) both}.toast[data-tone=success]{--toast-color: var(--color-success)}.toast[data-tone=warning]{--toast-color: var(--color-warning)}.toast[data-tone=danger]{--toast-color: var(--color-danger)}.toast[data-tone=xp]{--toast-color: var(--color-xp)}.toast__icon{color:var(--toast-color)}.toast__icon svg{width:1.25rem;height:1.25rem}.toast__title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.toast__body{margin-top:var(--space-0-5);color:var(--color-text-secondary);font-size:.8125rem}[data-tooltip]{position:relative}[data-tooltip]:after{position:absolute;z-index:var(--z-tooltip);bottom:calc(100% + var(--space-2));left:50%;width:max-content;max-width:16rem;padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-4);color:var(--color-text-primary);box-shadow:var(--shadow-2);content:attr(data-tooltip);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-snug);opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}[data-tooltip]:is(:hover,:focus-visible):after{opacity:1;transform:translate(-50%)}.scrim{position:fixed;z-index:calc(var(--z-nav) - 1);inset:0;border:0;background:var(--color-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{position:fixed;inset:0;width:min(100% - 2rem,var(--dialog-width, 30rem));max-width:none;max-height:min(100dvh - 2rem,48rem);overflow:auto;margin:auto;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface-2);color:var(--color-text-primary);box-shadow:var(--highlight),var(--shadow-4)}.dialog[open]{animation:dialog-in var(--duration-slow) var(--ease-out) both}.dialog::backdrop{background:var(--color-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog--sm{--dialog-width: 24rem}.dialog--lg{--dialog-width: 40rem}.dialog--xl{--dialog-width: 56rem}.dialog__header{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-6) 0}.dialog__icon{display:grid;width:2.75rem;height:2.75rem;flex:none;place-items:center;border-radius:var(--radius-md);background:var(--color-surface-4);color:var(--color-text-secondary)}.dialog__icon svg{width:1.375rem;height:1.375rem}.dialog__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.015em}.dialog__description{margin-top:var(--space-1-5);color:var(--color-text-secondary);font-size:var(--text-sm)}.dialog__body{padding:var(--space-5) var(--space-6)}.dialog__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6) var(--space-6)}.dialog--danger .dialog__icon{background:var(--color-danger-soft);color:var(--color-danger-text)}.dialog--you .dialog__icon{background:var(--color-you-soft);color:var(--color-you-text)}.sheet{position:fixed;z-index:var(--z-modal);inset:0 0 0 auto;display:flex;width:min(28rem,100vw);height:100dvh;max-height:none;flex-direction:column;margin:0 0 0 auto;padding:0;border:0;border-left:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-primary);box-shadow:var(--shadow-4)}.sheet:not([open]){display:none}.sheet[open]{animation:sheet-in-right var(--duration-slow) var(--ease-out) both}.sheet::backdrop{background:var(--color-scrim)}.sheet__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.sheet__body{flex:1 1 auto;overflow-y:auto;padding:var(--space-6)}.sheet__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle)}.menu{display:grid;min-width:12rem;gap:var(--space-0-5);padding:var(--space-1-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);box-shadow:var(--shadow-3)}.menu__item{display:flex;width:100%;min-height:var(--control-height-sm);align-items:center;gap:var(--space-3);padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);text-align:left;cursor:pointer}.menu__item svg{width:1rem;height:1rem;color:var(--color-text-muted)}.menu__item:is(:hover,:focus-visible){background:var(--color-surface-3);color:var(--color-text-primary)}.menu__item--danger,.menu__item--danger svg{color:var(--color-danger-text)}.menu__separator{height:1px;margin:var(--space-1) calc(-1 * var(--space-1-5));background:var(--color-border-subtle)}.menu__label{padding:var(--space-1-5) var(--space-3)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);list-style:none}.breadcrumb li+li:before{margin-right:var(--space-2);color:var(--color-text-disabled);content:"/"}.breadcrumb a:hover{color:var(--color-text-primary)}.breadcrumb [aria-current=page]{color:var(--color-text-secondary)}.pagination{display:flex;align-items:center;gap:var(--space-1)}.pagination__item{display:inline-grid;min-width:var(--control-height-sm);height:var(--control-height-sm);place-items:center;padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.pagination__item:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.pagination__item[aria-current=page]{border-color:var(--color-border);background:var(--color-surface-3);color:var(--color-text-primary)}.stepper{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--space-2);list-style:none}.stepper__step{display:grid;min-width:0;gap:var(--space-2)}.stepper__step:before{height:3px;border-radius:2px;background:var(--color-surface-4);content:""}.stepper__step[data-state=complete]:before{background:var(--color-success)}.stepper__step[data-state=current]:before{background:var(--color-primary)}.stepper__label{display:flex;min-width:0;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.stepper__index{color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--text-xs)}.stepper__step:is([data-state=current],[data-state=complete]) .stepper__label{color:var(--color-text-primary)}.timeline{display:grid;list-style:none}.timeline__item{position:relative;display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:var(--space-3);padding-bottom:var(--space-5)}.timeline__item:last-child{padding-bottom:0}.timeline__item:not(:last-child):before{position:absolute;top:1.5rem;bottom:0;left:calc(.75rem - 1px);width:2px;background:var(--color-border);content:""}.timeline__marker{position:relative;display:grid;width:1.5rem;height:1.5rem;place-items:center}.timeline__marker:after{width:.75rem;height:.75rem;border:2px solid var(--color-border-strong);border-radius:50%;background:var(--color-bg);content:""}.timeline__item[data-state=done] .timeline__marker:after{border-color:var(--color-success);background:var(--color-success)}.timeline__item[data-state=current] .timeline__marker:after{border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.timeline__title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.timeline__meta{color:var(--color-text-muted);font-size:.8125rem}.divider{height:1px;margin-block:var(--space-6);border:0;background:var(--color-border-subtle)}.divider--label{display:flex;height:auto;align-items:center;gap:var(--space-3);background:none;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.divider--label:before,.divider--label:after{height:1px;flex:1;background:var(--color-border-subtle);content:""}.disclosure{border-bottom:1px solid var(--color-border-subtle)}.disclosure>summary{display:flex;min-height:3.25rem;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--color-text-primary);font-weight:var(--weight-semibold);list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:after{width:.5rem;height:.5rem;flex:none;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);content:"";transform:translateY(-2px) rotate(45deg);transition:transform var(--duration-base) var(--ease-standard)}.disclosure[open]>summary:after{transform:translateY(2px) rotate(-135deg)}.disclosure__body{padding-bottom:var(--space-4);color:var(--color-text-secondary)}.prose{max-width:70ch;color:var(--color-text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed)}.prose>*+*{margin-top:1em}.prose :is(h2,h3,h4){color:var(--color-text-primary);font-family:var(--font-display)}.prose h2{margin-top:2em;font-size:var(--text-xl)}.prose h3{margin-top:1.6em;font-size:var(--text-lg)}.prose h4{margin-top:1.4em;font-size:var(--text-md)}.prose :is(ul,ol){padding-left:1.4em}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--color-text-muted)}.prose a{color:var(--color-text-link);text-decoration:underline;text-underline-offset:.2em}.prose strong{color:var(--color-text-primary)}.prose pre{overflow-x:auto;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--code-bg);color:var(--code-fg);font-size:var(--text-sm);line-height:1.6}.prose blockquote{padding-left:var(--space-4);border-left:2px solid var(--color-border-strong);color:var(--color-text-muted)}.prose table{width:100%;font-size:var(--text-sm)}.prose :is(th,td){padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);text-align:left}.prose th{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.prose--compact{font-size:var(--text-sm);line-height:var(--leading-normal)}.code-block{overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--code-bg)}.code-block__header{display:flex;min-height:2.25rem;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-3);border-bottom:1px solid var(--color-border-subtle);background:var(--code-gutter-bg);color:var(--color-text-muted);font-size:var(--text-xs)}.code-block pre{overflow-x:auto;padding:var(--space-3-5) var(--space-4);color:var(--code-fg);font-size:.8125rem;line-height:1.6}@media(max-width:40rem){.dialog{inset:auto 0 0;width:100%;max-height:90dvh;margin:0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.dialog[open]{animation-name:sheet-in-up}.dialog__footer{flex-direction:column-reverse}.dialog__footer>.button{width:100%}.sheet{inset:auto 0 0;width:100%;height:auto;max-height:88dvh;border-top:1px solid var(--color-border);border-left:0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.sheet[open]{animation-name:sheet-in-up}}@media(max-width:30rem){.card{--card-pad: var(--space-4)}.card--spacious{--card-pad: var(--space-5)}}@media(max-width:48rem){.toaster{right:var(--space-4);bottom:calc(var(--bottom-nav-height) + var(--space-3) + env(safe-area-inset-bottom,0px));left:var(--space-4);width:auto}}}@layer game{[data-side=you]{--side: var(--color-you);--side-soft: var(--color-you-soft);--side-border: var(--color-you-border);--side-text: var(--color-you-text)}[data-side=rival]{--side: var(--color-rival);--side-soft: var(--color-rival-soft);--side-border: var(--color-rival-border);--side-text: var(--color-rival-text)}[data-result=win]{--result: var(--color-success);--result-text: var(--color-success-text)}[data-result=loss],[data-result=forfeit]{--result: var(--color-danger);--result-text: var(--color-danger-text)}[data-result=draw]{--result: var(--ink-700);--result-text: var(--color-text-secondary)}[data-result=pending],[data-result=no-contest]{--result: var(--ink-500);--result-text: var(--color-text-muted)}[data-difficulty=beginner]{--difficulty: var(--difficulty-beginner)}[data-difficulty=easy]{--difficulty: var(--difficulty-easy)}[data-difficulty=medium]{--difficulty: var(--difficulty-medium)}[data-difficulty=hard]{--difficulty: var(--difficulty-hard)}[data-difficulty=expert]{--difficulty: var(--difficulty-expert)}[data-rarity=common]{--rarity: var(--rarity-common)}[data-rarity=rare]{--rarity: var(--rarity-rare)}[data-rarity=epic]{--rarity: var(--rarity-epic)}[data-rarity=legendary]{--rarity: var(--rarity-legendary)}[data-verdict=accepted]{--verdict: var(--color-success);--verdict-text: var(--color-success-text)}[data-verdict=wrong-answer],[data-verdict=runtime-error],[data-verdict=compile-error]{--verdict: var(--color-danger);--verdict-text: var(--color-danger-text)}[data-verdict=time-limit],[data-verdict=memory-limit]{--verdict: var(--color-warning);--verdict-text: var(--color-warning-text)}[data-verdict=running],[data-verdict=pending]{--verdict: var(--color-info);--verdict-text: var(--color-info-text)}[data-tier]{--tier: var(--tier-unranked);--tier-2: var(--tier);--tier-ink: #0c0f14}[data-tier=unranked]{--tier: var(--tier-unranked);--tier-2: var(--tier-unranked)}[data-tier=bronze]{--tier: var(--tier-bronze);--tier-2: var(--tier-bronze);--tier-ink: #2b1709}[data-tier=silver]{--tier: var(--tier-silver);--tier-2: var(--tier-silver);--tier-ink: #1b2129}[data-tier=gold]{--tier: var(--tier-gold);--tier-2: var(--tier-gold);--tier-ink: #2e2003}[data-tier=platinum]{--tier: var(--tier-platinum);--tier-2: var(--tier-platinum);--tier-ink: #062723}[data-tier=diamond]{--tier: var(--tier-diamond);--tier-2: var(--tier-diamond);--tier-ink: #0f1638}[data-tier=master]{--tier: var(--tier-master);--tier-2: var(--tier-master);--tier-ink: #23103d}[data-tier=grandmaster]{--tier: var(--tier-grandmaster);--tier-2: var(--tier-grandmaster-alt);--tier-ink: #1c0d03}.rank-badge{--badge-size: 2.5rem;--badge-shape: polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);position:relative;display:inline-grid;width:var(--badge-size);height:var(--badge-size);flex:none;place-items:center;padding:0;border:0;background:none;color:var(--tier-ink);font-family:var(--font-display);font-size:calc(var(--badge-size) * .32);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1;filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--tier) 30%,transparent));isolation:isolate}.rank-badge:before,.rank-badge:after{position:absolute;clip-path:var(--badge-shape);content:""}.rank-badge:before{z-index:-2;inset:0;background:linear-gradient(155deg,color-mix(in srgb,var(--tier) 52%,white) 0%,var(--tier) 40%,color-mix(in srgb,var(--tier-2) 70%,black) 100%)}.rank-badge:after{z-index:-1;inset:11%;background:linear-gradient(160deg,color-mix(in srgb,var(--tier) 86%,white) 0%,var(--tier) 46%,color-mix(in srgb,var(--tier-2) 84%,black) 100%)}.rank-badge[data-tier=unranked]{color:var(--color-text-muted);filter:none}.rank-badge[data-tier=unranked]:after{background:var(--color-surface-2)}.rank-badge:is([data-tier=platinum],[data-tier=diamond]){--badge-shape: polygon(50% 0, 90% 20%, 100% 50%, 90% 80%, 50% 100%, 10% 80%, 0 50%, 10% 20%)}.rank-badge[data-tier=master]{--badge-shape: polygon(50% 0, 94% 20%, 94% 38%, 80% 50%, 94% 62%, 94% 80%, 50% 100%, 6% 80%, 6% 62%, 20% 50%, 6% 38%, 6% 20%)}.rank-badge[data-tier=grandmaster]{--badge-shape: polygon(50% 0, 64% 9%, 96% 20%, 96% 38%, 82% 50%, 96% 62%, 96% 80%, 64% 91%, 50% 100%, 36% 91%, 4% 80%, 4% 62%, 18% 50%, 4% 38%, 4% 20%, 36% 9%);filter:drop-shadow(-4px 4px 12px rgb(255 138 61 / .35)) drop-shadow(4px 4px 12px rgb(79 176 255 / .35))}.rank-badge[data-tier=grandmaster]:before{background:linear-gradient(120deg,color-mix(in srgb,var(--tier) 60%,white) 0%,var(--tier) 34%,var(--tier-2) 66%,color-mix(in srgb,var(--tier-2) 60%,white) 100%)}.rank-badge[data-tier=grandmaster]:after{background:linear-gradient(120deg,var(--tier) 0%,color-mix(in srgb,var(--tier) 55%,var(--tier-2)) 50%,var(--tier-2) 100%)}.rank-badge--xs{--badge-size: 1.25rem;font-size:0}.rank-badge--sm{--badge-size: 1.75rem;font-size:var(--text-2xs)}.rank-badge--md{--badge-size: 2.5rem}.rank-badge--lg{--badge-size: 4rem}.rank-badge--xl{--badge-size: 6rem}.rank-badge--2xl{--badge-size: 9rem}.rank-ribbon{display:inline-flex;min-height:1.375rem;align-items:center;padding:0 var(--space-2);border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--tier-grandmaster),var(--tier-grandmaster-alt));color:#0b0d11;font-family:var(--font-code);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.02em}.rank-chip{display:inline-flex;min-height:2rem;align-items:center;gap:var(--space-2);padding:0 var(--space-3) 0 var(--space-1-5);border:1px solid color-mix(in srgb,var(--tier, var(--tier-unranked)) 30%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--tier, var(--tier-unranked)) 9%,var(--color-surface-2));color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;max-width:100%;min-width:0;overflow:hidden}.rank-chip .rank-badge{--badge-size: 1.375rem;font-size:0;filter:none}.rank-chip__rating{color:var(--color-text-secondary);font-family:var(--font-code);font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:var(--weight-medium)}.rank-chip__rating:before{margin-right:var(--space-2);color:var(--color-text-muted);content:"·"}.rank-chip--lg{min-height:2.5rem;padding-right:var(--space-4);font-size:var(--text-md)}.rank-chip--lg .rank-badge{--badge-size: 1.75rem}.rank-card{position:relative;display:grid;overflow:hidden;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-4) var(--space-5);padding:var(--space-6);border:1px solid color-mix(in srgb,var(--tier, var(--tier-unranked)) 24%,var(--color-border-subtle));border-radius:var(--radius-card);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--tier, var(--tier-unranked)) 13%,transparent),transparent 55%),var(--color-surface-1);box-shadow:var(--highlight)}.rank-card .rank-badge{--badge-size: 5rem}.rank-card__identity{display:grid;min-width:0;gap:var(--space-1)}.rank-card__tier{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.025em;line-height:1.1}.rank-card__rating{color:var(--color-text-secondary);font-family:var(--font-code);font-size:var(--text-md);font-variant-numeric:tabular-nums}.rank-card__rating strong{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.rank-card__progress{display:grid;gap:var(--space-2);grid-column:1 / -1}.rank-card__next{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);color:var(--color-text-muted);font-size:.8125rem}.rank-card__next strong{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.rank-card--compact{gap:var(--space-3) var(--space-4);padding:var(--space-4)}.rank-card--compact .rank-badge{--badge-size: 3.5rem}.rank-card--compact .rank-card__tier{font-size:var(--text-xl)}.division-track{display:grid;grid-template-columns:repeat(var(--segments, 3),minmax(0,1fr));gap:var(--space-1)}.division-track__segment{height:.375rem;border-radius:var(--radius-pill);background:var(--color-surface-4)}.division-track__segment[data-state=done]{background:var(--tier)}.division-track__segment[data-state=current]{background:linear-gradient(90deg,var(--tier) var(--progress, 0%),var(--color-surface-4) var(--progress, 0%))}.division-track__labels{display:grid;grid-template-columns:repeat(var(--segments, 3),minmax(0,1fr));color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--text-xs)}.placement{display:grid;gap:var(--space-2)}.placement__pips{display:flex;gap:var(--space-1-5)}.placement__pip{width:1.75rem;height:.5rem;border-radius:var(--radius-pill);background:var(--color-surface-4)}.placement__pip[data-result]{background:var(--result)}.placement__pip[data-state=next]{background:transparent;box-shadow:inset 0 0 0 1.5px var(--color-primary)}.placement__label{color:var(--color-text-secondary);font-size:.8125rem}.sr-delta{display:inline-flex;align-items:center;gap:.3em;color:var(--color-text-muted);font-family:var(--font-code);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);white-space:nowrap}.sr-delta:before{width:0;height:0;border-right:.32em solid transparent;border-left:.32em solid transparent;content:""}.sr-delta[data-trend=up]{color:var(--color-success-text)}.sr-delta[data-trend=up]:before{border-bottom:.45em solid currentColor}.sr-delta[data-trend=down]{color:var(--color-danger-text)}.sr-delta[data-trend=down]:before{border-top:.45em solid currentColor}.sr-delta[data-trend=flat]:before{display:none}.ladder{display:grid;gap:var(--space-1);list-style:none}.ladder__tier{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-lg);transition:background-color var(--duration-fast) var(--ease-standard)}.ladder__tier:hover{background:var(--color-surface-2)}.ladder__tier .rank-badge{--badge-size: var(--ladder-badge, 2.75rem)}.ladder__name{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.ladder__divisions{display:flex;gap:var(--space-1);margin-top:var(--space-1-5)}.ladder__divisions>span{width:1.25rem;height:.25rem;border-radius:2px;background:color-mix(in srgb,var(--tier) 38%,transparent)}.ladder__band{color:var(--color-text-muted);font-family:var(--font-code);font-size:.8125rem;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.ladder__tier:is([aria-current=true],.is-current){border-color:color-mix(in srgb,var(--tier) 42%,transparent);background:color-mix(in srgb,var(--tier) 9%,var(--color-surface-1))}.ladder--row{--ladder-badge: 4rem;display:flex;overflow-x:auto;align-items:flex-end;justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-2);scrollbar-width:none}.ladder--row .ladder__tier{flex:1 0 6.5rem;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);text-align:center}.ladder--row .ladder__band{text-align:center}.ladder--row .ladder__divisions{justify-content:center}.reward-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:var(--space-2)}.reward-track__tier{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-1);text-align:center}.reward-track__tier .rank-badge{--badge-size: 2.5rem}.reward-track__name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.reward-track__items{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.reward-track__tier[data-state=earned]{border-color:color-mix(in srgb,var(--tier) 45%,transparent);background:color-mix(in srgb,var(--tier) 8%,var(--color-surface-1))}.reward-track__tier[data-state=locked]{opacity:.55}.level-avatar{--size: var(--avatar-lg);--ring: 3px;position:relative;display:inline-grid;width:calc(var(--size) + (var(--ring) * 2) + 4px);height:calc(var(--size) + (var(--ring) * 2) + 4px);flex:none;place-items:center}.level-avatar:before{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--ring-color, var(--color-xp)) var(--progress, 0%),var(--color-surface-4) 0);content:"";-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring)),#000 calc(100% - var(--ring) + .5px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring)),#000 calc(100% - var(--ring) + .5px))}.level-avatar>.avatar{--avatar-size: var(--size)}.level-avatar__level{position:absolute;bottom:-.3rem;left:50%;display:grid;min-width:1.5rem;height:1.25rem;place-items:center;padding:0 .375rem;border:2px solid var(--color-bg);border-radius:var(--radius-pill);background:var(--ring-color, var(--color-xp));color:var(--color-on-xp);font-family:var(--font-code);font-size:var(--text-2xs);font-weight:var(--weight-bold);line-height:1;transform:translate(-50%)}.level-avatar--sm{--size: var(--avatar-sm);--ring: 2px}.level-avatar--sm .level-avatar__level{display:none}.level-avatar--md{--size: var(--avatar-md)}.level-avatar--xl{--size: var(--avatar-xl);--ring: 4px}.level-avatar--2xl{--size: var(--avatar-2xl);--ring: 5px}.level-avatar[data-state=unavailable]:before{background:var(--color-surface-4)}.growth-bar{display:grid;gap:var(--space-2)}.growth-bar__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:.8125rem}.growth-bar__level{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.growth-bar__amount{color:var(--color-text-secondary);font-family:var(--font-code);font-variant-numeric:tabular-nums}.growth-bar .progress{--progress-color: var(--color-xp)}.growth-bar .progress__value{transition:width var(--duration-moment) var(--ease-spring)}.streak{display:inline-flex;min-height:2rem;align-items:center;gap:var(--space-1-5);padding:0 var(--space-3) 0 var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);white-space:nowrap}.streak svg{width:1rem;height:1rem;color:var(--color-text-muted)}.streak[data-state=active]{border-color:var(--color-streak-border);background:var(--color-streak-soft);color:var(--color-text-primary)}.streak[data-state=active] svg{color:var(--color-streak)}.streak[data-state=at-risk]{border-style:dashed;border-color:var(--color-warning-border)}.streak[data-state=at-risk] svg{color:var(--color-warning)}.streak[data-state=frozen] svg{color:var(--color-freeze)}.streak__freeze{display:inline-flex;align-items:center;gap:var(--space-1);margin-left:var(--space-1);padding-left:var(--space-2);border-left:1px solid var(--color-border);color:var(--color-freeze);font-size:var(--text-xs)}.streak__freeze svg{width:.85rem;height:.85rem;color:inherit}.quest-list{display:grid;gap:var(--space-2);list-style:none}.quest{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-2);transition:border-color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard)}.quest__icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:var(--radius-md);background:var(--color-surface-4);color:var(--color-text-secondary)}.quest__icon svg{width:1.25rem;height:1.25rem}.quest__body{display:grid;min-width:0;gap:var(--space-0-5)}.quest__title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.quest__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs)}.quest__progress{display:flex;align-items:center;gap:var(--space-3);grid-column:2 / -1}.quest__progress .progress{flex:1 1 auto}.quest__count{color:var(--color-text-secondary);font-family:var(--font-code);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.quest__reward{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-xp-text);font-family:var(--font-code);font-size:.8125rem;font-weight:var(--weight-semibold);white-space:nowrap}.quest[data-status=completed]{border-color:var(--color-xp-border);background:linear-gradient(var(--color-xp-soft),var(--color-xp-soft)) var(--color-surface-2)}.quest[data-status=completed] .quest__icon{background:var(--color-xp);color:var(--color-on-xp)}.quest[data-status=claimed]{opacity:.6}.quest[data-status=claimed] .quest__title{text-decoration:line-through;text-decoration-color:var(--color-text-muted)}.quest[data-status=expired]{opacity:.45}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:var(--space-3)}.achievement{--rarity: var(--rarity-common);position:relative;display:grid;justify-items:center;align-content:start;gap:var(--space-2);padding:var(--space-5) var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--rarity) 30%,var(--color-border-subtle));border-radius:var(--radius-lg);background:radial-gradient(100% 70% at 50% 0%,color-mix(in srgb,var(--rarity) 14%,transparent),transparent 70%),var(--color-surface-1);text-align:center}.achievement__icon{display:grid;width:3.5rem;height:3.5rem;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--rarity) 16%,var(--color-surface-3));color:var(--rarity);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rarity) 55%,transparent)}.achievement__icon svg{width:1.5rem;height:1.5rem}.achievement__name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.achievement__rarity{color:var(--rarity);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.achievement__date{color:var(--color-text-muted);font-size:var(--text-xs)}.achievement[data-locked=true]{border-color:var(--color-border-subtle);background:var(--color-surface-1)}.achievement[data-locked=true] .achievement__icon{background:var(--color-surface-2);color:var(--color-text-disabled);box-shadow:inset 0 0 0 1.5px var(--color-border)}.achievement[data-locked=true] .achievement__name{color:var(--color-text-secondary)}.mastery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));gap:var(--space-2)}.mastery-tile{--mastery-color: var(--ink-600);display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-1);color:inherit;text-align:left}.mastery-tile[data-mastery="1"]{--mastery-color: var(--color-text-muted)}.mastery-tile[data-mastery="2"]{--mastery-color: var(--blue-400)}.mastery-tile[data-mastery="3"]{--mastery-color: var(--green-500)}.mastery-tile[data-mastery="4"]{--mastery-color: var(--color-xp)}.mastery-tile__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.mastery-tile__name{overflow:hidden;color:var(--color-text-primary);font-size:.8125rem;font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.mastery-tile__level{color:var(--mastery-color);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.mastery-tile .progress{--progress-height: .375rem;--progress-color: var(--mastery-color)}.mastery-tile[data-confidence=low] .progress__value{background-image:repeating-linear-gradient(-45deg,rgb(255 255 255 / .22) 0 5px,transparent 5px 10px)}.season{display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--wash-duel),var(--color-surface-1)}.season__name{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.015em}.countdown{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.countdown__unit{display:grid;min-width:3.25rem;justify-items:center;padding:var(--space-1-5) var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-subtle)}.countdown__value{color:var(--color-text-primary);font-family:var(--font-code);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);line-height:1.2}.countdown__label{color:var(--color-text-muted);font-size:var(--text-xs)}.pet{--pet-size: 15rem;--pet-aura: var(--color-xp);position:relative;display:grid;justify-items:center;gap:var(--space-4)}.pet__stage{position:relative;display:grid;width:var(--pet-size);height:var(--pet-size);place-items:center;isolation:isolate}.pet__aura{position:absolute;z-index:-2;inset:10%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pet-aura) 30%,transparent) 0%,transparent 68%);opacity:.65;transition:opacity var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-out)}.pet__rays{position:absolute;z-index:-3;inset:-20%;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--pet-aura) 18%,transparent) 0deg 7deg,transparent 7deg 22deg);opacity:0;-webkit-mask:radial-gradient(circle,#000 18%,transparent 62%);mask:radial-gradient(circle,#000 18%,transparent 62%);pointer-events:none}.pet__body{position:relative;display:grid;width:84%;height:84%;place-items:center;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transform-origin:50% 90%;transition:transform var(--duration-slow) var(--ease-spring)}.pet__art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 18px rgb(0 0 0 / .45));transform-origin:50% 92%;animation:pet-breathe 3.6s var(--ease-in-out) infinite;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pet__shadow{position:absolute;z-index:-1;bottom:9%;width:46%;height:7%;border-radius:50%;background:#00000080;filter:blur(6px);animation:pet-shadow 3.6s var(--ease-in-out) infinite}@media(hover:hover){.pet__body:hover{transform:translateY(-6px) rotate(-3deg) scale(1.03)}.pet__stage:has(.pet__body:hover) .pet__aura{opacity:1;transform:scale(1.08)}}.pet[data-state=hover] .pet__body{transform:translateY(-6px) rotate(-3deg) scale(1.03)}.pet[data-state=eating] .pet__body{animation:pet-chomp .56s var(--ease-out)}.pet[data-state=happy] .pet__body{animation:pet-hop .7s var(--ease-out)}.pet[data-state=level-up] .pet__body{animation:pet-evolve var(--duration-celebration) var(--ease-spring)}.pet[data-state=level-up] .pet__aura{animation:aura-burst var(--duration-celebration) var(--ease-out)}.pet[data-state=level-up] .pet__rays{opacity:1;animation:rays-spin 6s linear infinite}.pet[data-state=napping] .pet__art{animation-duration:6s;filter:drop-shadow(0 14px 18px rgb(0 0 0 / .45)) saturate(.75) brightness(.9)}.pet[data-stage=egg] .pet__art{animation:egg-wobble 2.8s var(--ease-in-out) infinite}.pet[data-stage=egg][data-hatch-ready=true] .pet__art{animation-duration:1.1s}.pet[data-state=hatching] .pet__art{animation:egg-crack .9s var(--ease-in-out) both}.pet[data-state=hatching] .pet__aura{animation:aura-burst .9s var(--ease-out) .6s both}.egg{overflow:visible}.egg__shell{fill:var(--color-xp-soft);stroke:var(--color-xp-border);stroke-width:4}.egg__core{fill:color-mix(in srgb,var(--color-xp) 28%,var(--color-surface-3))}.egg__shine{fill:color-mix(in srgb,var(--color-text-primary) 32%,transparent)}.egg__code{fill:var(--color-xp-text);font-family:var(--font-code);font-size:2rem;font-weight:var(--weight-bold)}.egg__crack{fill:none;stroke:var(--egg-crack, #c9ffec);stroke-dasharray:100;stroke-dashoffset:calc(100 - (var(--crack, 0) * 100));stroke-linecap:round;stroke-linejoin:round;stroke-width:3;filter:drop-shadow(0 0 4px rgb(124 245 207 / .8));transition:stroke-dashoffset var(--duration-slower) var(--ease-out)}.pet__zzz{position:absolute;top:14%;right:16%;color:var(--color-text-muted);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);animation:zzz-float 2.6s var(--ease-out) infinite;pointer-events:none}.pet__name{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.015em}.pet__stage-label{color:var(--color-text-muted);font-size:var(--text-sm)}.pet--sm{--pet-size: 7rem}.pet--lg{--pet-size: 20rem}.pet .growth-bar{width:100%;max-width:20rem}.pet-stage-card{display:grid;justify-items:center;gap:var(--space-6)}.pet-name-control{display:grid;justify-items:center}.pet-name-control .field{min-width:min(16rem,100%)}.pet-mini{position:relative;display:inline-grid;width:2.5rem;height:2.5rem;flex:none;place-items:center;overflow:visible;border:1px solid var(--color-border);border-radius:50%;background:radial-gradient(circle at 50% 60%,var(--color-xp-soft),transparent 70%),var(--color-surface-2)}.pet-mini img{width:115%;max-width:none;height:115%;object-fit:contain;transform:translateY(-6%)}.pet-mini__egg{color:var(--color-xp-text);font-family:var(--font-code);font-size:var(--text-xs);font-weight:var(--weight-bold)}.topbar__pet{display:inline-grid;border-radius:50%}.pet-mini__level{position:absolute;right:-.35rem;bottom:-.25rem;min-width:1.25rem;padding:.0625rem .3rem;border:2px solid var(--color-bg);border-radius:var(--radius-pill);background:var(--color-xp);color:var(--color-on-xp);font-family:var(--font-code);font-size:var(--text-2xs);font-weight:var(--weight-bold);line-height:1.2;text-align:center}.food-count{display:inline-flex;min-height:2rem;align-items:center;gap:var(--space-1-5);padding:0 var(--space-3) 0 var(--space-2);border:1px solid var(--color-xp-border);border-radius:var(--radius-pill);background:var(--color-xp-soft);color:var(--color-text-primary);font-family:var(--font-code);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);white-space:nowrap}.food-count__icon{width:1.125rem;height:1.125rem;flex:none}.food-count[data-bump=true]{animation:count-pop .42s var(--ease-spring)}.food-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.food-item{position:relative;display:grid;width:4rem;height:4rem;place-items:center;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);box-shadow:var(--highlight),var(--shadow-1);cursor:pointer;transition:transform var(--duration-base) var(--ease-spring),border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.food-item__icon{width:2rem;height:2rem;pointer-events:none}.food-item.onboarding__hatch{display:inline-flex;width:auto;height:auto;min-height:3.25rem;gap:var(--space-2);padding-inline:var(--space-5);border-radius:var(--radius-pill);font-weight:var(--weight-semibold);white-space:nowrap}.food-item.onboarding__hatch .food-item__icon{width:1.5rem;height:1.5rem}.food-item__cost{position:absolute;bottom:-.55rem;left:50%;padding:.0625rem .4rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-4);color:var(--color-text-primary);font-family:var(--font-code);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.3;transform:translate(-50%);white-space:nowrap}@media(hover:hover){.food-item:hover:not(:disabled){border-color:var(--color-xp-border);background:var(--color-xp-soft);box-shadow:var(--highlight),var(--glow-xp-ring);transform:translateY(-4px) rotate(-6deg) scale(1.06)}.food-item:hover:not(:disabled) .food-item__icon{animation:berry-jiggle .62s var(--ease-in-out)}}.food-item:active:not(:disabled){transform:scale(.94)}.food-item:disabled{cursor:not-allowed;opacity:.4}.food-fly{position:fixed;z-index:var(--z-toast);top:0;left:0;width:2rem;height:2rem;pointer-events:none}.float-text{position:absolute;z-index:3;top:18%;left:50%;color:var(--float-color, var(--color-xp-text));font-family:var(--font-code);font-size:var(--text-lg);font-weight:var(--weight-bold);text-shadow:0 2px 8px rgb(0 0 0 / .6);pointer-events:none;white-space:nowrap;animation:float-up .9s var(--ease-out) forwards}.burst{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.burst>i{position:absolute;width:var(--s, .5rem);height:var(--s, .5rem);border-radius:50%;background:var(--c, var(--color-xp));opacity:0;animation:particle .82s var(--ease-out) var(--d, 0ms) forwards}.burst>i.is-spark{border-radius:0;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.burst>i.is-heart{border-radius:0;clip-path:polygon(50% 92%,12% 56%,4% 34%,14% 14%,32% 10%,50% 26%,68% 10%,86% 14%,96% 34%,88% 56%)}.checkin{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2);list-style:none}.checkin__day{position:relative;display:grid;justify-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-1) var(--space-2-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-2);color:inherit;text-align:center}.checkin>li{display:grid;min-width:0}.checkin__day{width:100%;min-width:0;font:inherit}.checkin__day:disabled{cursor:default}.checkin__label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.checkin__icon{width:1.75rem;height:1.75rem}.checkin__reward{color:var(--color-text-primary);font-family:var(--font-code);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.checkin__day[data-state=claimed]{border-color:var(--color-xp-border);background:var(--color-xp-soft)}.checkin__day[data-state=claimed] .checkin__reward{color:var(--color-text-muted)}.checkin__day[data-state=claimed]:after{position:absolute;top:-.45rem;right:-.45rem;width:1.125rem;height:1.125rem;border:2px solid var(--color-surface-1);border-radius:50%;background:var(--color-xp) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23101a02' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center / .625rem no-repeat;content:""}.checkin__day[data-state=today]{border-color:var(--color-you-border);background:linear-gradient(var(--color-you-soft),var(--color-you-soft)) var(--color-surface-2);box-shadow:var(--glow-you);cursor:pointer}.checkin__day[data-state=today] .checkin__label{color:var(--color-you-text);font-weight:var(--weight-semibold)}.checkin__day[data-state=locked]{opacity:.55}.checkin__day[data-state=claiming]{animation:count-pop .48s var(--ease-spring)}.checkin__day--bonus{border-color:color-mix(in srgb,var(--tier-gold) 40%,transparent)}.checkin__day--bonus .checkin__reward{color:var(--tier-gold)}.perk-list{display:grid;gap:var(--space-2);list-style:none}.perk{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-1)}.perk__icon{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:var(--radius-md);background:var(--color-surface-3);color:var(--color-text-muted)}.perk__icon svg{width:1.125rem;height:1.125rem}.perk__body{display:grid;min-width:0;gap:var(--space-0-5)}.perk__title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.perk__description{color:var(--color-text-muted);font-size:.8125rem}.perk__level{color:var(--color-text-secondary);font-family:var(--font-code);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.perk[data-state=unlocked] .perk__icon{background:var(--color-xp-soft);color:var(--color-xp-text)}.perk[data-state=next]{border-style:dashed;border-color:var(--color-xp-border)}.perk[data-state=locked]{opacity:.6}.level-up{position:fixed;z-index:var(--z-modal);inset:0;display:grid;overflow:hidden;place-items:center;padding:var(--space-6);background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--level-up-color, var(--color-xp)) 18%,transparent),transparent 55%),#07090ceb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in var(--duration-slow) var(--ease-out) both}.level-up__rays{position:absolute;width:min(44rem,140vw);aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--level-up-color, var(--color-xp)) 13%,transparent) 0deg 7deg,transparent 7deg 22deg);-webkit-mask:radial-gradient(circle,#000 15%,transparent 64%);mask:radial-gradient(circle,#000 15%,transparent 64%);animation:rays-spin 14s linear infinite;pointer-events:none}.level-up__panel{position:relative;display:grid;justify-items:center;gap:var(--space-4);width:min(100%,30rem);text-align:center}.level-up__eyebrow{color:var(--level-up-color, var(--color-xp-text));font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide)}.level-up__title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-bold);letter-spacing:-.045em;line-height:1;animation:result-title var(--duration-moment) var(--ease-spring) .2s both}.level-up__body{color:var(--color-text-secondary)}.level-up__panel>.perk{width:100%;text-align:left;animation:fade-up var(--duration-slower) var(--ease-out) .65s both}.level-up__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);animation:fade-up var(--duration-slower) var(--ease-out) .8s both}.versus{position:relative;display:grid;overflow:hidden;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:radial-gradient(70% 120% at 0% 50%,rgb(255 122 26 / .13),transparent 60%),radial-gradient(70% 120% at 100% 50%,rgb(59 167 255 / .13),transparent 60%),var(--color-surface-1);isolation:isolate}.versus__side{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);justify-items:start;gap:var(--space-2)}.versus__side>*{max-width:100%}.versus__side[data-side=rival]{justify-items:end;text-align:right}.versus__name{overflow:hidden;max-width:100%;color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.versus__meta{color:var(--color-text-muted);font-size:.8125rem}.versus__center{position:relative;display:grid;min-width:3rem;place-items:center;align-self:stretch}.versus__center:before{position:absolute;top:calc(-1 * var(--space-6));bottom:calc(-1 * var(--space-6));left:50%;width:2px;background:linear-gradient(to bottom,transparent,var(--color-line) 30%,var(--color-line) 70%,transparent);content:"";opacity:.7;transform:translate(-50%)}.versus__token{position:relative;z-index:1;display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-3);color:var(--color-text-primary);font-family:var(--font-display);font-size:.8125rem;font-weight:var(--weight-bold);letter-spacing:.02em;box-shadow:var(--shadow-2)}.versus--stage{min-height:min(32rem,80dvh);gap:var(--space-8);padding:var(--space-10);border-radius:var(--radius-2xl)}.versus--stage .versus__name{font-size:var(--text-4xl);letter-spacing:-.035em}.versus--stage .versus__token{width:4rem;height:4rem;font-size:var(--text-lg)}.versus--stage .versus__center:before{top:calc(-1 * var(--space-10));bottom:calc(-1 * var(--space-10))}.hud{display:grid;height:var(--hud-height);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-4);padding:0 var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:linear-gradient(90deg,rgb(255 122 26 / .08),transparent 32%,transparent 68%,rgb(59 167 255 / .08)),var(--color-surface-1)}.hud__player{display:flex;min-width:0;align-items:center;gap:var(--space-3)}.hud__player[data-side=rival]{flex-direction:row-reverse;text-align:right}.hud__identity{display:grid;min-width:0;gap:var(--space-0-5)}.hud__name{overflow:hidden;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.hud__status{display:flex;align-items:center;gap:var(--space-1-5);color:var(--color-text-muted);font-size:var(--text-xs)}.hud__player[data-side=rival] .hud__status{justify-content:flex-end}.hud__center{position:relative;display:grid;justify-items:center;gap:var(--space-0-5);padding:0 var(--space-5)}.hud__mode{color:var(--color-text-muted);font-size:var(--text-xs)}.timer{color:var(--color-text-primary);font-family:var(--font-code);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);letter-spacing:.02em;line-height:1}.timer[data-urgency=warning]{color:var(--color-warning-text)}.timer[data-urgency=danger]{color:var(--color-danger-text);animation:urgent-pulse 1s var(--ease-in-out) infinite}.test-pips{display:inline-flex;flex-wrap:wrap;gap:3px}.test-pip{width:.5rem;height:.5rem;border-radius:2px;background:var(--color-surface-4)}.test-pip[data-state=pass]{background:var(--color-success)}.test-pip[data-state=fail]{background:var(--color-danger)}.test-pip[data-state=running]{background:var(--color-warning);animation:pip-pulse .9s var(--ease-in-out) infinite}.verdict-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--verdict, var(--ink-600)) 35%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--verdict, var(--ink-600)) 9%,var(--color-surface-1))}.verdict-panel__icon{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--verdict, var(--ink-600)) 18%,transparent);color:var(--verdict-text, var(--color-text-secondary))}.verdict-panel__icon svg{width:1.125rem;height:1.125rem}.verdict-panel__title{color:var(--verdict-text, var(--color-text-primary));font-size:var(--text-sm);font-weight:var(--weight-semibold)}.verdict-panel__detail{margin-top:var(--space-0-5);color:var(--color-text-muted);font-size:var(--text-xs)}.verdict-panel__metrics{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--color-text-secondary);font-family:var(--font-code);font-size:var(--text-xs)}.result{--result-color: var(--color-text-primary);--result-wash: radial-gradient(60% 70% at 50% 0%, rgb(255 255 255 / .08), transparent 70%);position:relative;display:grid;overflow:hidden;justify-items:center;gap:var(--space-6);padding:var(--space-12) var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);background:var(--result-wash),var(--color-surface-1);text-align:center;isolation:isolate}.result[data-result=win]{--result-color: var(--color-you-text);--result-wash: radial-gradient(60% 70% at 50% 0%, rgb(255 122 26 / .24), transparent 70%)}.result:is([data-result=loss],[data-result=forfeit]){--result-color: var(--color-text-secondary);--result-wash: radial-gradient(60% 70% at 50% 0%, rgb(59 167 255 / .12), transparent 70%)}.result__title{color:var(--result-color);font-family:var(--font-display);font-size:var(--text-6xl);font-weight:var(--weight-bold);letter-spacing:-.045em;line-height:.95}.result__subtitle{max-width:46ch;color:var(--color-text-secondary)}.result__sr{display:grid;width:min(100%,28rem);justify-items:center;gap:var(--space-3)}.result__sr .sr-delta{font-size:var(--text-3xl)}.result__rewards,.result__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.result__pet{display:grid;width:min(100%,28rem);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-xp-border);border-radius:var(--radius-xl);background:var(--color-xp-soft);text-align:left}.result__pet>div{display:grid;justify-items:start;gap:var(--space-1-5)}.result__pet strong{color:var(--color-text-primary);font-size:var(--text-sm)}.result__pet p{color:var(--color-text-muted);font-size:var(--text-xs)}.reward-pill{display:inline-flex;min-height:2rem;align-items:center;gap:var(--space-1-5);padding:0 var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-primary);font-size:.8125rem;font-weight:var(--weight-semibold)}.reward-pill svg{width:1rem;height:1rem}.reward-pill--food{border-color:var(--color-xp-border);background:var(--color-xp-soft);color:var(--color-xp-text)}.reward-pill--streak{border-color:var(--color-streak-border);background:var(--color-streak-soft)}.result--overlay{position:fixed;z-index:var(--z-modal);inset:0;align-content:center;border:0;border-radius:0;background:var(--result-wash),#090b0ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.queue-overlay{position:fixed;z-index:var(--z-overlay);inset:0;display:grid;place-items:center;padding:var(--space-6);background:radial-gradient(50% 50% at 50% 45%,rgb(255 122 26 / .08),transparent 70%),#07090ced;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.queue-overlay__panel{display:grid;width:min(100%,28rem);justify-items:center;gap:var(--space-5);text-align:center}.queue-overlay__timer{color:var(--color-text-primary);font-family:var(--font-code);font-size:var(--text-4xl);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.queue-overlay__meta{color:var(--color-text-muted);font-size:var(--text-sm)}.queue-pulse{position:relative;display:grid;width:8rem;height:8rem;place-items:center}.queue-pulse:before,.queue-pulse:after{position:absolute;inset:0;border:2px solid var(--color-you);border-radius:50%;content:"";opacity:0;animation:queue-ring 2.4s var(--ease-out) infinite}.queue-pulse:after{border-color:var(--color-rival);animation-delay:1.2s}.queue-pulse__core{display:grid;width:3.5rem;height:3.5rem;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface-3);box-shadow:var(--shadow-2)}.queue-pulse__core img,.queue-pulse__core svg{width:2rem;height:2rem}.code-display{display:inline-flex;flex-wrap:wrap;gap:var(--space-1-5)}.code-cell{display:grid;width:2.75rem;height:3.5rem;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle);color:var(--color-text-primary);font-family:var(--font-code);font-size:var(--text-2xl);font-weight:var(--weight-semibold)}.code-display>.code-cell:nth-child(4){margin-right:var(--space-3)}.code-cell[data-state=active]{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #7fc3ff38}.code-cell[data-state=filled]{border-color:var(--color-border-strong)}.code-field{position:relative;display:inline-flex}.code-field__input{position:absolute;inset:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:transparent;font-size:16px;caret-color:transparent;letter-spacing:1ch;cursor:text}.code-field__input::selection{background:transparent}.companion{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:var(--space-3)}.companion__art{width:var(--companion-size, 5.5rem);aspect-ratio:928 / 1024;object-fit:contain;filter:drop-shadow(0 12px 16px rgb(0 0 0 / .4))}.companion__bubble{position:relative;max-width:34ch;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-xs);background:var(--color-surface-3);color:var(--color-text-secondary);font-size:var(--text-sm)}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:var(--space-3)}.podium__place{--place-color: var(--tier-bronze);display:grid;min-width:0;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-sm);background:linear-gradient(to bottom,color-mix(in srgb,var(--place-color) 13%,transparent),transparent 72%),var(--color-surface-1);text-align:center}.podium__place[data-place="1"]{--place-color: var(--tier-gold);order:2;padding-top:var(--space-8)}.podium__place[data-place="2"]{--place-color: var(--tier-silver);order:1}.podium__place[data-place="3"]{--place-color: var(--tier-bronze);order:3}.podium__rank{color:var(--place-color);font-family:var(--font-code);font-size:var(--text-sm);font-weight:var(--weight-bold)}.podium__name{overflow:hidden;max-width:100%;color:var(--color-text-primary);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.podium__rating{color:var(--color-text-secondary);font-family:var(--font-code);font-size:.8125rem}.lb-rank{width:3.5rem;color:var(--color-text-secondary);font-family:var(--font-code);font-weight:var(--weight-semibold)}.lb-rank[data-place="1"]{color:var(--tier-gold)}.lb-rank[data-place="2"]{color:var(--tier-silver)}.lb-rank[data-place="3"]{color:var(--tier-bronze)}.lb-player{display:flex;min-width:0;align-items:center;gap:var(--space-3)}.lb-player__name{overflow:hidden;color:var(--color-text-primary);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.lb-player__meta{color:var(--color-text-muted);font-size:var(--text-xs)}.event-card{display:grid;align-content:start;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface-1);box-shadow:var(--highlight);transition:border-color var(--duration-fast) var(--ease-standard),transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-standard)}.event-card:hover{border-color:var(--color-border-strong);box-shadow:var(--highlight),var(--shadow-2);transform:translateY(-2px)}.event-card__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.event-card__title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;line-height:var(--leading-snug)}.event-card__sponsor{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.8125rem}.event-card__facts{display:grid;overflow:hidden;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-radius:var(--radius-md);background:var(--color-border-subtle)}.event-card__fact{padding:var(--space-2-5) var(--space-3);background:var(--color-surface-2)}.event-card__fact dt{color:var(--color-text-muted);font-size:var(--text-xs)}.event-card__fact dd{margin-top:var(--space-0-5);color:var(--color-text-primary);font-size:.8125rem;font-weight:var(--weight-semibold)}.prize{display:grid;gap:var(--space-0-5)}.prize__amount{color:var(--color-text-primary);font-family:var(--font-code);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.prize__source{color:var(--color-text-muted);font-size:var(--text-xs)}.capacity{display:grid;gap:var(--space-1-5)}.capacity__label{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs)}@media(max-width:48rem){.hud{gap:var(--space-2);padding:0 var(--space-3)}.hud .rank-chip,.hud__status{display:none}.hud__center{padding:0 var(--space-2)}.timer{font-size:var(--text-xl)}.versus{gap:var(--space-2);padding:var(--space-5) var(--space-4)}.versus__name{font-size:var(--text-lg)}.versus--stage .versus__name{font-size:var(--text-2xl)}.rank-card{padding:var(--space-5)}.rank-card .rank-badge{--badge-size: 4rem}.checkin{gap:var(--space-1)}.checkin__day{padding-inline:0}.event-card__facts{grid-template-columns:minmax(0,1fr)}.result{gap:var(--space-4);padding:var(--space-8) var(--space-4)}.result__title{font-size:var(--text-4xl)}}@media(max-width:40rem){.versus .rank-chip__rating{display:none}.versus .avatar--lg{--avatar-size: var(--avatar-md)}}@media(max-width:30rem){.versus__meta{display:none}.podium{gap:var(--space-2)}.checkin{gap:3px}.checkin__day{gap:var(--space-0-5);padding:var(--space-2) 0 var(--space-1-5)}.checkin__label{font-size:var(--text-2xs)}.checkin__icon{width:1.25rem;height:1.25rem}.checkin__reward{font-size:var(--text-xs)}}}@layer workspace{.workspace{display:grid;height:100dvh;grid-template-rows:auto minmax(0,1fr);background:var(--color-bg)}.workspace__header{display:flex;min-height:3.5rem;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-1)}.workspace__title{overflow:hidden;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.workspace__body{display:grid;min-height:0;grid-template-columns:minmax(18rem,var(--workspace-left, 38%)) auto minmax(24rem,1fr)}.workspace__panel{display:flex;min-width:0;min-height:0;flex-direction:column;background:var(--color-surface-1)}.workspace__panel-header{display:flex;min-height:2.75rem;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.workspace__panel-header .tabs{border-bottom:0}.workspace__panel-header .tab{min-height:2.75rem}.workspace__scroll{min-height:0;flex:1 1 auto;overflow:auto;overscroll-behavior:contain;padding:var(--space-5) var(--space-6) var(--space-10)}.workspace__editor{display:grid;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr) auto minmax(8rem,var(--workspace-console, 15rem));background:var(--code-bg)}.resizer{position:relative;z-index:2;flex:none;padding:0;border:0;background:var(--color-border-subtle);touch-action:none;transition:background-color var(--duration-fast) var(--ease-standard)}.resizer:before{position:absolute;inset:-4px;content:""}.resizer:after{position:absolute;top:50%;left:50%;border-radius:var(--radius-pill);background:var(--ink-500);content:"";transform:translate(-50%,-50%)}.resizer:is(:hover,:focus-visible,[data-dragging=true]){background:var(--color-secondary);outline:0}.resizer--x{width:4px;cursor:col-resize}.resizer--x:before{inset:0 -4px}.resizer--x:after{width:2px;height:1.5rem}.resizer--y{height:4px;cursor:row-resize}.resizer--y:before{inset:-4px 0}.resizer--y:after{width:1.5rem;height:2px}.editor-bar{display:flex;min-height:2.75rem;align-items:center;gap:var(--space-2);padding:0 var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-1)}.editor-bar .select{width:auto;min-height:2rem;padding:0 2.25rem 0 var(--space-2-5);background-color:transparent;font-size:.8125rem;box-shadow:none}.editor-bar__meta{display:flex;align-items:center;gap:var(--space-1-5);margin-left:auto;color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--text-xs)}.editor-surface{min-width:0;min-height:0;overflow:auto;background:var(--code-bg);color:var(--code-fg);font-family:var(--font-code);font-size:var(--editor-font-size, 14px);line-height:var(--editor-line-height, 1.65);tab-size:var(--editor-tab-size, 2)}.console{display:flex;min-height:0;flex-direction:column;border-top:1px solid var(--color-border-subtle);background:var(--color-surface-1)}.console__header{display:flex;min-height:3rem;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.console__actions{display:flex;gap:var(--space-2);margin-left:auto}.console__body{display:grid;min-height:0;flex:1 1 auto;align-content:start;gap:var(--space-3);overflow:auto;padding:var(--space-3)}.console__gate{display:inline-flex;align-items:center;gap:var(--space-1-5);color:var(--color-text-muted);font-size:var(--text-xs)}.console__gate[data-state=ready]{color:var(--color-success-text)}.case-tabs{display:flex;gap:var(--space-1);overflow-x:auto;scrollbar-width:none}.case-tab{display:inline-flex;min-height:2rem;align-items:center;gap:var(--space-1-5);padding:0 var(--space-2-5);border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--color-text-muted);font-size:.8125rem;font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer}.case-tab:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.case-tab[aria-selected=true]{border-color:var(--color-border-subtle);background:var(--color-surface-3);color:var(--color-text-primary)}.case-tab[data-state]:before{width:.4rem;height:.4rem;border-radius:50%;content:""}.case-tab[data-state=pass]:before{background:var(--color-success)}.case-tab[data-state=fail]:before{background:var(--color-danger)}.case-io{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--space-3)}.case-io__field{display:grid;min-width:0;gap:var(--space-1-5)}.case-io__label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.case-io pre{max-height:10rem;min-height:2.75rem;overflow:auto;padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--code-bg);color:var(--code-fg);font-size:.8125rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.case-io__field[data-state=pass] pre{border-color:var(--color-success-border)}.case-io__field[data-state=fail] pre{border-color:var(--color-danger-border)}.statement__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.statement__title{margin-bottom:var(--space-5);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.02em}.sample{overflow:hidden;margin-top:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.sample__head{padding:var(--space-2) var(--space-3);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.sample__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sample__io{min-width:0;padding:var(--space-2-5) var(--space-3)}.sample__io+.sample__io{border-left:1px solid var(--color-border-subtle)}.sample__label{display:block;margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs)}.sample pre{overflow-x:auto;color:var(--code-fg);font-size:.8125rem;line-height:1.55;white-space:pre-wrap}@media(max-width:64rem){.workspace{height:auto;min-height:100dvh}.workspace__body{grid-template-columns:minmax(0,1fr)}.workspace__body>.resizer--x{display:none}.workspace[data-view=problem] .workspace__editor,.workspace[data-view=code] .workspace__panel,.workspace[data-view=tests] .workspace__panel{display:none}.workspace[data-view=code] .workspace__editor{grid-template-rows:auto minmax(60dvh,1fr) 0 0}.workspace[data-view=code] .workspace__editor>:is(.resizer--y,.console){display:none}.workspace[data-view=tests] .workspace__editor>:is(.editor-bar,.editor-surface,.resizer--y){display:none}.workspace[data-view=tests] .workspace__editor{grid-template-rows:minmax(60dvh,1fr)}.sample__body{grid-template-columns:minmax(0,1fr)}.sample__io+.sample__io{border-top:1px solid var(--color-border-subtle);border-left:0}}}@layer marketing{.site{min-height:100dvh;overflow-x:clip;background:var(--color-bg)}.site-nav{position:sticky;z-index:var(--z-nav);top:0;border-bottom:1px solid transparent;transition:background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.site-nav[data-scrolled=true]{border-bottom-color:var(--color-border-subtle);background:var(--color-surface-overlay);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.site-nav__inner{display:flex;height:4.5rem;align-items:center;gap:var(--space-8)}.site-nav__links{display:flex;align-items:center;gap:var(--space-1)}.site-nav__link{display:inline-flex;height:2.5rem;align-items:center;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.site-nav__link:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.site-nav__actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.site-nav__menu{display:none}.hero{position:relative;padding-block:clamp(3.5rem,2rem + 6vw,7rem) var(--space-12);text-align:center;isolation:isolate}.hero:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(42% 55% at 16% 28%,rgb(255 122 26 / .16),transparent 70%),radial-gradient(42% 55% at 84% 28%,rgb(59 167 255 / .16),transparent 70%);content:"";pointer-events:none}.hero:after{position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(to bottom,transparent,rgb(244 247 251 / .18) 18%,rgb(244 247 251 / .05) 80%,transparent);content:"";pointer-events:none}.hero__inner{display:grid;justify-items:center;gap:var(--space-6)}.hero__kicker{display:inline-flex;min-height:2rem;align-items:center;gap:var(--space-2);padding:0 var(--space-3) 0 var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-overlay);color:var(--color-text-secondary);font-size:.8125rem;font-weight:var(--weight-medium);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero__title{max-width:17ch;color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-6xl);font-weight:var(--weight-bold);letter-spacing:-.045em;line-height:var(--leading-display);text-wrap:balance}.hero__lead{max-width:58ch;color:var(--color-text-secondary);font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:var(--leading-relaxed)}.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.hero__proof{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-5);color:var(--color-text-muted);font-size:.8125rem;list-style:none}.hero__proof li{display:inline-flex;align-items:center;gap:var(--space-1-5)}.hero__proof svg{width:1rem;height:1rem;color:var(--color-success)}.hero__media{width:min(100% - (2 * var(--space-gutter)),var(--container));margin:var(--space-12) auto 0}.motion-slot{--slot-ratio: 16 / 9;--slot-radius: var(--radius-2xl);position:relative;width:100%;overflow:hidden;aspect-ratio:var(--slot-ratio);margin:0;border:1px solid var(--color-border);border-radius:var(--slot-radius);background:var(--color-bg-subtle);box-shadow:0 0 0 1px #0006,-48px 24px 120px -60px #ff7a1a8c,48px 24px 120px -60px #3ba7ff8c,var(--shadow-4);isolation:isolate}.motion-slot__media,.motion-slot__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.motion-slot__placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:var(--space-3);padding:var(--space-6);background:repeating-linear-gradient(135deg,rgb(255 255 255 / .022) 0 1px,transparent 1px 14px),radial-gradient(60% 80% at 20% 50%,rgb(255 122 26 / .08),transparent 70%),radial-gradient(60% 80% at 80% 50%,rgb(59 167 255 / .08),transparent 70%),var(--color-bg-subtle);color:var(--color-text-muted);text-align:center}.motion-slot__placeholder:before{position:absolute;top:8%;bottom:8%;left:50%;width:1px;background:linear-gradient(to bottom,transparent,rgb(244 247 251 / .28),transparent);content:""}.motion-slot__label{position:relative;color:var(--color-text-secondary);font-weight:var(--weight-semibold)}.motion-slot__spec{position:relative;color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--text-xs)}.motion-slot[data-state=ready] .motion-slot__placeholder{display:none}.motion-slot:not([data-state=ready]) .motion-slot__controls{display:none}.motion-slot[data-state=loading] .motion-slot__placeholder{animation:urgent-pulse 1.8s var(--ease-in-out) infinite}.motion-slot__controls{position:absolute;z-index:2;right:var(--space-4);bottom:var(--space-4);display:flex;gap:var(--space-2)}.motion-slot__control{display:grid;width:2.25rem;height:2.25rem;place-items:center;padding:0;border:1px solid rgb(255 255 255 / .18);border-radius:50%;background:#090b0e9e;color:var(--color-text-primary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.motion-slot__control svg{width:1rem;height:1rem}.section{padding-block:var(--space-section)}.section--tight{padding-block:var(--space-16)}.section--band{border-block:1px solid var(--color-border-subtle);background:var(--color-bg-subtle)}.section-heading{display:grid;max-width:48rem;gap:var(--space-4);margin-bottom:var(--space-12)}.section-heading--center{justify-items:center;margin-inline:auto;text-align:center}.section-heading__title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-bold);letter-spacing:-.04em;line-height:1.02;text-wrap:balance}.section-heading__lead{max-width:56ch;color:var(--color-text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.bento{display:grid;grid-auto-rows:minmax(12rem,auto);grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-4)}.bento__item{grid-column:span 2}.bento__item--half{grid-column:span 3}.bento__item--wide{grid-column:span 4}.bento__item--full{grid-column:1 / -1}.bento__item--tall{grid-row:span 2}.feature{position:relative;display:flex;min-height:100%;flex-direction:column;gap:var(--space-3);overflow:hidden;padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface-1);box-shadow:var(--highlight);isolation:isolate}.feature:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(90% 90% at 0% 0%,color-mix(in srgb,var(--feature-accent, transparent) 15%,transparent),transparent 60%);content:"";pointer-events:none}.feature--you{--feature-accent: var(--color-you)}.feature--rival{--feature-accent: var(--color-rival)}.feature--xp{--feature-accent: var(--color-xp)}.feature__icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-3);color:var(--color-text-primary)}.feature__icon svg{width:1.25rem;height:1.25rem}.feature__title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.02em}.feature__body{color:var(--color-text-secondary);font-size:.9375rem}.feature__visual{margin-top:auto;padding-top:var(--space-4)}.showcase{display:grid;grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);align-items:start;gap:var(--space-8)}.showcase__steps{display:grid;gap:var(--space-1)}.showcase__step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-1) var(--space-3);padding:var(--space-4);border:1px solid transparent;border-radius:var(--radius-lg);background:none;color:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.showcase__step:hover{background:var(--color-surface-1)}.showcase__step[aria-selected=true]{border-color:var(--color-border-subtle);background:var(--color-surface-1);box-shadow:var(--highlight)}.showcase__time{min-width:3.25rem;padding-top:.15rem;color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--text-xs);grid-row:span 2}.showcase__step[aria-selected=true] .showcase__time{color:var(--color-you-text)}.showcase__title{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.showcase__description{color:var(--color-text-muted);font-size:var(--text-sm)}.showcase__preview{position:sticky;top:6rem;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface-1);box-shadow:var(--shadow-3)}.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--color-border-subtle)}.stat-strip__item{display:grid;justify-items:center;gap:var(--space-1);padding:var(--space-8) var(--space-4);text-align:center}.stat-strip__item+.stat-strip__item{border-left:1px solid var(--color-border-subtle)}.stat-strip__value{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:-.04em;line-height:1}.stat-strip__label{color:var(--color-text-muted);font-size:var(--text-sm)}.pledges{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-4);list-style:none}.pledge{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3)}.pledge__icon{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:var(--radius-md);background:var(--color-success-soft);color:var(--color-success-text)}.pledge__icon svg{width:1.125rem;height:1.125rem}.pledge__title{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.pledge__body{color:var(--color-text-muted);font-size:var(--text-sm)}.cta-band{position:relative;display:grid;overflow:hidden;justify-items:center;gap:var(--space-5);padding:clamp(3rem,2rem + 5vw,6rem) var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);background:radial-gradient(50% 90% at 0% 100%,rgb(255 122 26 / .18),transparent 70%),radial-gradient(50% 90% at 100% 100%,rgb(59 167 255 / .18),transparent 70%),var(--color-surface-1);text-align:center;isolation:isolate}.cta-band__title{max-width:18ch;color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-bold);letter-spacing:-.04em;line-height:1.02}.site-footer{padding-block:var(--space-12) var(--space-10);border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:var(--text-sm)}.site-footer__grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:var(--space-8)}.site-footer__heading{margin-bottom:var(--space-3);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.site-footer__links{display:grid;gap:var(--space-2);list-style:none}.site-footer__links a:hover{color:var(--color-text-primary)}.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);font-size:var(--text-xs)}@media(max-width:64rem){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento__item,.bento__item--half{grid-column:span 1}.bento__item--wide,.bento__item--full{grid-column:1 / -1}.showcase{grid-template-columns:minmax(0,1fr)}.showcase__steps{display:flex;overflow-x:auto;scrollbar-width:none}.showcase__step{flex:0 0 min(17rem,80%)}.showcase__preview{position:relative;top:0}.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:48rem){.site-nav__links{display:none}.site-nav__menu{display:inline-grid}.site-nav__actions .button--ghost{display:none}.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-strip__item:nth-child(3){border-left:0}.stat-strip__item:nth-child(n+3){border-top:1px solid var(--color-border-subtle)}.motion-slot{--slot-radius: var(--radius-xl)}}@media(max-width:40rem){.bento{grid-template-columns:minmax(0,1fr)}.bento__item,.bento__item--half,.bento__item--wide{grid-column:1 / -1}.hero__actions{display:grid;width:100%}.hero__actions .button{width:100%}.site-footer__grid{grid-template-columns:minmax(0,1fr)}}}@layer utilities{.visually-hidden,.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;z-index:var(--z-tooltip);top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-text-primary);color:var(--color-bg);font-weight:var(--weight-semibold);transform:translateY(-160%);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus{transform:translateY(0)}.text-primary{color:var(--color-text-primary)}.text-secondary,.secondary-text{color:var(--color-text-secondary)}.text-muted,.muted{color:var(--color-text-muted)}.text-disabled{color:var(--color-text-disabled)}.text-you{color:var(--color-you-text)}.text-rival{color:var(--color-rival-text)}.text-success{color:var(--color-success-text)}.text-warning{color:var(--color-warning-text)}.text-danger{color:var(--color-danger-text)}.text-xp{color:var(--color-xp-text)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono,.code-text{font-family:var(--font-code)}.weight-medium{font-weight:var(--weight-medium)}.weight-semibold{font-weight:var(--weight-semibold)}.weight-bold{font-weight:var(--weight-bold)}.tabular{font-variant-numeric:tabular-nums}.text-center{text-align:center}.text-end{text-align:end}.truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines, 2)}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.surface-1{background:var(--color-surface-1)}.surface-2{background:var(--color-surface-2)}.surface-3{background:var(--color-surface-3)}.elevated{box-shadow:var(--highlight),var(--shadow-2)}.wash-you{background-image:var(--wash-you)}.wash-rival{background-image:var(--wash-rival)}.wash-duel{background-image:var(--wash-duel)}.divide-y>*+*{border-top:1px solid var(--color-border-subtle)}.grain{position:relative;isolation:isolate}.grain:after{position:absolute;z-index:10;inset:0;background-image:var(--grain);background-size:160px;content:"";mix-blend-mode:overlay;opacity:.05;pointer-events:none}@media(max-width:48rem){.hide-mobile{display:none!important}}@media(min-width:48.0625rem){.show-mobile{display:none!important}}@media(max-width:64rem){.hide-tablet{display:none!important}}@media(max-width:48rem){.app__topbar,.topbar__actions,.topbar__title{min-width:0}.topbar__actions>:is(.rank-chip,.food-count,.streak,.button){display:none}.card__header>:first-child{min-width:0}}}@layer motion{@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeleton-sweep{to{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:none}}@keyframes slide-in-right{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:none}}@keyframes line-draw{0%{transform:translate(-50%) scaleY(0)}to{transform:translate(-50%) scaleY(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes sheet-in-right{0%{transform:translate(100%)}to{transform:none}}@keyframes sheet-in-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes urgent-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes pip-pulse{50%{opacity:.4}}@keyframes count-pop{0%,to{transform:scale(1)}40%{transform:scale(1.14)}}@keyframes live-pulse{0%{box-shadow:0 0 #35d07f8c}70%,to{box-shadow:0 0 0 6px #35d07f00}}@keyframes queue-ring{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.3)}}@keyframes result-title{0%{opacity:0;transform:scale(1.14)}to{opacity:1;transform:none}}@keyframes badge-pop{0%{opacity:0;transform:scale(.55) rotate(-10deg)}60%{opacity:1;transform:scale(1.1) rotate(3deg)}to{transform:none}}@keyframes rays-spin{to{transform:rotate(360deg)}}@keyframes pet-breathe{0%,to{transform:scale(1)}50%{transform:translateY(-1.2%) scale(1.012,1.03)}}@keyframes pet-shadow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.38;transform:scale(.93)}}@keyframes pet-chomp{0%{transform:none}22%{transform:scale(1.1,.9)}50%{transform:translateY(-5px) scale(.94,1.07)}76%{transform:scale(1.03,.97)}to{transform:none}}@keyframes pet-hop{0%{transform:none}18%{transform:scale(1.06,.94)}42%{transform:translateY(-18px) scale(.96,1.05)}62%{transform:scale(1.05,.95)}80%{transform:translateY(-6px)}to{transform:none}}@keyframes pet-evolve{0%{filter:brightness(1);transform:none}30%{filter:brightness(1.7);transform:scale(.88)}62%{filter:brightness(2.2);transform:scale(1.14)}to{filter:brightness(1);transform:none}}@keyframes pet-pop-in{0%{opacity:0;transform:translateY(18%) scale(.3)}60%{opacity:1;transform:translateY(-4%) scale(1.12)}to{opacity:1;transform:none}}@keyframes aura-burst{0%{opacity:.6;transform:scale(.8)}40%{opacity:1;transform:scale(1.55)}to{opacity:.65;transform:scale(1)}}@keyframes zzz-float{0%{opacity:0;transform:translate(0) scale(.8)}30%{opacity:1}to{opacity:0;transform:translate(12px,-26px) scale(1.1)}}@keyframes egg-wobble{0%,46%,to{transform:rotate(0)}8%{transform:rotate(-6deg)}18%{transform:rotate(5deg)}28%{transform:rotate(-3deg)}36%{transform:rotate(1.5deg)}}@keyframes egg-crack{0%{filter:brightness(1);transform:none}16%{transform:rotate(-8deg)}32%{transform:rotate(8deg)}48%{transform:rotate(-10deg) scale(1.04)}64%{filter:brightness(1.5);transform:rotate(10deg) scale(1.07)}to{filter:brightness(1.3);transform:scale(1.06)}}@keyframes shell-top{to{opacity:0;transform:translate(-14px,-64px) rotate(-38deg)}}@keyframes shell-bottom{to{opacity:0;transform:translate(12px,26px) rotate(16deg)}}@keyframes berry-jiggle{0%,to{transform:none}25%{transform:rotate(-12deg) scale(1.08)}50%{transform:rotate(10deg) scale(1.04)}75%{transform:rotate(-6deg)}}@keyframes food-fly-x{0%{transform:translate(var(--from-x, 0px))}to{transform:translate(var(--to-x, 0px))}}@keyframes food-fly-y{0%{opacity:1;transform:translateY(var(--from-y, 0px)) scale(1) rotate(0);animation-timing-function:cubic-bezier(.2,.7,.4,1)}50%{opacity:1;transform:translateY(calc(min(var(--from-y, 0px),var(--to-y, 0px)) - var(--arc, 96px))) scale(1.18) rotate(180deg);animation-timing-function:cubic-bezier(.6,0,.8,.3)}to{opacity:.25;transform:translateY(var(--to-y, 0px)) scale(.32) rotate(340deg)}}@keyframes float-up{0%{opacity:0;transform:translate(-50%,6px) scale(.8)}20%{opacity:1;transform:translate(-50%,-6px) scale(1.1)}to{opacity:0;transform:translate(-50%,-52px) scale(1)}}@keyframes particle{0%{opacity:1;transform:translate(-50%,-50%) scale(.3) rotate(0)}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x, 0px)),calc(-50% + var(--y, 0px))) scale(1) rotate(var(--rot, 90deg))}}.food-fly{animation:food-fly-x .65s linear forwards}.food-fly>*{display:block;width:100%;height:100%;animation:food-fly-y .65s forwards}.pet__art.is-entering{animation:pet-pop-in .7s var(--ease-spring) both,pet-breathe 3.6s var(--ease-in-out) .7s infinite}.egg__top{transform-box:fill-box;transform-origin:50% 100%}.egg__bottom{transform-box:fill-box;transform-origin:50% 0%}.pet[data-state=hatching] .egg__top{animation:shell-top .7s var(--ease-out) .64s forwards}.pet[data-state=hatching] .egg__bottom{animation:shell-bottom .7s var(--ease-out) .64s forwards}.badge--live:before{animation:live-pulse 2s var(--ease-out) infinite}.rank-badge.is-promoted{animation:badge-pop var(--duration-celebration) var(--ease-spring) both}.versus--stage .versus__side[data-side=you]{animation:slide-in-left var(--duration-moment) var(--ease-out) both}.versus--stage .versus__side[data-side=rival]{animation:slide-in-right var(--duration-moment) var(--ease-out) both}.versus--stage .versus__center:before{transform-origin:50% 50%;animation:line-draw var(--duration-slower) var(--ease-out) both}.versus--stage .versus__token{animation:badge-pop var(--duration-moment) var(--ease-spring) .28s both}.result--overlay .result__title{animation:result-title var(--duration-moment) var(--ease-spring) .12s both}.result--overlay .result__sr{animation:fade-up var(--duration-slower) var(--ease-out) .42s both}.result--overlay .result__rewards{animation:fade-up var(--duration-slower) var(--ease-out) .62s both}.result--overlay .result__actions{animation:fade-up var(--duration-slower) var(--ease-out) .78s both}.animate-fade-in{animation:fade-in var(--duration-slow) var(--ease-out) var(--delay, 0ms) both}.animate-fade-up{animation:fade-up var(--duration-slower) var(--ease-out) var(--delay, 0ms) both}.animate-scale-in{animation:scale-in var(--duration-slow) var(--ease-out) var(--delay, 0ms) both}.animate-pop{animation:badge-pop var(--duration-moment) var(--ease-spring) var(--delay, 0ms) both}.animate-spin{animation:spin .9s linear infinite}.reveal{transition:opacity var(--duration-slower) var(--ease-out),transform var(--duration-slower) var(--ease-out);transition-delay:var(--delay, 0ms)}.js-reveal .reveal:not(.is-visible){opacity:0;transform:translateY(16px)}}@layer components{.competition-toolbar{display:grid;grid-template-columns:auto auto minmax(14rem,1fr);align-items:center;gap:var(--space-3)}.competition-toolbar__search{justify-self:end;width:min(100%,24rem)}.competition-detail__band{display:grid;gap:var(--space-3);padding:var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--wash-duel),var(--color-surface-1)}.competition-detail__band h1{font-size:var(--text-4xl)}.competition-detail__band p{color:var(--color-text-secondary)}.competition-detail__layout{--split-aside: 18rem}.competition-registration{position:sticky;top:calc(var(--topbar-height) + var(--space-4));display:grid;gap:var(--space-4);padding:var(--space-5)}.competition-registration__fact{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary)}.competition-registration__fact>svg{color:var(--color-secondary-text)}.competition-registration__fact span{display:grid;gap:var(--space-0-5)}.competition-registration__fact small{color:var(--color-text-muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.form-grid__wide{grid-column:1 / -1}.builder-card{width:min(100%,58rem);margin-inline:auto;padding:var(--space-6)}.builder-card>footer{padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.stepper__index>svg{width:.85rem;height:.85rem}.review-grid{display:grid;grid-template-columns:minmax(14rem,.7fr) minmax(0,1.3fr);gap:var(--space-6)}.check-row{display:flex;align-items:center;gap:var(--space-3);min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary)}.check-row>svg{width:1rem;height:1rem;flex:none}.check-row[data-state=pass]{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-success-text)}.check-row[data-state=fail]{border-color:var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-danger-text)}.manifest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border-radius:var(--radius-md);background:var(--color-border-subtle)}.manifest>div{display:grid;gap:var(--space-1);padding:var(--space-3);background:var(--color-surface-2)}.manifest dt{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs)}.manifest dt svg{width:1rem;height:1rem}.manifest dd{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.organizer-desk__count{color:var(--color-text-primary);font-family:var(--font-code);font-size:var(--text-5xl);line-height:1}.settings-layout{display:grid;grid-template-columns:12rem minmax(0,1fr);align-items:start;gap:var(--space-8)}.settings-nav{position:sticky;top:calc(var(--topbar-height) + var(--space-4));display:grid;gap:var(--space-1)}.settings-nav a{padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.settings-nav a:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.settings-sections{display:grid;min-width:0;gap:var(--space-6)}.settings-section{scroll-margin-top:calc(var(--topbar-height) + var(--space-6))}.settings-section__header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.settings-section__header p{margin-top:var(--space-1);color:var(--color-text-muted)}.settings-section__icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:var(--radius-md);background:var(--color-surface-3);color:var(--color-secondary-text)}.settings-section__icon svg{width:1.2rem;height:1.2rem}.settings-section__body{display:grid;gap:var(--space-5);padding:var(--space-5)}.settings-form{display:grid;gap:var(--space-5)}.settings-save{justify-self:start}.settings-loading{display:flex;min-height:20rem;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-muted)}.account-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border-radius:var(--radius-md);background:var(--color-border-subtle)}.account-facts>div{display:grid;gap:var(--space-1);padding:var(--space-3);background:var(--color-surface-2)}.account-facts dt{color:var(--color-text-muted);font-size:var(--text-xs)}.account-facts dd{overflow-wrap:anywhere;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.session-list{display:grid;border-top:1px solid var(--color-border-subtle)}.session-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.session-row>div{display:grid;min-width:0;gap:var(--space-1)}.session-row strong{overflow:hidden;color:var(--color-text-primary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.session-row small{color:var(--color-text-muted);font-size:var(--text-xs)}.password-change{padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.legal-page{min-height:100dvh;background:var(--color-bg)}.legal-page__header{display:flex;min-height:var(--topbar-height);align-items:center;justify-content:space-between;gap:var(--space-4);padding-inline:var(--space-gutter);border-bottom:1px solid var(--color-border-subtle)}.legal-page__main{padding-block:var(--space-12) var(--space-16)}.legal-page__main h1{font-size:var(--text-4xl)}.not-found,.error-boundary{display:grid;min-height:100dvh;place-content:center;justify-items:center;gap:var(--space-5);padding:var(--space-8) var(--space-gutter);background:var(--color-bg);text-align:center}.not-found__egg{width:8rem;height:9rem}.not-found__egg .pet__art{width:100%;height:100%;animation:none}.not-found .lead{max-width:38ch}.error-boundary>p{max-width:42ch;color:var(--color-text-secondary)}.error-boundary code{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-muted)}@media(max-width:64rem){.competition-toolbar{grid-template-columns:minmax(0,1fr) auto}.competition-toolbar__search{width:100%;max-width:none;grid-column:1 / -1;grid-row:1}.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-nav{position:static;display:flex;overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:none}.settings-nav a{white-space:nowrap}}@media(max-width:48rem){.competition-toolbar{grid-template-columns:minmax(0,1fr)}.competition-toolbar>*{width:100%;justify-self:stretch}.competition-toolbar__search{grid-column:auto;grid-row:auto}.form-grid,.review-grid,.account-facts{grid-template-columns:minmax(0,1fr)}.form-grid__wide{grid-column:auto}.builder-card{padding:var(--space-4)}.manifest{grid-template-columns:minmax(0,1fr)}.competition-detail__band{padding:var(--space-5)}.competition-registration{position:static}}}@layer a11y{:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.code-field__input:focus-visible{outline:none}.code-field:focus-within .code-cell[data-state=active]{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #7fc3ff38}.button:focus-visible,.chip:focus-visible,.food-item:focus-visible,.pet__body:focus-visible{outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.spinner,.animate-spin,.button[aria-busy=true]:after{animation:spin 1.6s linear infinite!important}.button:hover,.card--interactive:hover,.event-card:hover,.food-item:hover,.pet__body:hover{transform:none!important}.js-reveal .reveal:not(.is-visible){opacity:1;transform:none}.food-fly,.burst,.float-text,.pet__rays,.level-up__rays,.pet__zzz{display:none!important}}html[data-reduce-motion=true]{scroll-behavior:auto}html[data-reduce-motion=true] *,html[data-reduce-motion=true] *:before,html[data-reduce-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}@media(prefers-contrast:more){:root{--color-border-subtle: rgb(255 255 255 / .16);--color-border: rgb(255 255 255 / .28);--color-border-strong: rgb(255 255 255 / .42);--color-text-secondary: var(--ink-900);--color-text-muted: var(--ink-800)}.button,.card,.input,.select,.textarea{border-width:2px}}@media(forced-colors:active){.button,.card,.badge,.chip,.input,.select,.textarea,.rank-chip,.quest,.achievement,.verdict-panel,.food-item,.checkin__day{border:1px solid CanvasText}.rank-badge:before,.rank-badge:after{forced-color-adjust:none}.progress__value,.pip,.placement__pip,.test-pip,.avatar__presence{background:Highlight;forced-color-adjust:none}:focus-visible{outline-color:Highlight}}}