:root{--app-background-color: #1a1a1a;--app-text-color: #ffffff;--app-primary-color: #007bff;--app-secondary-color: #6c757d;--app-tertiary-color: #f8f9fa;--app-quaternary-color: #e9ecef;--app-quinary-color: #dee2e6;--app-senary-color: #ced4da;--app-septenary-color: #adb5bd;--app-octonary-color: #6c757d;--app-nonary-color: #495057;--app-denary-color: #343a40;--app-page-bg: #552503;--app-text-body: rgba(255, 255, 255, .87);--app-white: #fcfcfc;--app-black: #000000;--app-surface-primary: #252636;--app-surface-panel: rgba(255, 255, 255, .2);--app-surface-search: #522804;--app-surface-deep: #633108;--app-surface-odd-box: #4d352b;--app-surface-inset: #241706;--app-surface-column-away: #052e16;--app-surface-column-home: #451a03;--app-surface-odds-btn: #414318;--app-surface-text-unselected: #9C9C9C;--app-surface-border-blue: #7FBAFF;--app-border-gold: #8a6000;--app-border-gold-muted: #a56c00;--app-boosted-header: #995800;--app-text-gold: #e0c771;--app-text-gold-muted: rgba(224, 199, 113, .8);--app-text-highlight: #fbc700;--app-text-odd-label: #fde585;--app-accent-yellow: #ffcc00;--app-accent-hot: #ff3d00;--app-brown-darker: #512604;--app-icon-gold-dark: #926b00;--app-blue-boosted: #155dfc;--app-teal-odd: #15c187;--app-blue-material: #2196f3;--app-green-alert: #388e3c;--app-gray-banner: #eef0f6;--app-blue-opta: #2744a3;--app-success: #31983c;--app-success-dark: #19592c;--app-success-hover: #2a7f33;--app-success-alt: #298236;--app-green-material: #4caf50;--app-green-odds-start: #16a34a;--app-green-odds-end: #166534;--app-green-odds-end-alt: #15803d;--app-yellow-400: #facc15;--app-yellow-coupon: #facc14;--app-yellow-300: #fde68a;--app-yellow-200: #fcd34d;--app-amber-500: #f59e0b;--app-amber-600: #d97706;--app-amber-700: #b45309;--app-yellow-500: #eab308;--app-yellow-600: #ca8a04;--app-red-300: #fca5a5;--app-red-600: #dc2626;--app-emerald-400: #4ade80;--app-red-400: #f87171;--app-amber-300: #fbbf24;--app-slate-300: #d1d5db;--app-cyan-200: #a5f3fc;--app-blue-500: #3b82f6;--app-cyan-600: #0891b2;--app-blue-400: #60a5fa;--app-heading-muted: #333;--app-loading-text: #667eea;--app-loading-bg-start: #f0f2ff;--app-loading-border: #c7d2fe;--app-error: #d32f2f;--app-error-bg-start: #ffebee;--app-error-border: #ffcdd2;--app-logo-react: rgba(97, 218, 251, .6666666667);--app-logo-vite: rgba(100, 108, 255, .6666666667);--app-scrollbar-thumb: #10b981;--app-scrollbar-track: #f0f0f0;--app-text-on-dark: rgba(255, 255, 255, .87);--app-muted-text: rgba(149, 149, 149, .87);--app-text-black-87: rgba(0, 0, 0, .87);--app-text-white-87: rgba(255, 255, 255, .87);--app-green-success-ui: rgba(76, 175, 80, 1);--app-icon-warn: rgba(255, 152, 0, 1);--app-grad-surface-strong: linear-gradient(to right, rgba(120, 53, 15, .6), rgba(5, 46, 22, .6));--app-grad-surface-bottom: linear-gradient(to bottom right, rgba(120, 53, 15, .6), rgba(5, 46, 22, .6));--app-grad-surface-medium: linear-gradient(to right, rgba(120, 53, 15, .5), rgba(5, 46, 22, .5));--app-grad-group-card: linear-gradient(to bottom right, rgba(120, 53, 15, .5), rgba(5, 46, 22, .5));--app-grad-team-row: linear-gradient(to right, rgba(120, 53, 15, .4), rgba(5, 46, 22, .6));--app-grad-surface-soft: linear-gradient(to right, rgba(120, 53, 15, .4), rgba(5, 46, 22, .4));--app-grad-surface-bottom-soft: linear-gradient(to bottom right, rgba(120, 53, 15, .4), rgba(5, 46, 22, .4));--app-grad-event-card: linear-gradient(to bottom right, rgba(69, 26, 3, .8), rgba(5, 46, 22, .8));--app-grad-match-row: linear-gradient(to right, rgba(69, 26, 3, .9), rgba(5, 46, 22, .9));--app-grad-column-home-fade: linear-gradient(to top, rgb(69, 26, 3), rgba(69, 26, 3, .6), transparent);--app-grad-column-away-fade: linear-gradient(to top, rgb(5, 46, 22), rgba(5, 46, 22, .6), transparent);--app-grad-hero-card: linear-gradient(to right, rgba(120, 53, 15, .7), rgba(67, 20, 7, .7));--app-grad-row-top3: linear-gradient(to right, rgba(234, 179, 8, .2), rgba(217, 119, 6, .2));--app-grad-row-normal: linear-gradient(to right, rgba(69, 26, 3, .4), rgba(5, 46, 22, .6));--app-grad-row-user: linear-gradient(to right, rgba(59, 130, 246, .3), rgba(8, 145, 178, .3));--app-grad-badge-trophy: linear-gradient(to right, #eab308, #d97706);--app-grad-badge-trophy-hover: linear-gradient(to right, #ca8a04, #b45309);--app-grad-badge-matches: linear-gradient(to right, #16a34a, #166534);--app-grad-odds-pill: linear-gradient(to right, #16a34a, #15803d);--app-grad-badge-you: linear-gradient(to right, #3b82f6, #0891b2);--app-grad-loading: linear-gradient(135deg, #f0f2ff 0%, #ffffff 100%);--app-grad-error: linear-gradient(135deg, #ffebee 0%, #ffffff 100%);--app-shadow-card: 0 4px 12px rgba(0, 0, 0, .3);--app-shadow-card-hover: 0 6px 16px rgba(0, 0, 0, .4);--app-border-amber-30: rgba(234, 179, 8, .3);--app-border-amber-bright-60: rgba(250, 204, 21, .6);--app-border-amber-border-20: rgba(202, 138, 4, .2);--app-border-amber-border-30: rgba(202, 138, 4, .3);--app-odd-home-bg: rgba(202, 138, 4, .3);--app-odd-home-bg-hover: rgba(202, 138, 4, .5);--app-odd-home-border: rgba(250, 204, 21, .4);--app-odd-draw-bg: rgba(22, 101, 52, .4);--app-odd-draw-bg-hover: rgba(22, 101, 52, .6);--app-odd-draw-border: rgba(34, 197, 94, .4);--app-odd-away-bg: rgba(180, 83, 9, .3);--app-odd-away-bg-hover: rgba(180, 83, 9, .5);--app-odd-away-border: rgba(251, 191, 36, .4);--app-badge-date-bg: rgba(0, 0, 0, .4)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--app-text-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;width:100%}