:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-display: "Manrope", var(--font-sans);--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--text-2xs: .65rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-display-sm: 1.8rem;--text-display-md: 2.6rem;--text-display-lg: 3.5rem;--text-display-xl: 5rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.15;--leading-normal: 1.5;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--size-icon-sm: 14px;--size-match-row-min-height: 44px;--size-table-divider: 100px;--size-standing-rank-col-sm: 50px;--size-standing-rank-col-lg: 80px;--size-standing-main-stat-sm: 60px;--size-standing-main-stat-lg: 100px;--size-standing-row-min-height-sm: 60px;--size-standing-row-min-height-lg: 80px;--size-presenter-pairing-card-min-width: 350px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--gold-50: #fffbeb;--gold-100: #fef3c7;--gold-200: #fde68a;--gold-300: #fcd34d;--gold-400: #fbbf24;--gold-500: #f59e0b;--gold-600: #d97706;--gold-700: #b45309;--gold-800: #92400e;--gold-900: #78350f;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--neutral-950: #0a0a0a;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--red-400: #f87171;--red-500: #ef4444;--amber-400: #fbbf24;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .15);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .25);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--white-piece: #f0d9b5;--white-piece-text: #3d2c1a;--white-piece-border: #d4b896;--black-piece: #b58863;--black-piece-dark: #6b4e37;--black-piece-text: #3d2c1a;--black-piece-border: #5a4230;--medal-gold: #FFD700;--medal-silver: #C0C0C0;--medal-bronze: #CD7F32;--primary-container: var(--gold-400);--primary-fixed-dim: #fff2d6;--on-primary-fixed: #1a1a24;--secondary-fixed-dim: #161511;--tertiary-fixed-dim: #fdf6ee}:root,[data-theme=dark]{color-scheme:dark;--bg: #0f0f14;--bg-subtle: #141419;--surface: #1a1a24;--surface-hover: #22222e;--surface-raised: #252533;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .15);--ring: rgba(252, 211, 77, .4);--text: #ffffff;--text-secondary: #d4d4d8;--text-dim: #9ca3b5;--text-muted: #6b7280;--accent: var(--gold-400);--accent-hover: var(--gold-300);--accent-subtle: rgba(252, 211, 77, .12);--accent-glow: rgba(252, 211, 77, .15);--accent-text: var(--gold-300);--on-accent: #1a1a24;--win: var(--green-400);--loss: var(--red-400);--draw: var(--amber-400);--danger: var(--red-400);--on-win: #052e16;--on-loss: #fff;--shadow-card: 0 4px 15px rgba(0, 0, 0, .15);--shadow-elevated: 0 8px 30px rgba(0, 0, 0, .3);--seg-bg: rgba(255, 255, 255, .06);--seg-active-bg: rgba(252, 211, 77, .15);--seg-active-border: rgba(252, 211, 77, .35);--seg-active-text: var(--gold-300);--tab-indicator: var(--gold-400);--tab-text: var(--text-dim);--tab-active: var(--text);--input-bg: rgba(0, 0, 0, .2);--input-border: var(--border);--input-focus: var(--gold-400);--input-focus-ring: rgba(252, 211, 77, .2);--nav-bg: rgba(22, 25, 34, .85);--nav-active: var(--gold-400);--ambient-a: rgba(252, 211, 77, .12);--ambient-b: rgba(245, 158, 11, .08);--surface-container-low: #1c1b1b;--surface-container-high: #2a2a2a;--surface-container-highest: #333333;--outline-variant: rgba(229, 226, 225, .15);--on-surface: #e5e2e1;--shadow-ambient: 0 8px 32px rgba(229, 226, 225, .06);--win-subtle: rgba(74, 222, 128, .15);--loss-subtle: rgba(248, 113, 113, .15);--draw-subtle: rgba(251, 191, 36, .15)}[data-theme=light]{color-scheme:light;--bg: #f8f4ec;--bg-subtle: #efe7d9;--surface: #fffdfa;--surface-hover: #f3ebdf;--surface-raised: #ffffff;--border: rgba(73, 57, 36, .14);--border-light: rgba(73, 57, 36, .1);--border-strong: rgba(73, 57, 36, .22);--ring: rgba(180, 83, 9, .28);--text: #201912;--text-secondary: #3e3328;--text-dim: #5d5042;--text-muted: #786959;--accent: var(--gold-400);--accent-hover: var(--gold-300);--accent-subtle: rgba(180, 83, 9, .14);--accent-glow: rgba(180, 83, 9, .14);--accent-text: var(--gold-500);--on-accent: #ffffff;--win: var(--green-600);--loss: var(--red-500);--draw: var(--gold-700);--danger: var(--red-500);--on-win: #fff;--on-loss: #fff;--shadow-card: 0 8px 24px rgba(73, 57, 36, .08), 0 2px 6px rgba(73, 57, 36, .06);--shadow-elevated: 0 14px 36px rgba(73, 57, 36, .12);--seg-bg: #e7ddcf;--seg-active-bg: #fffdfa;--seg-active-border: rgba(73, 57, 36, .12);--seg-active-text: var(--gold-800);--tab-indicator: var(--gold-500);--tab-text: var(--text-dim);--tab-active: var(--text);--input-bg: #fffdfa;--input-border: var(--border-strong);--input-focus: var(--gold-700);--input-focus-ring: rgba(180, 83, 9, .18);--nav-bg: rgba(255, 253, 250, .94);--nav-active: var(--gold-700);--ambient-a: rgba(180, 83, 9, .08);--ambient-b: rgba(217, 119, 6, .06);--surface-container-low: #f1e9dc;--surface-container-high: #e7dac8;--surface-container-highest: #dcccb7;--outline-variant: rgba(73, 57, 36, .16);--on-surface: #201912;--shadow-ambient: 0 12px 32px rgba(73, 57, 36, .1);--win-subtle: rgba(22, 163, 74, .16);--loss-subtle: rgba(239, 68, 68, .14);--draw-subtle: rgba(180, 83, 9, .14)}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--bg: #f8f4ec;--bg-subtle: #efe7d9;--surface: #fffdfa;--surface-hover: #f3ebdf;--surface-raised: #ffffff;--border: rgba(73, 57, 36, .14);--border-light: rgba(73, 57, 36, .1);--border-strong: rgba(73, 57, 36, .22);--ring: rgba(180, 83, 9, .28);--text: #201912;--text-secondary: #3e3328;--text-dim: #5d5042;--text-muted: #786959;--accent: var(--gold-700);--accent-hover: var(--gold-800);--accent-subtle: rgba(180, 83, 9, .14);--accent-glow: rgba(180, 83, 9, .14);--accent-text: var(--gold-800);--on-accent: #ffffff;--win: var(--green-600);--loss: var(--red-500);--draw: var(--gold-700);--danger: var(--red-500);--on-win: #fff;--on-loss: #fff;--shadow-card: 0 8px 24px rgba(73, 57, 36, .08), 0 2px 6px rgba(73, 57, 36, .06);--shadow-elevated: 0 14px 36px rgba(73, 57, 36, .12);--seg-bg: #e7ddcf;--seg-active-bg: #fffdfa;--seg-active-border: rgba(73, 57, 36, .12);--seg-active-text: var(--gold-800);--tab-indicator: var(--gold-500);--tab-text: var(--text-dim);--tab-active: var(--text);--input-bg: #fffdfa;--input-border: var(--border-strong);--input-focus: var(--gold-700);--input-focus-ring: rgba(180, 83, 9, .18);--nav-bg: rgba(255, 253, 250, .94);--nav-active: var(--gold-700);--ambient-a: rgba(180, 83, 9, .08);--ambient-b: rgba(217, 119, 6, .06);--surface-container-low: #f1e9dc;--surface-container-high: #e7dac8;--surface-container-highest: #dcccb7;--outline-variant: rgba(73, 57, 36, .16);--on-surface: #201912;--shadow-ambient: 0 12px 32px rgba(73, 57, 36, .1);--win-subtle: rgba(22, 163, 74, .16);--loss-subtle: rgba(239, 68, 68, .14);--draw-subtle: rgba(180, 83, 9, .14)}}@view-transition{navigation:auto}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-normal) var(--ease-in-out),color var(--duration-normal) var(--ease-in-out)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-enter{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:var(--space-3);left:var(--space-3);z-index:100;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-container-highest);color:var(--text);text-decoration:none;transform:translateY(calc(-100% - var(--space-2)));transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0)}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.pr-8{padding-right:var(--space-8)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}