@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #0d0d11;--surface: #17171e;--surface-2: #1e1e28;--fg: #f4f5f7;--muted: #7a7a8c;--border: #2a2a38;--accent: #FF4F00;--accent-dim: rgba(255, 79, 0, .15);--yellow: #FFDE00;--yellow-dim: rgba(255, 222, 0, .12);--green: #00C853;--green-dim: rgba(0, 200, 83, .12);--red: #FF1744;--red-dim: rgba(255, 23, 68, .12);--blue: #2979FF;--blue-dim: rgba(41, 121, 255, .12);--font-display: "Archivo Black", "Arial Black", sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 48px;--text-4xl: 72px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius: 4px;--radius-md: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font-body)}.pulse-bar{position:fixed;top:0;left:0;right:0;height:3px;background:var(--bg);z-index:200;overflow:hidden}.pulse-bar:after{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:radar-sweep 2s linear infinite}@keyframes radar-sweep{0%{left:-30%}to{left:110%}}.sidebar{position:fixed;top:3px;left:0;width:220px;height:calc(100vh - 3px);background:var(--surface);border-right:2px solid var(--border);display:flex;flex-direction:column;z-index:100}.sidebar-logo{padding:20px 20px 16px;border-bottom:2px solid var(--border);font-family:var(--font-display);font-size:20px;letter-spacing:2px;color:var(--accent)}.sidebar-logo span{display:block;font-size:9px;font-family:var(--font-body);color:var(--muted);letter-spacing:3px;margin-top:2px;text-transform:uppercase}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 20px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:1.5px;color:var(--muted);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:color .15s,background .15s;position:relative;text-transform:uppercase}.nav-item:hover{color:var(--fg);background:var(--surface-2)}.nav-item.active{color:var(--accent);background:var(--accent-dim)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;animation:pulse-badge 1.5s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.sidebar-footer{padding:16px 20px;border-top:2px solid var(--border);font-size:var(--text-xs);color:var(--muted);letter-spacing:1px;text-transform:uppercase}.app-shell{display:flex;min-height:100vh;padding-top:3px}.main-content{margin-left:220px;flex:1;padding:28px;min-height:calc(100vh - 3px)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:1px;text-transform:uppercase}.page-subtitle{font-size:var(--text-sm);color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:4px}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:16px}.card-header{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.match-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:16px 20px;transition:border-color .15s,background .15s;cursor:pointer;position:relative;overflow:hidden}.match-card:hover,.match-card.live{border-color:var(--accent);background:var(--surface-2)}.match-card-scan{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:200%;animation:live-scan 2s linear infinite}@keyframes live-scan{0%{background-position:-100% 0}to{background-position:200% 0}}.match-teams{display:flex;align-items:center;justify-content:space-between;gap:12px}.team-side{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.team-flag{font-size:28px;line-height:1}.team-code{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:1px}.team-name{font-size:var(--text-xs);color:var(--muted);letter-spacing:1px;text-transform:uppercase}.match-score-block{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:90px}.score-display{font-family:var(--font-display);font-size:var(--text-3xl);line-height:1;display:flex;align-items:center;gap:8px}.score-sep{color:var(--muted);font-size:.55em}.match-time{font-size:var(--text-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase}.match-time.live{color:var(--accent)}.match-time.ft{color:var(--muted)}.match-time.upcoming{color:var(--blue)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:3px;font-size:var(--text-xs);font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.badge-live{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent)}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:dot-blink 1s ease-in-out infinite}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:0}}.badge-ft{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.badge-soon{background:var(--blue-dim);color:var(--blue);border:1px solid var(--blue)}.badge-group{background:var(--yellow-dim);color:var(--yellow);border:1px solid var(--yellow);font-size:10px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.stat-label{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:1px;width:90px;text-align:right}.stat-label.right{text-align:left}.stat-bar-track{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden;display:flex}.stat-bar-left{height:100%;background:var(--accent);border-radius:3px 0 0 3px;transition:width .6s ease}.stat-bar-right{height:100%;background:var(--blue);border-radius:0 3px 3px 0;margin-left:auto;transition:width .6s ease}.stat-val{font-size:var(--text-sm);font-weight:700;width:36px;text-align:center}.standings-table{width:100%;border-collapse:collapse}.standings-table th{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;padding:8px 10px;text-align:left;border-bottom:2px solid var(--border);font-weight:600}.standings-table td{padding:10px;font-size:var(--text-sm);border-bottom:1px solid var(--border);vertical-align:middle}.standings-table tr:last-child td{border-bottom:none}.standings-table tbody tr:hover td{background:var(--surface-2)}.rank-num{font-family:var(--font-display);font-size:var(--text-lg);color:var(--muted)}.rank-num.qualify{color:var(--green)}.rank-num.elim{color:var(--red)}.form-dots{display:flex;gap:3px}.form-dot{width:8px;height:8px;border-radius:50%}.form-dot.w{background:var(--green)}.form-dot.d{background:var(--yellow)}.form-dot.l{background:var(--red)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--radius);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:2px solid transparent;transition:all .15s}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#e64500;border-color:#e64500;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--border)}.btn-ghost:hover{color:var(--fg);border-color:var(--fg)}.btn-ghost.active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.tab-bar{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:20px}.tab-btn{padding:10px 18px;font-size:var(--text-sm);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);background:none;border:none;cursor:pointer;position:relative;transition:color .15s}.tab-btn:hover{color:var(--fg)}.tab-btn.active{color:var(--accent)}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent)}.group-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);overflow:hidden}.group-title{background:var(--surface-2);padding:10px 16px;font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:3px;text-transform:uppercase;color:var(--accent);border-bottom:2px solid var(--border)}.group-col-header{display:grid;grid-template-columns:22px 1fr 28px 28px 28px 28px 36px 40px;gap:6px;padding:6px 14px;font-size:var(--text-xs);color:var(--muted);letter-spacing:1px;text-transform:uppercase;background:var(--surface-2);border-bottom:1px solid var(--border)}.group-row{display:grid;grid-template-columns:22px 1fr 28px 28px 28px 28px 36px 40px;gap:6px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--border);font-size:var(--text-sm);transition:background .12s;cursor:pointer}.group-row:last-child{border-bottom:none}.group-row:hover{background:var(--surface-2)}.group-row.qualify{border-left:3px solid var(--green);padding-left:11px}.pts-col{font-family:var(--font-display);color:var(--fg)}.ticker-wrap{background:var(--accent);color:#fff;overflow:hidden;padding:7px 0;font-size:var(--text-xs);font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.ticker-inner{display:flex;gap:60px;animation:ticker-scroll 30s linear infinite;white-space:nowrap}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-sep{opacity:.5}.hero-match{background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius-md);padding:28px 32px;position:relative;overflow:hidden;margin-bottom:24px}.hero-score{font-family:var(--font-display);font-size:var(--text-4xl);line-height:1;display:flex;align-items:center;gap:16px}.hero-team{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.hero-flag{font-size:48px}.hero-code{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:2px}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding:8px 0 8px 16px;font-size:var(--text-sm)}.timeline-item:before{content:"";position:absolute;left:-20px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--border);border:2px solid var(--surface)}.timeline-item.goal:before{background:var(--accent)}.timeline-item.yellow-card:before{background:var(--yellow)}.timeline-item.red-card:before{background:var(--red)}.timeline-item.sub:before{background:var(--blue)}.timeline-minute{font-family:var(--font-display);font-size:var(--text-xs);color:var(--accent);letter-spacing:1px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}