:root{color-scheme:light;--bg: #f2f5f9;--ink: #020b1f;--muted: #5d6d86;--surface: #ffffff;--surface-2: #eaf1f8;--line: #d7e1ec;--cyan: #00b7d8;--green: #10a66f;--green-soft: #e7f7ef;--red: #e0382d;--red-soft: #fff0ee;--yellow: #d99b12;--yellow-soft: #fff6dc;--blue-soft: #e7f5fb;--goal: #08a35d;--goal-soft: rgba(8, 163, 93, .16);--shadow: 0 22px 70px rgba(2, 11, 31, .12);--radius: 8px;--font-display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;--font-body: "Inter Tight", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 12% -8%,rgba(0,183,216,.2),transparent 34rem),radial-gradient(circle at 92% 4%,rgba(224,56,45,.12),transparent 28rem),linear-gradient(180deg,#ffffffbd,#f2f5f900 340px),var(--bg);color:var(--ink)}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.app-shell{width:min(1480px,100%);max-width:100%;margin:0 auto;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:wrap}.brand-mark{width:56px;height:56px;object-fit:contain;border-radius:14px;box-shadow:0 14px 34px #020b1f2e;flex:0 0 auto}.brand-copy{min-width:0;flex:1 1 220px}.brand-kicker{display:block;color:var(--red);font-family:var(--font-display);font-size:.84rem;font-weight:800;line-height:1;text-transform:uppercase}h1,h2,h3,p{margin:0}h1,h2,h3,.metric strong,.spotlight-scoreboard strong,.match-number,.status-pill{font-family:var(--font-display);letter-spacing:0}.brand h1{margin-top:3px;font-family:var(--font-display);font-size:2.35rem;line-height:.9;font-weight:900;letter-spacing:0;text-transform:uppercase}.brand p{color:var(--muted);margin-top:7px;font-size:.96rem;font-weight:550}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.primary-nav{display:inline-grid;width:min(100%,390px);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;margin:0 0 16px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;box-shadow:0 10px 32px #07182f0f}.primary-nav button{min-width:0;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-family:var(--font-display);font-size:.88rem;font-weight:800;text-transform:uppercase;white-space:nowrap}.primary-nav button svg{flex:0 0 auto}.primary-nav button span{min-width:0;overflow:hidden;text-overflow:ellipsis}.primary-nav button.active{background:var(--ink);color:#fff;box-shadow:0 8px 18px #07182f2e}.connection,.icon-button{min-height:38px;display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius);font-size:.87rem;font-weight:740;white-space:nowrap}.connection{padding:0 12px;color:var(--green);background:var(--green-soft);border:1px solid rgba(22,163,111,.22)}.connection.offline{color:var(--yellow);background:var(--yellow-soft);border-color:#d99b1240}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:0 12px;box-shadow:0 8px 22px #07182f0f}.icon-button.secondary{background:#07182f;border-color:#07182f;color:#fff}.notification-button.active{color:var(--green);background:var(--green-soft);border-color:#16a36f57}.notification-button.active svg{animation:alert-ring 1.8s ease-in-out infinite;transform-origin:50% 10%}@keyframes alert-ring{0%,to{transform:rotate(0)}8%{transform:rotate(12deg)}16%{transform:rotate(-10deg)}24%{transform:rotate(8deg)}32%{transform:rotate(0)}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.animated-score{position:relative;display:inline-grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:.28em;min-width:max-content;font-variant-numeric:tabular-nums;font-family:var(--font-display);font-weight:900}.score-vs{letter-spacing:0}.score-vs-text{display:inline-block}.score-number{min-width:.85em;display:inline-grid;place-items:center;border-radius:8px;font-size:inherit;line-height:inherit;transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}.score-number.score-goal{color:var(--goal);background:var(--goal-soft);animation:score-pop .92s cubic-bezier(.22,1,.36,1);box-shadow:0 0 0 6px #08a35d14,0 12px 26px #08a35d33}.goal-flash{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);padding:5px 9px;border-radius:999px;background:var(--goal);color:#fff;font-size:.68rem;line-height:1;font-weight:900;text-transform:uppercase;box-shadow:0 12px 24px #08a35d42;animation:goal-flash 1.45s ease both;pointer-events:none}.animated-score.compact .goal-flash{bottom:calc(100% + 5px);padding:4px 7px;font-size:.58rem}.score-cell .animated-score,.group-match-teams .animated-score,.stat-card .animated-score,.spotlight-score .animated-score,.hero-scoreline .animated-score,.detail-scoreline .animated-score{display:inline-grid;font-weight:920;color:var(--ink)}.score-cell .animated-score .score-number,.score-cell .animated-score .score-separator,.group-match-teams .animated-score .score-number,.group-match-teams .animated-score .score-separator,.stat-card .animated-score .score-number,.stat-card .animated-score .score-separator,.spotlight-score .animated-score .score-number,.spotlight-score .animated-score .score-separator,.hero-scoreline .animated-score .score-number,.hero-scoreline .animated-score .score-separator,.detail-scoreline .animated-score .score-number,.detail-scoreline .animated-score .score-separator{font-size:inherit;line-height:inherit}.spotlight-score .animated-score{font-size:clamp(2.9rem,6vw,3.35rem);letter-spacing:0}.score-cell .animated-score{font-size:1.34rem}.group-match-teams .animated-score{font-size:1.1rem}.stat-card .animated-score{font-size:2.35rem}.hero-scoreline .animated-score{width:min(100%,14.5rem);min-height:5rem;margin-inline:auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-items:center;padding:4px 14px;border-radius:999px;background:#ffffff8a;box-shadow:0 12px 30px #07182f14,inset 0 0 0 1px #07182f0f;font-size:clamp(3.65rem,9vw,5.4rem)}.hero-scoreline .animated-score .score-number{width:1em}.hero-scoreline .animated-score .score-separator{display:inline-grid;place-items:center;width:.34em;line-height:1}.hero-scoreline .animated-score.score-vs{display:inline-flex;align-items:center;justify-content:center;grid-template-columns:none;text-align:center;line-height:.88}.hero-scoreline .score-vs-text{transform:translateY(-.075em)}.detail-scoreline .animated-score{font-size:1.75rem}.match-spotlight.live,.match-row.live,.group-match-item.live,.bracket-match.live,.match-hero.live{position:relative;isolation:isolate;overflow:hidden}.match-spotlight.live:before,.match-row.live:before,.group-match-item.live:before,.bracket-match.live:before,.match-hero.live:before{content:"";position:absolute;inset:0;z-index:0;padding:2px;border-radius:inherit;background:conic-gradient(from var(--live-angle, 0deg),rgba(212,67,53,.92),rgba(19,189,212,.9),rgba(8,163,93,.82),rgba(212,67,53,.92));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:live-border-flow 2.8s linear infinite;opacity:.92;pointer-events:none}.match-spotlight.live:after,.match-row.live:after,.group-match-item.live:after,.bracket-match.live:after,.match-hero.live:after{content:"";position:absolute;inset:1px;z-index:0;border-radius:calc(var(--radius) - 1px);background:linear-gradient(105deg,transparent 0%,transparent 34%,rgba(255,255,255,.28) 48%,rgba(19,189,212,.16) 55%,transparent 68%,transparent 100%);transform:translate(-110%);animation:live-card-sheen 2.9s ease-in-out infinite;pointer-events:none}.match-spotlight.live>*,.match-row.live>*,.group-match-item.live>*,.bracket-match.live>*,.match-hero.live>*{position:relative;z-index:1}.match-spotlight.live{box-shadow:0 16px 44px #07182f1a,0 0 0 4px #d443350d;animation:live-card-breathe 2.4s ease-in-out infinite}.match-row.live,.group-match-item.live,.bracket-match.live,.match-hero.live{box-shadow:0 12px 30px #07182f14,0 0 0 3px #d443350b;animation:live-card-breathe 2.4s ease-in-out infinite}.goal-side img,.goal-side .flag-placeholder,.goal-side .detail-flag{animation:team-goal-halo 1.45s ease both}@keyframes score-pop{0%{transform:scale(1)}34%{transform:scale(1.24)}58%{transform:scale(.96)}to{transform:scale(1)}}@keyframes goal-flash{0%{opacity:0;transform:translate(-50%,8px) scale(.9)}18%{opacity:1;transform:translate(-50%) scale(1)}72%{opacity:1;transform:translate(-50%,-4px) scale(1)}to{opacity:0;transform:translate(-50%,-10px) scale(.96)}}@property --live-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes live-border-flow{to{--live-angle: 360deg}}@keyframes live-card-sheen{0%,38%{opacity:0;transform:translate(-110%)}52%{opacity:1}78%,to{opacity:0;transform:translate(110%)}}@keyframes live-card-breathe{0%,to{box-shadow:0 12px 30px #07182f14,0 0 0 3px #d443350b}50%{box-shadow:0 16px 38px #07182f1a,0 0 0 5px #d4433517,0 0 22px #13bdd429}}@keyframes live-dot-pulse{0%{box-shadow:0 0 #d4433552}80%,to{box-shadow:0 0 0 7px #d4433500}}@keyframes team-goal-halo{0%{box-shadow:0 0 0 1px var(--line);transform:scale(1)}28%{box-shadow:0 0 0 5px #08a35d2e,0 0 26px #08a35d57;transform:scale(1.08)}to{box-shadow:0 0 0 1px var(--line);transform:scale(1)}}.notice{border:1px solid rgba(217,155,18,.35);background:var(--yellow-soft);color:#76510a;padding:11px 12px;border-radius:var(--radius);margin-bottom:14px;font-size:.9rem;font-weight:650}.score-strip{display:grid;grid-template-columns:minmax(280px,1.7fr) repeat(4,minmax(110px,.55fr));gap:12px;margin-bottom:16px}.spotlight-carousel-shell{min-width:0;display:flex;flex-direction:column;gap:8px}.spotlight-carousel-viewport{min-width:0;overflow:hidden;border-radius:var(--radius);touch-action:pan-y}.spotlight-track{display:flex;transition:transform .28s ease;will-change:transform}.spotlight-slide{min-width:0;flex:0 0 100%}.spotlight-slide .match-spotlight{height:100%}.match-spotlight,.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:88px;padding:14px;box-shadow:0 10px 32px #07182f0f}.match-spotlight{display:flex;flex-direction:column;justify-content:space-between;gap:12px;text-align:left;background:linear-gradient(90deg,#13bdd426,#16a36f14),var(--surface);color:var(--ink);cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.match-spotlight:hover,.match-spotlight:focus-visible{border-color:#13bdd473;box-shadow:0 16px 42px #07182f1a;outline:0}.match-spotlight.live{background:linear-gradient(135deg,#d443351f,#13bdd41a),var(--surface)}.spotlight-topline,.spotlight-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.spotlight-topline span,.metric span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:820}.match-spotlight.live .spotlight-topline span{color:var(--red)}.spotlight-topline small{min-height:22px;padding:0 8px;display:inline-grid;place-items:center;border-radius:999px;background:#07182f14;color:var(--muted);font-size:.7rem;font-weight:820}.spotlight-scoreboard{display:grid;grid-template-columns:minmax(82px,1fr) minmax(92px,auto) minmax(82px,1fr);align-items:center;gap:14px;padding-inline:clamp(10px,3vw,28px)}.spotlight-team{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;text-align:center}.spotlight-team.away{justify-content:center}.spotlight-team img{width:36px;height:36px;flex:0 0 auto;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line)}.spotlight-team strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:1.1rem}.spotlight-score{min-width:96px;display:flex;flex-direction:column;align-items:center;text-align:center}.spotlight-score .animated-score{font-size:clamp(2.65rem,5vw,3.25rem);line-height:.92}.spotlight-score>span,.spotlight-footer{color:var(--muted);font-size:.84rem;font-weight:620}.spotlight-score>span{margin-top:4px;white-space:nowrap}.spotlight-footer>span{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotlight-controls{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;justify-content:center}.spotlight-controls button{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(7,24,47,.08);border-radius:999px;background:#ffffffd1;color:var(--ink);padding:0}.spotlight-controls>div{display:inline-flex;align-items:center;gap:4px}.spotlight-controls>div span{width:6px;height:6px;border-radius:999px;background:#61708a59}.spotlight-controls>div span.active{width:14px;background:var(--red)}.spotlight-controls small{min-width:28px;color:var(--muted);font-size:.72rem;font-weight:800;text-align:center}.spotlight-carousel-shell>.spotlight-controls{align-self:center;min-height:34px;padding:3px 8px;border:1px solid rgba(7,24,47,.08);border-radius:999px;background:#ffffffc7;box-shadow:0 8px 24px #07182f0f}.metric{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.metric strong{font-size:1.8rem;line-height:1}.metric.timestamp strong{font-size:1.15rem}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:16px;align-items:start}.workspace.clean{grid-template-columns:1fr}.workspace.clean .match-list{max-height:none}.groups-screen,.bracket-screen{display:grid;gap:14px}.bracket-hero{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid rgba(19,189,212,.22);border-radius:var(--radius);background:linear-gradient(135deg,#13bdd42e,#16a36f1a),#ffffffdb;box-shadow:var(--shadow)}.bracket-hero span,.bracket-hero strong,.bracket-round-head span,.bracket-match-meta span,.bracket-match-footer small{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:850}.bracket-hero h2{margin-top:4px;font-size:clamp(1.45rem,2.6vw,2.35rem);line-height:1}.bracket-scroll{overflow-x:auto;padding-bottom:8px}.bracket-board{min-width:1120px;display:grid;grid-template-columns:repeat(6,minmax(172px,1fr));gap:12px;align-items:stretch}.bracket-round{position:relative;display:grid;align-content:start;gap:10px}.bracket-round:not(:last-child):after{content:"";position:absolute;top:54px;right:-10px;bottom:18px;width:2px;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(19,189,212,.42),transparent)}.bracket-round-head{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6}.bracket-round-head h3{font-size:.92rem;line-height:1.1}.bracket-round-head span{min-width:28px;height:28px;display:grid;place-items:center;border-radius:999px;color:var(--ink);background:var(--surface-2)}.bracket-match-stack{display:grid;gap:10px}.bracket-round.round16 .bracket-match-stack{padding-top:26px}.bracket-round.quarterfinals .bracket-match-stack{padding-top:62px}.bracket-round.semifinals .bracket-match-stack{padding-top:116px}.bracket-round.thirdPlace .bracket-match-stack,.bracket-round.final .bracket-match-stack{padding-top:176px}.bracket-match{width:100%;position:relative;min-height:154px;display:grid;gap:8px;padding:10px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fffffff0;color:var(--ink);text-align:left;box-shadow:0 12px 32px #07182f12;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.bracket-match:hover{transform:translateY(-2px);border-color:#13bdd48c;box-shadow:0 16px 36px #07182f1a}.bracket-match:before{border-radius:var(--radius)}.bracket-match-meta,.bracket-match-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.bracket-match-meta strong{font-size:.84rem}.bracket-team{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:38px;padding:6px;border-radius:7px;background:#edf3f8b3}.bracket-team.winner{background:linear-gradient(90deg,#16a36f2e,#13bdd414);box-shadow:inset 3px 0 0 var(--green)}.bracket-team img,.bracket-team .flag-placeholder{width:28px;height:28px;border-radius:50%;object-fit:cover}.bracket-team .flag-placeholder{display:grid;place-items:center;background:var(--surface);color:var(--muted);font-size:.78rem;font-weight:850}.bracket-team div{min-width:0}.bracket-team strong,.bracket-team small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracket-team strong{line-height:1.1}.bracket-team small{margin-top:2px;color:var(--muted);font-size:.72rem;font-weight:650}.bracket-score{min-width:22px;font-size:1.1rem;font-weight:920;text-align:right;font-variant-numeric:tabular-nums}.bracket-penalty{min-width:22px;padding:2px 5px;border-radius:999px;background:var(--ink);color:#fff;font-size:.72rem;font-weight:850;text-align:center}.bracket-match-footer{min-height:25px}.group-picker{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:8px;overflow-x:auto;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;box-shadow:0 10px 32px #07182f0f}.group-picker button{min-height:58px;display:flex;flex-direction:column;justify-content:center;gap:4px;border:0;border-radius:6px;background:transparent;color:var(--muted);text-align:left;padding:0 12px}.group-picker button.active{background:var(--ink);color:#fff}.group-picker button span{font-weight:850}.group-picker button small{font-size:.72rem;font-weight:720;opacity:.82}.groups-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:14px;align-items:start}.group-side{display:grid;gap:14px}.group-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffdb;box-shadow:var(--shadow);overflow:hidden}.group-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#13bdd41f,#16a36f0f),var(--surface)}.group-card-head span,.group-card-head strong,.group-panel-title h3{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:850}.group-card-head h2{margin-top:4px;font-size:1.35rem}.group-panel-title{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--muted)}.standings-wrap{overflow-x:auto}.standings-table{width:100%;min-width:720px;border-collapse:collapse;background:#fff}.standings-table th,.standings-table td{border-bottom:1px solid var(--line);padding:11px 10px;text-align:center;font-size:.86rem}.standings-table th{color:var(--muted);background:var(--surface-2);text-transform:uppercase;font-size:.72rem;font-weight:850}.standings-table th:nth-child(2),.standings-table td:nth-child(2){min-width:230px;text-align:left}.standings-table tr.qualify td:first-child{color:var(--green);font-weight:850}.standing-team{display:flex;align-items:center;gap:9px;min-width:0}.standing-team img,.group-team-card img{width:30px;height:30px;flex:0 0 auto;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line)}.standing-team>span,.group-team-card>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--muted);font-weight:850}.standing-team div,.group-team-card div{min-width:0}.standing-team strong,.group-team-card strong{display:block;line-height:1.1}.standing-team small,.group-team-card small{display:block;margin-top:2px;color:var(--muted);font-size:.76rem;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:#fff}.group-team-card{display:flex;align-items:center;gap:9px;min-width:0;min-height:58px;padding:12px;border-bottom:1px solid var(--line)}.group-team-card:nth-child(odd){border-right:1px solid var(--line)}.group-match-list{background:#fff;padding:10px}.group-match-item{width:100%;display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px 10px;align-items:center;min-height:74px;margin-bottom:8px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffeb;color:var(--ink);text-align:left}.group-match-item:last-child{margin-bottom:0}.group-match-time{display:grid;gap:2px}.group-match-time strong{font-size:.92rem}.group-match-time span,.group-match-meta small{color:var(--muted);font-size:.78rem;font-weight:700}.group-match-teams{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;gap:8px;font-weight:850;text-align:center}.group-match-teams span:first-child{text-align:left}.group-match-teams span:last-child{text-align:right}.group-match-meta{grid-column:2;display:flex;align-items:center;gap:8px;min-width:0}.group-match-meta small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixture-pane,.detail-pane{background:#ffffffd1;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.filters{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto minmax(130px,.45fr) minmax(120px,.38fr) minmax(170px,.65fr);gap:10px;align-items:end;padding:12px;background:#fffffff0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.segmented{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:4px;padding:4px;background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--line)}.segmented.options-3{grid-template-columns:repeat(3,minmax(72px,1fr))}.segmented.options-4{grid-template-columns:repeat(4,minmax(72px,1fr))}.segmented button{border:0;border-radius:6px;background:transparent;color:var(--muted);min-height:34px;padding:0 10px;font-size:.83rem;font-weight:780}.segmented button.active{background:var(--ink);color:#fff;box-shadow:0 8px 18px #07182f2e}.filters label{display:flex;flex-direction:column;gap:5px;min-width:0;color:var(--muted);font-size:.72rem;text-transform:uppercase;font-weight:820}.filters select,.search-field{border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);min-height:42px}.filters select{width:100%;min-width:0;padding:0 34px 0 10px;font-size:.88rem;font-weight:680}.search-field{flex-direction:row!important;align-items:center;gap:8px!important;padding:0 10px;text-transform:none!important}.search-field input{width:100%;border:0;outline:0;min-width:0;font-size:.92rem;font-weight:650;color:var(--ink)}.match-list{max-height:calc(100vh - 220px);min-height:520px;overflow:auto;padding:14px}.day-group+.day-group{margin-top:20px}.day-heading{display:flex;align-items:center;gap:8px;color:var(--muted);margin:0 0 8px}.day-heading h2{font-size:.86rem;font-weight:850;text-transform:capitalize}.day-heading span{margin-left:auto;min-width:26px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--surface-2);font-size:.72rem;font-weight:780}.match-row{width:100%;display:grid;grid-template-columns:74px minmax(160px,1fr) 112px minmax(160px,1fr) minmax(120px,.45fr);align-items:center;gap:10px;border:1px solid var(--line);background:#ffffffe6;color:var(--ink);border-radius:var(--radius);min-height:72px;padding:10px;margin-bottom:8px;text-align:left;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.match-row:hover{transform:translateY(-1px);border-color:#13bdd48c;box-shadow:0 12px 30px #07182f14}.match-row.selected{border-color:var(--cyan);box-shadow:0 0 0 2px #13bdd426}.row-time{display:flex;flex-direction:column;gap:4px;color:var(--muted)}.row-time span{font-weight:850;color:var(--ink)}.row-time small{font-weight:740}.team-cell{min-width:0;display:flex;align-items:center;gap:9px}.team-cell.right{flex-direction:row-reverse;text-align:right}.team-cell img,.flag-placeholder,.detail-team img,.detail-flag{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;object-fit:cover;flex:0 0 auto}.flag-placeholder,.detail-flag{display:grid;place-items:center;background:var(--surface-2);color:var(--muted);font-weight:850}.team-cell div{min-width:0}.team-cell strong{display:block;font-size:.98rem;line-height:1.05}.team-cell span{display:block;color:var(--muted);font-size:.78rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-cell{display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column}.score-cell strong{font-size:1.12rem;line-height:1}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:24px;padding:0 8px;border-radius:999px;font-size:.7rem;line-height:1;font-weight:850;white-space:nowrap}.status-pill.played{color:var(--green);background:var(--green-soft)}.status-pill.live{color:var(--red);background:var(--red-soft)}.status-pill.live:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 #d4433547;animation:live-dot-pulse 1.45s ease-out infinite}.status-pill.upcoming,.status-pill.scheduled{color:#0f6b8d;background:var(--blue-soft)}.row-venue{min-width:0;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.78rem;font-weight:720}.row-venue span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-pane{position:sticky;top:16px;padding:16px}.detail-pane.empty{min-height:320px;display:grid;place-items:center;color:var(--muted)}.detail-header,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-header a{color:var(--muted);font-size:.82rem;font-weight:780;text-decoration:none}.detail-score{display:grid;grid-template-columns:1fr 126px 1fr;align-items:center;gap:10px;margin:20px 0;padding:18px 10px;background:linear-gradient(180deg,#13bdd41a,#16a36f0f),var(--surface-2);border-radius:var(--radius);border:1px solid var(--line)}.detail-team{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}.detail-team img,.detail-flag{width:46px;height:46px}.detail-team strong{font-size:1.08rem}.detail-team span{max-width:130px;color:var(--muted);font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-scoreline{text-align:center}.detail-scoreline span,.detail-scoreline small{display:block;color:var(--muted);font-size:.72rem;font-weight:820;text-transform:uppercase}.detail-scoreline strong{display:block;font-size:2rem;line-height:1;margin:8px 0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.info-item{min-height:88px;display:flex;flex-direction:column;gap:6px;padding:11px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.info-item svg{color:var(--cyan)}.info-item span{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:830}.info-item strong{font-size:.86rem;line-height:1.22}.timeline{margin-top:18px}.panel-title{margin-bottom:10px}.panel-title h3{font-size:1rem}.panel-title span{color:var(--muted);font-size:.75rem;font-weight:760}.timeline-event{display:grid;grid-template-columns:45px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.timeline-event>strong{color:var(--cyan);font-size:.82rem}.timeline-event span{display:block;font-size:.84rem;font-weight:830}.timeline-event p,.timeline-empty{color:var(--muted);font-size:.8rem;line-height:1.35;margin-top:2px}.timeline-empty,.empty-state{border:1px dashed var(--line);border-radius:var(--radius);background:#edf3f8b8;color:var(--muted);padding:18px}.match-screen{max-width:1180px}.match-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.back-button{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-weight:820;box-shadow:0 8px 22px #07182f0f}.match-topbar-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.match-hero{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#13bdd429,#16a36f14),var(--surface);box-shadow:var(--shadow);padding:18px}.match-context,.match-meta-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.match-context>span:not(.status-pill){color:var(--muted);font-size:.78rem;font-weight:830;text-transform:uppercase}.match-hero-score{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.45fr) minmax(0,1fr);align-items:center;gap:18px;padding:28px 0 22px}.hero-scoreline{text-align:center}.hero-scoreline strong{display:block;font-size:clamp(2.2rem,6vw,4.25rem);line-height:.95}.hero-scoreline>span{display:block;margin-top:10px;color:var(--muted);font-size:.9rem;font-weight:780}.match-meta-row{justify-content:space-between;border-top:1px solid rgba(7,24,47,.08);padding-top:14px}.match-meta-row span,.match-meta-row a{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.86rem;font-weight:780;text-decoration:none}.detail-tabs{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #07182f0f}.detail-tabs button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:.88rem;font-weight:820}.detail-tabs button.active{background:var(--ink);color:#fff}.detail-surface{min-height:260px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffdb;box-shadow:var(--shadow);padding:16px}.inline-loading{margin-bottom:12px;padding:10px 12px;border-radius:var(--radius);background:var(--blue-soft);color:#0f6b8d;font-size:.84rem;font-weight:780}.facts-grid,.stats-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-card{min-height:116px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.stat-card.primary{background:linear-gradient(135deg,#13bdd424,#16a36f14),#fff}.stat-card span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:850}.stat-card strong{font-size:2rem;line-height:1}.stat-card small{color:var(--muted);font-weight:700}.stats-table{grid-column:1 / -1;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.stats-table-head,.stats-table-row{display:grid;grid-template-columns:110px 1fr 110px;align-items:center;gap:10px;min-height:46px;padding:0 14px;border-bottom:1px solid var(--line);text-align:center}.stats-table-head{background:var(--surface-2);color:var(--muted);font-size:.78rem;text-transform:uppercase;font-weight:850}.stats-table-row:last-child{border-bottom:0}.stats-table-row span{color:var(--muted);font-weight:760}.formation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formation-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 14px 34px #091b3712}.formation-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:linear-gradient(135deg,#13bdd41f,#16a36f0f),var(--surface-2);border-bottom:1px solid var(--line)}.formation-team-title{min-width:0;display:flex;align-items:center;gap:10px}.formation-team-title img,.formation-flag-fallback{width:34px;height:34px;flex:0 0 auto;border-radius:50%;box-shadow:0 8px 18px #091b3729}.formation-team-title img{object-fit:cover}.formation-flag-fallback{display:grid;place-items:center;background:#fff;color:var(--ink);font-weight:900}.formation-card-head span{color:var(--muted);font-size:.72rem;font-weight:850}.formation-card-head h2{font-size:1.05rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formation-card-head strong{min-width:72px;min-height:32px;display:inline-grid;place-items:center;padding:0 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:.82rem}.pitch-formation{position:relative;min-height:560px;aspect-ratio:2 / 3;margin:0;overflow:hidden;background:linear-gradient(90deg,rgba(4,41,23,.22),transparent 18%,transparent 82%,rgba(4,41,23,.2)),radial-gradient(circle at 50% 48%,rgba(255,255,255,.08),transparent 20%),repeating-linear-gradient(0deg,#277f27 0 10%,#30902c 10% 20%);border-bottom:1px solid rgba(255,255,255,.14)}.pitch-formation:before{content:"";position:absolute;inset:24px 22px;border:3px solid rgba(255,255,255,.78);border-radius:3px;box-shadow:inset 0 0 32px #ffffff14}.pitch-halfway,.pitch-circle,.pitch-box,.pitch-goal{position:absolute;pointer-events:none;border-color:#ffffffb8}.pitch-halfway{left:22px;right:22px;top:50%;height:0;border-top:3px solid rgba(255,255,255,.72)}.pitch-circle{left:50%;top:50%;width:33%;aspect-ratio:1;border:3px solid rgba(255,255,255,.72);border-radius:50%;transform:translate(-50%,-50%)}.pitch-circle:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#ffffffc7;transform:translate(-50%,-50%)}.pitch-box{left:25%;width:50%;height:14%;border:3px solid rgba(255,255,255,.72)}.pitch-box-top{top:24px;border-top:0}.pitch-box-bottom{bottom:24px;border-bottom:0}.pitch-goal{left:39%;width:22%;height:5%;border:3px solid rgba(255,255,255,.72)}.pitch-goal-top{top:24px;border-top:0}.pitch-goal-bottom{bottom:24px;border-bottom:0}.pitch-player{position:absolute;z-index:2;width:clamp(72px,19%,112px);display:grid;justify-items:center;text-align:center;transform:translate(-50%,-50%);filter:drop-shadow(0 10px 16px rgba(3,22,10,.28))}.pitch-player.line-1,.pitch-player.line-2{width:clamp(86px,24%,128px)}.pitch-player.line-3{width:clamp(78px,21%,118px)}.pitch-player.line-5{width:clamp(58px,16%,88px)}.pitch-number{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#fff,#dfeaf1);color:var(--ink);font-weight:950;box-shadow:0 6px 12px #051e1047}.pitch-player strong,.pitch-player small{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;background:#032a19cc}.pitch-player strong{margin-top:6px;padding:4px 7px 2px;border-radius:7px 7px 0 0;font-size:.76rem;font-weight:900}.pitch-player small{padding:0 7px 4px;border-radius:0 0 7px 7px;font-size:.68rem;font-weight:760;color:#ffffffe0}.formation-empty{min-height:260px}.bench-list{border-top:1px solid var(--line);padding:10px 14px 12px}.bench-list summary{cursor:pointer;color:var(--muted);font-weight:830;font-size:.84rem;margin-bottom:8px}.bench-row{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;min-height:38px;border-bottom:1px solid var(--line);font-size:.84rem;color:var(--muted)}.bench-row:last-child{border-bottom:0}.bench-row>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:.78rem;font-weight:850}.timeline-list.full{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:0 14px}.timeline-empty.large{min-height:280px;display:grid;place-items:center;text-align:center}.empty-state{min-height:240px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.empty-state strong{color:var(--ink)}.skeleton-row{height:72px;border-radius:var(--radius);margin-bottom:8px;background:linear-gradient(90deg,#eef3f8 25%,#f8fbfd 45%,#eef3f8 70%);background-size:220% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{to{background-position:-220% 0}}@media(max-width:1180px){.score-strip{grid-template-columns:repeat(4,1fr)}.spotlight-carousel-shell,.match-spotlight{grid-column:1 / -1}.workspace,.groups-layout{grid-template-columns:1fr}.detail-pane{position:static}.match-list{max-height:none}}@media(max-width:820px){.app-shell{padding:14px max(12px,env(safe-area-inset-right)) 14px max(12px,env(safe-area-inset-left))}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;align-items:stretch;justify-content:stretch}.primary-nav{width:100%}.connection,.icon-button{width:100%;min-width:0;justify-content:center}.score-strip{grid-template-columns:repeat(2,1fr)}.match-spotlight{min-height:98px}.filters{grid-template-columns:1fr 1fr}.segmented,.search-field{grid-column:1 / -1}.match-row{grid-template-columns:54px minmax(0,1fr) 72px minmax(0,1fr);gap:8px}.row-venue{grid-column:2 / -1}.team-cell span{display:none}.match-screen{padding:12px}.match-topbar{align-items:stretch;flex-direction:column}.match-topbar-status{justify-content:stretch}.match-hero-score{grid-template-columns:1fr;gap:14px;text-align:center}.match-meta-row{align-items:flex-start;flex-direction:column}.facts-grid,.stats-layout,.formation-grid{grid-template-columns:1fr}.stats-table-head,.stats-table-row{grid-template-columns:70px 1fr 70px}.pitch-formation{min-height:620px}}@media(max-width:560px){.app-shell{padding:10px max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left))}.primary-nav{gap:4px;padding:4px}.primary-nav button{min-height:44px;gap:5px;padding:0 5px;font-size:.8rem}.primary-nav button svg{width:16px;height:16px}.brand-mark{width:48px;height:48px}.brand h1{font-size:2rem}.brand-copy{flex-basis:184px}.brand p{font-size:.82rem;max-width:190px}.score-strip{grid-template-columns:1fr 1fr;gap:8px}.metric{min-height:76px}.metric strong{font-size:1.35rem}.match-spotlight{padding:12px}.spotlight-scoreboard{gap:8px;grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr);padding-inline:10px}.spotlight-team{align-items:center;gap:5px}.spotlight-team.away{align-items:center}.spotlight-team img{width:28px;height:28px}.spotlight-score{min-width:0}.spotlight-score .animated-score{font-size:2.85rem}.spotlight-score>span{font-size:.72rem}.spotlight-footer{align-items:flex-start;flex-direction:column}.filters{padding:9px;gap:8px}.segmented{grid-template-columns:repeat(2,1fr)}.segmented.options-3{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented.options-4{grid-template-columns:repeat(2,minmax(0,1fr))}.match-list{padding:10px}.match-row{min-height:88px;grid-template-columns:44px 1fr 66px 1fr;padding:8px}.team-cell{gap:6px}.team-cell img,.flag-placeholder{width:28px;height:28px}.score-cell{gap:5px}.status-pill{min-height:20px;padding:0 6px;font-size:.62rem}.detail-pane{padding:12px}.detail-score{grid-template-columns:1fr 104px 1fr;padding:14px 6px}.detail-scoreline strong{font-size:1.55rem}.detail-grid{grid-template-columns:1fr}.group-picker{grid-auto-columns:minmax(132px,1fr)}.group-card-head{align-items:flex-start;flex-direction:column}.group-team-grid{grid-template-columns:1fr}.group-team-card:nth-child(odd){border-right:0}.standings-table{min-width:0}.standings-table th,.standings-table td{padding:10px 8px}.standings-table th:nth-child(2),.standings-table td:nth-child(2){min-width:150px}.standings-table th:nth-child(4),.standings-table td:nth-child(4),.standings-table th:nth-child(5),.standings-table td:nth-child(5),.standings-table th:nth-child(6),.standings-table td:nth-child(6),.standings-table th:nth-child(7),.standings-table td:nth-child(7),.standings-table th:nth-child(8),.standings-table td:nth-child(8){display:none}.group-match-item{grid-template-columns:54px minmax(0,1fr)}.match-hero,.detail-surface{padding:12px}.hero-scoreline strong{font-size:3.85rem}.hero-scoreline .animated-score{width:min(100%,12.25rem);min-height:4.35rem;padding-inline:12px}.detail-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}.detail-tabs button{gap:6px;font-size:.78rem}.formation-card-head{align-items:flex-start}.pitch-formation{min-height:560px}.pitch-formation:before{inset:18px 14px}.pitch-halfway{left:14px;right:14px}.pitch-box-top,.pitch-goal-top{top:18px}.pitch-box-bottom,.pitch-goal-bottom{bottom:18px}.pitch-player{width:clamp(70px,20%,82px)}.pitch-player.line-1,.pitch-player.line-2{width:clamp(84px,28%,100px)}.pitch-player.line-3{width:clamp(74px,23%,90px)}.pitch-player.line-5{width:clamp(52px,15%,66px)}.pitch-number{width:30px;height:30px;font-size:.8rem}.pitch-player strong{padding-inline:5px;font-size:.68rem}.pitch-player small{padding-inline:5px;font-size:.6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.match-spotlight.live:before,.match-spotlight.live:after,.match-row.live:before,.match-row.live:after,.group-match-item.live:before,.group-match-item.live:after,.bracket-match.live:before,.bracket-match.live:after,.match-hero.live:before,.match-hero.live:after,.match-spotlight.live,.match-row.live,.group-match-item.live,.bracket-match.live,.match-hero.live,.status-pill.live:before,.score-number.score-goal,.goal-side img,.goal-side .flag-placeholder,.goal-side .detail-flag{animation:none!important}.goal-flash{display:none!important}}