:root{--tf-gray-950: #080910;--tf-gray-900: #0b0c14;--tf-gray-850: #0f1018;--tf-gray-800: #13141f;--tf-gray-750: #191b2a;--tf-gray-700: #1f2235;--tf-gray-650: #252840;--tf-gray-600: #2e3252;--tf-gray-500: #3d4268;--tf-gray-400: #5a6090;--tf-gray-300: #8b90b0;--tf-gray-200: #b8bccf;--tf-gray-100: #dde0ee;--tf-gray-50: #f0f2ff;--tf-orange-900: #2a0e05;--tf-orange-800: #4d1a08;--tf-orange-700: #7a2a0d;--tf-orange-600: #b03d14;--tf-orange-500: #e84e1a;--tf-orange-400: #ff5c24;--tf-orange-300: #ff7a4d;--tf-orange-200: #ffa07a;--tf-orange-100: #ffcfbb;--tf-orange-50: #fff0ea;--tf-gold-900: #1a1100;--tf-gold-800: #3d2900;--tf-gold-700: #7a5200;--tf-gold-600: #b07800;--tf-gold-500: #e0a000;--tf-gold-400: #ffb800;--tf-gold-300: #ffca3a;--tf-gold-200: #ffd970;--tf-gold-100: #ffedb0;--tf-gold-50: #fffae8;--tf-green-500: #00c86e;--tf-green-400: #00e676;--tf-green-200: #b0ffd6;--tf-red-500: #e03030;--tf-red-400: #ff4444;--tf-red-200: #ffb0b0;--tf-blue-500: #2979ff;--tf-blue-400: #448aff;--tf-blue-200: #b0caff;--tf-bg-base: var(--tf-gray-900);--tf-bg-surface-1: var(--tf-gray-800);--tf-bg-surface-2: var(--tf-gray-750);--tf-bg-surface-3: var(--tf-gray-700);--tf-bg-overlay: rgba(8, 9, 16, .85);--tf-border: var(--tf-gray-650);--tf-border-hover: var(--tf-gray-500);--tf-border-focus: var(--tf-orange-400);--tf-border-subtle: rgba(37, 40, 64, .5);--tf-divider: var(--tf-gray-750);--tf-text-primary: var(--tf-gray-50);--tf-text-secondary: var(--tf-gray-300);--tf-text-muted: var(--tf-gray-400);--tf-text-disabled: var(--tf-gray-500);--tf-text-inverse: var(--tf-gray-900);--tf-accent-primary: var(--tf-orange-400);--tf-accent-primary-hover: var(--tf-orange-300);--tf-accent-primary-press: var(--tf-orange-500);--tf-accent-primary-subtle: rgba(255, 92, 36, .12);--tf-accent-primary-border: rgba(255, 92, 36, .25);--tf-accent-gold: var(--tf-gold-400);--tf-accent-gold-hover: var(--tf-gold-300);--tf-accent-gold-subtle: rgba(255, 184, 0, .12);--tf-accent-gold-border: rgba(255, 184, 0, .25);--tf-status-win: var(--tf-green-400);--tf-status-win-subtle: rgba(0, 230, 118, .12);--tf-status-win-border: rgba(0, 230, 118, .25);--tf-status-loss: var(--tf-red-400);--tf-status-loss-subtle: rgba(255, 68, 68, .1);--tf-status-loss-border: rgba(255, 68, 68, .25);--tf-status-live: var(--tf-red-400);--tf-status-live-subtle: rgba(255, 68, 68, .15);--tf-status-upcoming: var(--tf-blue-400);--tf-status-upcoming-subtle: rgba(68, 138, 255, .12);--tf-status-upcoming-border: rgba(68, 138, 255, .25);--tf-status-info: var(--tf-blue-400);--tf-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--tf-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--tf-shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--tf-glow-accent: 0 0 24px rgba(255, 92, 36, .35);--tf-glow-gold: 0 0 24px rgba(255, 184, 0, .35);--tf-ring-accent: 0 0 0 2px var(--tf-accent-primary), 0 0 24px rgba(255, 92, 36, .25);--tf-ring-gold: 0 0 0 2px var(--tf-accent-gold), 0 0 24px rgba(255, 184, 0, .25);--tf-ring-focus: 0 0 0 3px rgba(255, 92, 36, .2);--tf-space-0: 0;--tf-space-1: 4px;--tf-space-2: 8px;--tf-space-3: 12px;--tf-space-4: 16px;--tf-space-5: 20px;--tf-space-6: 24px;--tf-space-8: 32px;--tf-space-10: 40px;--tf-space-12: 48px;--tf-space-16: 64px;--tf-space-20: 80px;--tf-space-24: 96px;--tf-radius-xs: 2px;--tf-radius-sm: 4px;--tf-radius-md: 8px;--tf-radius-lg: 12px;--tf-radius-xl: 16px;--tf-radius-2xl: 24px;--tf-radius-full: 9999px;--tf-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;--tf-font-body: "DM Sans", "Helvetica Neue", sans-serif;--tf-font-mono: "JetBrains Mono", "Courier New", monospace;--tf-text-xs: 11px;--tf-text-sm: 13px;--tf-text-base: 15px;--tf-text-md: 17px;--tf-text-lg: 20px;--tf-text-xl: 24px;--tf-text-2xl: 30px;--tf-text-3xl: 38px;--tf-text-4xl: 48px;--tf-text-5xl: 64px;--tf-text-6xl: 80px;--tf-display-hero-size: var(--tf-text-6xl);--tf-display-hero-weight: 900;--tf-display-hero-lh: .95;--tf-display-hero-ls: -.02em;--tf-h1-size: var(--tf-text-4xl);--tf-h1-weight: 800;--tf-h1-lh: 1;--tf-h1-ls: -.01em;--tf-h2-size: var(--tf-text-3xl);--tf-h2-weight: 700;--tf-h2-lh: 1.05;--tf-h3-size: var(--tf-text-xl);--tf-h3-weight: 700;--tf-h3-lh: 1.1;--tf-h4-size: var(--tf-text-lg);--tf-h4-weight: 600;--tf-h4-lh: 1.3;--tf-body-lg-size: var(--tf-text-md);--tf-body-size: var(--tf-text-base);--tf-body-sm-size: var(--tf-text-sm);--tf-body-lh: 1.6;--tf-body-sm-lh: 1.5;--tf-label-size: var(--tf-text-sm);--tf-label-weight: 600;--tf-label-ls: .04em;--tf-caption-size: var(--tf-text-xs);--tf-caption-weight: 500;--tf-caption-ls: .02em;--tf-stat-size: var(--tf-text-2xl);--tf-stat-weight: 700;--tf-score-size: var(--tf-text-4xl);--tf-score-weight: 700;--tf-ease-snap: cubic-bezier(.16, 1, .3, 1);--tf-ease-smooth: cubic-bezier(.4, 0, .2, 1);--tf-ease-in: cubic-bezier(.4, 0, 1, 1);--tf-ease-out: cubic-bezier(0, 0, .2, 1);--tf-duration-fast: .1s;--tf-duration-base: .15s;--tf-duration-slow: .25s;--tf-duration-slower: .4s;--tf-z-base: 0;--tf-z-raised: 10;--tf-z-sticky: 100;--tf-z-overlay: 200;--tf-z-modal: 300;--tf-z-toast: 400;--tf-content-max-width: 1280px;--tf-breakpoint-sm: 480px;--tf-breakpoint-md: 768px;--tf-breakpoint-lg: 1024px;--tf-breakpoint-xl: 1280px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{background:var(--tf-bg-base);color:var(--tf-text-primary);font-family:var(--tf-font-body);font-size:var(--tf-body-size);line-height:var(--tf-body-lh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}ul,ol{list-style:none}:root{color-scheme:dark}h1{font-family:var(--tf-font-display);font-size:var(--tf-h1-size);font-weight:var(--tf-h1-weight);line-height:var(--tf-h1-lh);letter-spacing:var(--tf-h1-ls);text-transform:uppercase;color:var(--tf-text-primary)}h2{font-family:var(--tf-font-display);font-size:var(--tf-h2-size);font-weight:var(--tf-h2-weight);line-height:var(--tf-h2-lh);text-transform:uppercase;color:var(--tf-text-primary)}h3{font-family:var(--tf-font-display);font-size:var(--tf-h3-size);font-weight:var(--tf-h3-weight);line-height:var(--tf-h3-lh);text-transform:uppercase;color:var(--tf-text-primary)}h4{font-family:var(--tf-font-body);font-size:var(--tf-h4-size);font-weight:var(--tf-h4-weight);line-height:var(--tf-h4-lh);color:var(--tf-text-primary)}p{color:var(--tf-text-secondary);line-height:var(--tf-body-lh)}a{color:var(--tf-accent-primary);text-decoration:none;transition:color var(--tf-duration-base) var(--tf-ease-smooth)}a:hover{color:var(--tf-accent-primary-hover)}code,pre{font-family:var(--tf-font-mono);font-size:var(--tf-text-sm);background:var(--tf-bg-surface-2);border-radius:var(--tf-radius-sm);color:var(--tf-accent-primary)}code{padding:2px 6px}pre{padding:var(--tf-space-4);overflow-x:auto}hr{border:none;border-top:1px solid var(--tf-border);margin:var(--tf-space-6) 0}::selection{background:var(--tf-accent-primary);color:var(--tf-text-primary)}.tf-input{background:var(--tf-bg-surface-1);border:1px solid var(--tf-border);border-radius:var(--tf-radius-md);padding:10px 14px;font-family:var(--tf-font-body);font-size:var(--tf-text-base);color:var(--tf-text-primary);outline:none;width:100%;transition:border-color var(--tf-duration-base) var(--tf-ease-smooth),box-shadow var(--tf-duration-base) var(--tf-ease-smooth),background-color var(--tf-duration-base) var(--tf-ease-smooth)}.tf-input::placeholder{color:var(--tf-text-disabled)}.tf-input:hover:not(:disabled):not(:focus-visible){border-color:var(--tf-border-hover)}.tf-input:focus-visible{border-color:var(--tf-accent-primary);box-shadow:0 0 0 3px #ff5c241f}.tf-input:disabled{background:var(--tf-gray-850);color:var(--tf-text-disabled);cursor:not-allowed}.tf-input[type=search]::-webkit-search-cancel-button{appearance:none}.tf-input--error{border-color:var(--tf-status-loss)}.tf-input--error:focus-visible{border-color:var(--tf-status-loss);box-shadow:0 0 0 3px #ff44441a}.tf-input--success{border-color:var(--tf-status-win)}.tf-input--success:focus-visible{border-color:var(--tf-status-win);box-shadow:0 0 0 3px #00e6761a}select.tf-input{appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%235A6090' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}textarea.tf-input{min-height:96px;resize:vertical}.tf-text-primary{color:var(--tf-text-primary)}.tf-text-secondary{color:var(--tf-text-secondary)}.tf-text-muted{color:var(--tf-text-muted)}.tf-text-accent{color:var(--tf-accent-primary)}.tf-text-gold{color:var(--tf-accent-gold)}.tf-text-win{color:var(--tf-status-win)}.tf-text-loss{color:var(--tf-status-loss)}.tf-text-live{color:var(--tf-status-live)}.tf-font-display{font-family:var(--tf-font-display)}.tf-font-body{font-family:var(--tf-font-body)}.tf-font-mono{font-family:var(--tf-font-mono)}.tf-label{font-family:var(--tf-font-body);font-size:var(--tf-label-size);font-weight:var(--tf-label-weight);letter-spacing:var(--tf-label-ls);text-transform:uppercase;color:var(--tf-text-muted)}.tf-caption{font-family:var(--tf-font-body);font-size:var(--tf-caption-size);font-weight:var(--tf-caption-weight);letter-spacing:var(--tf-caption-ls);color:var(--tf-text-muted)}.tf-stat{font-family:var(--tf-font-mono);font-size:var(--tf-stat-size);font-weight:var(--tf-stat-weight);color:var(--tf-text-primary)}.tf-score{font-family:var(--tf-font-mono);font-size:var(--tf-score-size);font-weight:var(--tf-score-weight);color:var(--tf-text-primary)}.tf-container{width:100%;max-width:var(--tf-content-max-width);margin-inline:auto;padding-inline:var(--tf-space-4)}.tf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
