:root{--lime:#b2e704;--purple:#6200eb;--red:#d60004;--purple-lite:#b388ff;--lime-deep:#8fb800;--bg-0:#1b0540;--bg-1:#0c0124;--ink:#fff;--dark:#120030;--muted:#ffffffa3;--muted-2:#fff6;--card:#ffffff0e;--card-strong:#ffffff1a;--card-purple:#6200eb38;--stroke:#ffffff21;--radius:18px;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1100px 600px at 10% -10%, #6200eb8c, transparent 60%), radial-gradient(900px 520px at 92% 0%, #d6000447, transparent 55%), radial-gradient(1000px 700px at 50% 120%, #b2e7042e, transparent 60%), linear-gradient(160deg, var(--bg-0) 0%, var(--bg-1) 70%, #060015 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed}h1,h2,h3{font-family:var(--font-display);margin:0}button{font-family:var(--font-body);cursor:pointer}::selection{background:var(--lime);color:var(--dark)}.board{flex-direction:column;gap:clamp(12px,1.2vw,20px);width:100%;max-width:100%;margin:0;padding:clamp(10px,1.2vw,22px);display:flex;position:relative}.confetti{z-index:-1;pointer-events:none;opacity:.55;background-image:radial-gradient(circle, var(--lime) 2px, transparent 3px), radial-gradient(circle, var(--red) 2px, transparent 3px), radial-gradient(circle, var(--purple-lite) 2px, transparent 3px);background-position:0 0,80px 120px,160px 40px;background-size:200px 200px,280px 280px,240px 240px;position:fixed;inset:0}.board-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-ball{filter:drop-shadow(0 6px 12px #00000073);font-size:clamp(30px,4vw,46px);animation:1.8s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(20deg)}}.brand h1{letter-spacing:-1.5px;text-transform:uppercase;font-size:clamp(24px,3.4vw,40px);font-weight:800;line-height:.92}.brand .year{background:linear-gradient(95deg, var(--lime), var(--red) 55%, var(--purple-lite));color:#0000;-webkit-background-clip:text;background-clip:text}.tagline{color:var(--muted);letter-spacing:.3px;margin:2px 0 0;font-size:12px;font-weight:600}.header-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.live-counter{color:#ffc4c5;text-transform:uppercase;letter-spacing:.5px;background:#d600042e;border:1px solid #d600048c;border-radius:999px;align-items:center;gap:8px;padding:5px 13px;font-size:13px;font-weight:800;display:inline-flex}.updated{color:var(--muted-2);font-size:11px}.banner{background:var(--card);border:1px solid var(--stroke);color:var(--muted);border-radius:14px;padding:12px 16px;font-weight:600}.banner.error{color:#ffc4c5;background:#d6000424;border-color:#d6000473}.section-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--lime);margin-bottom:10px;font-size:13px;font-weight:800}.pill{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex}.pill.big{padding:6px 15px;font-size:13px}.pill-live{background:var(--red);color:#fff;animation:1.5s infinite pulse;box-shadow:0 0 #d60004a6}.pill-ft{color:var(--muted);background:#ffffff1a}.pill-soon{color:var(--purple-lite);background:#6200eb47;border:1px solid #7c46ff80}.dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.2s infinite blink}.live-counter .dot{background:var(--red)}@keyframes pulse{70%{box-shadow:0 0 0 11px #d6000400}}@keyframes blink{50%{opacity:.3}}.featured{background:linear-gradient(135deg, #ffffff1a, #ffffff05), var(--card-purple);border:1px solid var(--stroke);border-radius:22px;padding:clamp(12px,1.6vw,22px) clamp(16px,2.4vw,32px);position:relative;overflow:hidden;box-shadow:0 24px 60px -28px #000000bf}.featured:before{content:"";pointer-events:none;background:repeating-linear-gradient(100deg,#0000 0 56px,#ffffff06 56px 112px);position:absolute;inset:0}.featured.status-live{border-color:#d600048c;box-shadow:0 24px 60px -28px #000000bf,0 0 0 1px #d600044d,0 0 56px -10px #d6000480}.featured.status-upcoming{border-color:#7c46ff66}.featured-top{justify-content:space-between;align-items:center;margin-bottom:clamp(8px,1.2vw,14px);display:flex;position:relative}.featured-stage{color:var(--lime);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:800}.featured-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(10px,2.4vw,26px);display:grid;position:relative}.team-block{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.team-flag{filter:drop-shadow(0 8px 16px #00000080);font-size:clamp(40px,6.5vw,68px);line-height:1}.team-name{font-family:var(--font-display);letter-spacing:-.5px;font-size:clamp(16px,2.4vw,26px);font-weight:800}.featured-center{flex-direction:column;align-items:center;gap:6px;display:flex}.score{font-family:var(--font-display);align-items:center;gap:6px;font-weight:800;display:flex}.score.big{font-size:clamp(36px,6.5vw,64px);line-height:1}.score .num{text-align:center;min-width:.9em;color:var(--lime)}.score.big .num{text-shadow:0 6px 24px #00000080}.score .sep{color:var(--muted-2)}.score .vs{color:var(--lime);font-size:clamp(22px,5vw,38px)}.featured-kickoff{color:var(--purple-lite);text-align:center;font-size:13px;font-weight:800}.featured-scorers{border-top:1px dashed var(--stroke);grid-template-columns:1fr 1fr;gap:14px;margin-top:clamp(8px,1.2vw,14px);padding-top:10px;display:grid;position:relative}.featured-scorers ul{color:var(--muted);flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;font-weight:600;list-style:none;display:flex}.featured-scorers ul.right{text-align:right}.grid-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.grid-toolbar .section-label{margin-bottom:0}.filters{flex-wrap:wrap;gap:7px;display:flex}.filter{background:var(--card);border:1px solid var(--stroke);color:var(--muted);text-transform:uppercase;letter-spacing:.4px;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:12px;font-weight:800;transition:all .15s;display:inline-flex}.filter:hover{color:var(--ink);border-color:#ffffff4d}.filter.active{color:var(--dark);background:var(--lime);border-color:var(--lime)}.filter.active.f-live{background:var(--red);color:#fff;border-color:var(--red)}.filter-count{background:#00000038;border-radius:999px;padding:1px 7px;font-size:10px}.filter.active .filter-count{background:#00000038}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr));gap:clamp(8px,.7vw,12px);display:grid}@media (width>=1700px){.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.mini{background:var(--card);border:1px solid var(--stroke);border-radius:14px;flex-direction:column;gap:5px;padding:9px 12px;transition:transform .15s,border-color .15s,background .15s;display:flex;position:relative}.mini:hover{background:var(--card-strong);border-color:#b2e70480;transform:translateY(-3px)rotate(-.6deg)}.mini.status-live{background:linear-gradient(#d6000429,#d6000408);border-color:#d600048c}.mini.status-upcoming{border-color:#7c46ff47}.mini-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.mini-stage{color:var(--muted-2);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;font-size:10px;font-weight:800}.mini-row{align-items:center;gap:9px;display:flex}.mini-flag{text-align:center;width:1.3em;font-size:clamp(22px,1.5vw,32px);line-height:1}.mini-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:clamp(14px,1vw,19px);font-weight:700;overflow:hidden}.mini-score{font-family:var(--font-display);text-align:right;min-width:.8em;font-size:clamp(17px,1.3vw,26px);font-weight:800}.mini.status-live .mini-score,.mini.status-finished .mini-score{color:var(--lime)}.mini-foot{color:var(--muted-2);border-top:1px dashed var(--stroke);justify-content:center;align-items:center;gap:6px;padding-top:3px;font-size:11px;font-weight:700;display:flex}.mini.status-upcoming .mini-foot{color:var(--purple-lite)}.empty{color:var(--muted);text-align:center;padding:36px}.board-footer{text-align:center;color:var(--muted-2);padding:6px 0 24px;font-size:12px}@media (width<=560px){.team-name{font-size:15px}.header-meta{justify-content:flex-start}}