*,:before,:after{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}:root{--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif;--bg-app:#0a0d14;--bg-primary:#0a0d14;--bg-surface:#111726;--bg-surface-elevated:#182032;--bg-surface-hover:#1f2a40;--bg-secondary:#0f1422;--border-subtle:#ffffff14;--border-focus:#3b82f6;--border-active:#00f0ff;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-placeholder:#94a3b8;--match-card-meta:#94a3b8;--text-winner:#fff;--accent-cyan:#00f0ff;--accent-blue:#3b82f6;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-coral:#ff5858;--accent-mint:#86e0c1;--accent-butter:#fedf89;--glow-cyan:0 0 15px #00f0ff40;--glow-gold:0 0 20px #f59e0b59;--shadow-card:0 8px 24px #00000073;--bg-canvas-gradient:radial-gradient(circle at 50% 50%, #131929 0%, #0a0d14 100%);--connector-line:#ffffff26;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-app:#f2f2f2;--bg-primary:#f2f2f2;--bg-surface:#fff;--bg-surface-elevated:#e8e7e5;--bg-surface-hover:#dedcd8;--bg-secondary:#e6e4e1;--border-subtle:#d6d3ce;--border-focus:#2563eb;--border-active:#ff5858;--text-primary:#000;--text-secondary:#1e293b;--text-muted:#475569;--text-placeholder:#64748b;--match-card-meta:#334155;--text-winner:#065f46;--accent-cyan:#0284c7;--accent-blue:#2563eb;--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#dc2626;--accent-coral:#ff5858;--accent-mint:#86e0c1;--accent-butter:#fedf89;--glow-cyan:0 0 12px #0284c733;--glow-gold:0 0 14px #d9770640;--shadow-card:0 2px 8px #8a857d38, 0 1px 3px #0000000d;--bg-canvas-gradient:radial-gradient(circle at 50% 50%, #fafafa 0%, #f0eeea 100%);--connector-line:#8c8982}[data-theme=light] .match-card-interactive{color:#000!important}[data-theme=light] .match-card-placeholder,[data-theme=light] .match-card-interactive .match-card-placeholder,[data-theme=light] span.match-card-placeholder{color:#000!important;-webkit-text-fill-color:#000!important;opacity:1!important;font-style:normal!important;font-weight:700!important}[data-theme=light] .match-card-seed{color:#000!important;-webkit-text-fill-color:#000!important;font-weight:700!important}[data-theme=light] .match-card-team-name{color:#000!important;-webkit-text-fill-color:#000!important;font-weight:600!important}.timeline-break-card{background:repeating-linear-gradient(45deg,#8b5cf638,#8b5cf638 8px,#a78bfa52 8px 16px)!important;border-color:#c084fccc!important;box-shadow:0 2px 8px #8b5cf64d!important}.timeline-break-card.has-clash{background:repeating-linear-gradient(45deg,#ef444447,#ef444447 8px,#8b5cf640 8px 16px)!important;border-color:#ef4444!important}.timeline-break-title{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 3px #000000f2,0 0 6px #000c!important;font-weight:800!important}.timeline-break-location{color:#f3e8ff!important;-webkit-text-fill-color:#f3e8ff!important;text-shadow:0 1px 2px #000c!important;font-weight:700!important}.timeline-break-location svg{color:#00f0ff!important}.timeline-break-time{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#000000bf!important;font-weight:700!important}.timeline-break-badge{color:#f0abfc!important;-webkit-text-fill-color:#f0abfc!important;text-shadow:0 1px 2px #000000e6!important;font-weight:900!important}.timeline-break-card.has-clash .timeline-break-badge{color:#fca5a5!important;-webkit-text-fill-color:#fca5a5!important}.timeline-breaks-btn{color:#c084fc!important;background:#8b5cf626!important;border-color:#8b5cf659!important}.timeline-breaks-badge{color:#fff!important;background:#8b5cf6!important}[data-theme=light] .timeline-break-card{background:repeating-linear-gradient(45deg,#7c3aed24,#7c3aed24 8px,#a855f73d 8px 16px)!important;border-color:#7c3aed!important;box-shadow:0 2px 6px #6d28d92e,0 1px 2px #0000000f!important}[data-theme=light] .timeline-break-card.has-clash{background:repeating-linear-gradient(45deg,#ef444429,#ef444429 8px,#dc26261a 8px 16px)!important;border-color:#dc2626!important}[data-theme=light] .timeline-break-title{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;text-shadow:none!important;font-weight:800!important}[data-theme=light] .timeline-break-location{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important;font-weight:700!important}[data-theme=light] .timeline-break-location svg{color:#0284c7!important}[data-theme=light] .timeline-break-time{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#4c1d95!important;font-weight:800!important}[data-theme=light] .timeline-break-badge{color:#581c87!important;-webkit-text-fill-color:#581c87!important;font-weight:900!important}[data-theme=light] .timeline-break-card.has-clash .timeline-break-badge{color:#b91c1c!important;-webkit-text-fill-color:#b91c1c!important}[data-theme=light] .timeline-breaks-btn{color:#6d28d9!important;background:#7c3aed1a!important;border-color:#7c3aed!important}[data-theme=light] .timeline-breaks-badge{color:#fff!important;background:#6d28d9!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-subtle)}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);background:#111726d9}[data-theme=light] .glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);background:#fffffff0;box-shadow:0 4px 20px #8a857d29}.menu-dropdown-item{transition:all .15s}.menu-dropdown-item:hover{color:var(--accent-cyan,#00f0ff)!important;background:#ffffff14!important}.menu-dropdown-item.danger:hover{color:#ef4444!important;background:#ef444426!important}[data-theme=light] .menu-dropdown-item:hover{color:#0284c7!important;background:#f1f5f9!important}[data-theme=light] .menu-dropdown-item.danger:hover{color:#dc2626!important;background:#fee2e2!important}@media print{@page{size:landscape;margin:.3in}body{color:#000!important;background:#fff!important}.no-print{display:none!important}.print-only{display:block!important}.glass-panel{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #000!important}}.legal-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:10000;background:#050810e0;justify-content:center;align-items:center;padding:1.5rem;animation:.22s cubic-bezier(.16,1,.3,1) legalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes legalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.legal-modal-container{color:#f1f5f9;background:linear-gradient(#0e1526 0%,#0a0f1d 100%);border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;width:100%;max-width:960px;height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000c,0 0 40px #00f0ff14}.legal-modal-header{background:#0f172a99;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.legal-header-brand{align-items:center;gap:.75rem;display:flex}.legal-header-icon{width:38px;height:38px;color:var(--accent-cyan,#00f0ff);background:#00f0ff1f;border:1px solid #00f0ff4d;border-radius:10px;justify-content:center;align-items:center;display:flex}.legal-header-titles h2{letter-spacing:-.02em;color:#fff;margin:0;font-size:1.25rem;font-weight:800}.legal-header-titles span{color:#94a3b8;font-size:.78rem;font-weight:500}.legal-header-actions{align-items:center;gap:.75rem;display:flex}.legal-action-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.legal-action-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40}.legal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.legal-close-btn:hover{color:#f87171;background:#ef444426;border-color:#ef444466}.legal-tabs-bar{background:#0a0f1de6;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:1.5rem;padding:0 2rem;display:flex}.legal-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.9rem .2rem;font-size:.92rem;font-weight:700;transition:all .15s;display:flex}.legal-tab-btn:hover{color:#fff}.legal-tab-btn.active{color:var(--accent-cyan,#00f0ff);border-bottom-color:var(--accent-cyan,#00f0ff)}.legal-tab-badge{color:#cbd5e1;background:#ffffff14;border-radius:12px;padding:2px 7px;font-size:.7rem;font-weight:700}.legal-tab-btn.active .legal-tab-badge{color:var(--accent-cyan,#00f0ff);background:#00f0ff26}.legal-content-body{color:#cbd5e1;scroll-behavior:smooth;flex:1;padding:2.25rem 2.5rem;font-size:.93rem;line-height:1.7;overflow-y:auto}.legal-badge-pill{text-transform:uppercase;letter-spacing:.5px;color:var(--accent-cyan,#00f0ff);background:#00f0ff1f;border:1px solid #00f0ff40;border-radius:6px;align-items:center;gap:.35rem;margin-bottom:1rem;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.legal-document-title{color:#fff;letter-spacing:-.025em;margin:0 0 .5rem;font-size:1.85rem;font-weight:800}.legal-updated-date{color:#64748b;margin-bottom:1.75rem;font-size:.82rem;font-weight:500}.legal-callout-box{color:#e2e8f0;background:#3b82f614;border:1px solid #3b82f640;border-radius:12px;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.1rem 1.4rem;display:flex}.legal-callout-box.green{background:#10b98114;border-color:#10b98140}.legal-callout-icon{color:#60a5fa;flex-shrink:0;margin-top:2px}.legal-callout-box.green .legal-callout-icon{color:#34d399}.legal-callout-text h4{color:#fff;margin:0 0 .3rem;font-size:.95rem;font-weight:700}.legal-callout-text p{color:#cbd5e1;margin:0;font-size:.86rem;line-height:1.55}.legal-section{border-bottom:1px solid #ffffff0f;margin-bottom:2.25rem;padding-bottom:1.5rem}.legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-section h3{color:#f8fafc;align-items:center;gap:.5rem;margin:0 0 .85rem;font-size:1.18rem;font-weight:700;display:flex}.legal-section-num{color:var(--accent-cyan,#00f0ff);font-size:.9rem;font-weight:800}.legal-section p{margin:0 0 .85rem}.legal-section ul{margin:.5rem 0 1rem 1.5rem;padding:0}.legal-section li{margin-bottom:.5rem}.legal-section strong{color:#fff}.legal-footer-contact{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding:1.25rem 1.5rem;display:flex}.legal-footer-contact a{color:var(--accent-cyan,#00f0ff);font-weight:600;text-decoration:none}.legal-footer-contact a:hover{text-decoration:underline}@media print{.legal-modal-overlay{background:0 0;padding:0;position:static}.legal-modal-container{height:auto;max-height:none;box-shadow:none;border:none;color:#000!important;background:#fff!important}.legal-modal-header,.legal-tabs-bar,.legal-action-btn,.legal-close-btn{display:none!important}.legal-content-body{overflow:visible;color:#111827!important}.legal-document-title,.legal-section h3,.legal-section strong{color:#111827!important}.legal-callout-box{color:#1e293b!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}.legal-callout-text h4{color:#0f172a!important}.legal-callout-text p{color:#334155!important}}@media (width<=640px){.legal-modal-overlay{padding:0}.legal-modal-container{border-radius:0;height:100vh;max-height:100vh}.legal-modal-header{padding:1rem 1.25rem}.legal-tabs-bar{padding:0 1.25rem}.legal-content-body{padding:1.5rem 1.25rem}}.auth-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(10px);background:#05070ec7;justify-content:center;align-items:center;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) forwards authFadeIn;display:flex;position:fixed;inset:0}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal-card{background:linear-gradient(#131d35 0%,#0c1222 100%);border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;width:100%;max-width:430px;animation:.25s cubic-bezier(.16,1,.3,1) forwards authScaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000bf,0 0 30px #00f0ff14}@keyframes authScaleUp{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-modal-header{text-align:center;border-bottom:1px solid #ffffff0f;padding:24px 24px 16px;position:relative}.auth-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.auth-close-btn:hover{color:#fff;background:#ffffff26;transform:rotate(90deg)}.auth-brand-badge{color:#00f0ff;letter-spacing:.5px;text-transform:uppercase;background:#00f0ff1a;border:1px solid #00f0ff40;border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.auth-title{letter-spacing:-.02em;color:#fff;margin:0;font-size:22px;font-weight:800}.auth-subtitle{color:#94a3b8;margin:6px 0 0;font-size:13px;line-height:1.4}.auth-tabs{background:#0f172acc;border:1px solid #ffffff14;border-radius:12px;gap:4px;margin:20px 24px 0;padding:4px;display:flex}.auth-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:13px;font-weight:700;transition:all .15s}.auth-tab-btn.active{color:#00f0ff;background:#00f0ff26;box-shadow:0 1px 3px #0006}.auth-tab-btn:hover:not(.active){color:#f1f5f9}.auth-body{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.auth-google-btn{color:#1e293b;cursor:pointer;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:11px 16px;font-size:14px;font-weight:700;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #0003}.auth-google-btn:hover:not(:disabled){background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:12px;font-size:11px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.auth-alert{border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12px;line-height:1.4;display:flex}.auth-alert-error{color:#f87171;background:#ef44441f;border:1px solid #ef444459}.auth-alert-success{color:#34d399;background:#10b9811f;border:1px solid #10b98159}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:#cbd5e1;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.auth-forgot-link{color:#00f0ff;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:600;text-decoration:none}.auth-forgot-link:hover{text-decoration:underline}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input{color:#fff;box-sizing:border-box;background:#0f172ab3;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .15s}.auth-input:focus{background:#0f172ae6;border-color:#00f0ff;box-shadow:0 0 0 3px #00f0ff33}.auth-input::placeholder{color:#64748b}.auth-password-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:10px}.auth-password-toggle:hover{color:#cbd5e1}.auth-submit-btn{color:#05070e;letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#00f0ff 0%,#0284c7 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:12px 18px;font-size:14px;font-weight:800;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #00f0ff40}.auth-submit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #00f0ff66}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-back-link{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin:0 auto;font-size:12px;font-weight:600;transition:color .15s;display:inline-flex}.auth-back-link:hover{color:#00f0ff}.auth-hint{color:#64748b;font-size:11px}.auth-spinner{border:2px solid #05070e4d;border-top-color:#05070e;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}