:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--background:#f4f7f9;--surface:#fff;--surface-elevated:#f9fbfc;--pitch:#dfeee5;--text:#3c4652;--text-strong:#111820;--muted:#667484;--line:#d8e0e7;--line-strong:#aebdca;--accent:#1f5fbf;--success:#16825d;--danger:#c64132;--warning:#b17900;--info:#0969a8;--live:#0f766e;--placement:#8a5a00;--focus-ring:#1f5fbf47;--shadow:0 12px 30px #17222d14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:linear-gradient(180deg, #1f5fbf14, transparent 360px), var(--background);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.45}:root[data-theme=dark]{--background:#11151b;--surface:#181e26;--surface-elevated:#202833;--pitch:#19362a;--text:#c9d2db;--text-strong:#f6f8fa;--muted:#91a0af;--line:#2d3845;--line-strong:#48586a;--accent:#78a7ff;--success:#4cc38a;--danger:#ff806f;--warning:#e3b341;--info:#64c7ff;--live:#2dd4bf;--placement:#f2c94c;--focus-ring:#78a7ff57;--shadow:0 18px 42px #00000042;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:linear-gradient(180deg, #78a7ff14, transparent 360px), var(--background)}:root[data-color-blind=true]{--danger:#d55e00;--success:#0072b2;--warning:#f0e442;--info:#009e73;--live:#0072b2;--placement:#cc79a7}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}#root{min-height:100vh}.app-shell{width:min(100%,1480px);margin:0 auto;padding:20px}.topbar,.section-heading,.topbar-actions,.brand-lockup,.lineup-header,.metric-cluster,.status-pill,.text-button,.icon-button{align-items:center;display:flex}.topbar{justify-content:space-between;gap:18px;padding:8px 0 18px}.brand-lockup{min-width:0}.topbar h1,.section-heading h2,.lineup-header h3,.bracket-round h3{margin:0}.topbar h1{color:var(--text-strong);font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.1}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:800}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.status-pill,.metric-cluster{border:1px solid var(--line);height:38px;min-height:38px;color:var(--text);background:var(--surface);border-radius:999px;gap:8px;padding:0 12px;font-size:.86rem;font-weight:800;line-height:1}.metric-cluster svg,.metric-cluster span{flex:none}.status-live{color:var(--success);border-color:color-mix(in srgb, var(--success), transparent 62%)}.status-offline{color:var(--danger);border-color:color-mix(in srgb, var(--danger), transparent 58%)}.icon-button,.text-button{border:1px solid var(--line);min-height:38px;color:var(--text-strong);background:var(--surface);cursor:pointer;border-radius:8px;justify-content:center;gap:8px}.icon-button{width:40px}.text-button{padding:0 12px;font-weight:800}.icon-button:hover,.text-button:hover,.bracket-slot:not(:disabled):hover{border-color:var(--accent)}.icon-button:focus-visible,.text-button:focus-visible,.bracket-slot:focus-visible,.player-dot:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.dashboard-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;min-width:0;display:grid}.surface{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px}.match-surface,.bracket-surface,.team-modal-panel{padding:18px}.section-heading{justify-content:space-between;gap:14px;margin-bottom:16px}.section-heading h2{color:var(--text-strong);font-size:1.15rem;line-height:1.15}.match-list{gap:12px;min-width:0;display:grid}.match-list-footer{justify-content:center;margin-top:14px;display:flex}.match-more-button{min-width:112px}.live-section{border-bottom:1px solid var(--line);gap:12px;margin-bottom:18px;padding-bottom:18px;display:grid}.live-heading{margin-bottom:0}.live-count{color:var(--live);border-color:color-mix(in srgb, var(--live), transparent 52%)}[data-color-blind=true] .live-count{color:var(--live);border-color:color-mix(in srgb, var(--live), transparent 40%)}.live-match-list{gap:10px;display:grid}.live-match-card{border:1px solid color-mix(in srgb, var(--live), transparent 38%);background:var(--surface-elevated);border-radius:8px;gap:18px;min-width:0;padding:18px;display:grid}[data-color-blind=true] .live-match-card{border-color:color-mix(in srgb, var(--live), transparent 28%)}.live-card-header,.live-board{align-items:center;display:grid}.live-card-header{color:var(--muted);justify-content:end;font-size:.86rem;font-weight:800}.live-card-header strong{color:var(--live)}.live-board{grid-template-columns:minmax(0,1fr) minmax(96px,auto) minmax(0,1fr);gap:14px}.live-team-card{min-width:0;color:var(--text-strong);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-items:center;gap:8px;padding:4px;display:grid}.live-team-card:hover,.live-team-card.is-selected{background:color-mix(in srgb, var(--live), transparent 88%)}.live-team-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.live-team-card .standings-flag{border-width:2px;width:46px;height:32px}.live-team-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1rem;overflow:hidden}.live-scoreboard{color:var(--text-strong);grid-template-columns:minmax(26px,auto) auto minmax(26px,auto);justify-content:center;align-items:center;gap:18px;line-height:1.1;display:grid}.live-scoreboard strong{font-size:clamp(2rem,5vw,3rem);font-weight:900}.live-scoreboard span{color:var(--muted);font-size:1.6rem;font-weight:900}.live-stage-line,.live-context-line{color:var(--muted);text-align:center;margin:0;font-weight:800}.live-stage-line{font-size:.9rem}.live-context-line{border-top:1px solid var(--line);padding-top:10px;font-size:.78rem}.match-card{border:1px solid var(--line);background:var(--surface-elevated);border-radius:8px;gap:18px;min-width:0;padding:18px;display:grid}.upcoming-center{min-width:0;color:var(--muted);text-align:center;place-items:center;gap:6px;display:grid}.upcoming-center strong{color:var(--text-strong);letter-spacing:.08em;text-transform:uppercase;font-size:1.2rem;font-weight:900}.upcoming-center span{justify-content:center;align-items:center;gap:5px;font-size:.78rem;font-weight:800;display:inline-flex}.team-code{--qualification-color:var(--warning);border:1px solid color-mix(in srgb, var(--qualification-color), transparent 30%);width:62px;min-height:34px;color:var(--text-strong);background:linear-gradient(90deg, var(--qualification-color) 0 6px, transparent 6px), color-mix(in srgb, var(--qualification-color), var(--surface) 82%);border-radius:7px;justify-content:center;align-self:start;align-items:center;gap:5px;padding:0 7px 0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.team-code[data-qualification-status=qualified]{--qualification-color:var(--success)}.team-code[data-qualification-status=pending]{--qualification-color:var(--warning)}.team-code[data-qualification-status=eliminated]{--qualification-color:var(--danger)}.team-code.large{width:76px;min-height:44px;font-size:.92rem}.team-code.mini{gap:7px;width:80px;height:54px;min-height:0;padding:0 9px 0 12px;font-size:.98rem}.team-code.plain{background:0 0;border:0;border-radius:0;align-self:center;gap:0;width:auto;min-height:0;padding:0;font-size:.82rem}.flag-icon{border:1px solid color-mix(in srgb, var(--text-strong), transparent 82%);object-fit:cover;border-radius:2px;flex:none;width:22px;height:16px;display:block;box-shadow:0 1px 2px #00000029}.team-code.large .flag-icon{width:26px;height:18px}.team-code.mini .flag-icon{width:28px;height:20px}.team-code.plain .flag-icon{width:22px;height:15px}.team-code.plain>span{display:none}.team-code span{justify-content:center;min-width:3ch;line-height:1;display:inline-flex}.player-table strong{color:var(--text-strong)}.team-heading{margin-bottom:14px}.team-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04090fb8;place-items:start center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.team-modal-panel{width:min(1040px,100%);max-height:calc(100vh - 48px);overflow-y:auto}.team-heading-actions{flex:none;align-items:center;gap:8px;display:flex}.team-close-button{width:38px;min-height:38px}.player-role{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800;display:block}.lineup-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px}.lineup-header h3{color:var(--text-strong);font-size:1rem}.group-standings{border:1px solid var(--line);background:var(--surface-elevated);border-radius:8px;margin-bottom:16px;overflow:hidden}.group-standings h3{border-bottom:1px solid var(--line);color:var(--text-strong);text-transform:uppercase;margin:0;padding:11px 12px;font-size:.82rem;font-weight:900}.group-standings-table-wrap{overflow-x:auto}.group-standings-table{border-collapse:collapse;width:100%;min-width:520px;font-size:.8rem}.group-standings-table th,.group-standings-table td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:9px 8px}.group-standings-table tr:last-child td{border-bottom:0}.group-standings-table th{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:900}.group-standings-table th:nth-child(2),.standings-team-cell{text-align:left}.group-standings-table tr.is-selected td{background:linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 88%), transparent), var(--surface-elevated)}.rank-cell{width:28px;color:var(--muted);font-weight:800}.standings-team-cell{min-width:150px;color:var(--text-strong);align-items:center;gap:9px;display:flex}.standings-flag{border:1px solid color-mix(in srgb, var(--text-strong), transparent 82%);object-fit:cover;border-radius:2px;flex:none;width:30px;height:21px;display:block;box-shadow:0 1px 2px #00000029}.fallback-flag{background:var(--line)}.data-unavailable{border:1px solid var(--line);color:var(--text);background:var(--surface-elevated);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:14px;display:grid}.data-unavailable strong,.data-unavailable span{display:block}.data-unavailable strong{color:var(--text-strong);font-size:.9rem}.data-unavailable span{color:var(--muted);margin-top:3px;font-size:.82rem;font-weight:700;line-height:1.4}.data-unavailable-inline{grid-template-columns:1fr;padding:10px}.pitch{border:1px solid color-mix(in srgb, var(--success), transparent 45%);background:var(--pitch);border-radius:8px;margin-bottom:16px;display:block;position:relative;overflow:hidden}.pitch-header{border-bottom:1px solid color-mix(in srgb, var(--surface), transparent 42%);background:color-mix(in srgb, var(--success), transparent 68%);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.pitch-header span{min-width:0;color:var(--text-strong);align-items:center;gap:10px;display:inline-flex}.pitch-header .standings-flag{width:30px;height:21px}.formation-pill{color:var(--text-strong);background:color-mix(in srgb, var(--success), transparent 58%);border-radius:999px;flex:none;padding:4px 10px;font-size:.78rem}.pitch-field{background:linear-gradient(90deg, color-mix(in srgb, var(--pitch), #fff 4%) 0 50%, transparent 50% 100%), var(--pitch);background-size:68px 100%,auto;height:clamp(480px,66vw,620px);min-height:480px;position:relative;overflow:hidden}.pitch-marking{pointer-events:none;border-color:#ffffff8a;position:absolute}.pitch-box-large{border-style:solid;border-width:0 3px 3px;border-radius:0 0 10px 10px;width:60%;height:30%;top:-2px;left:20%}.pitch-box-small{border-style:solid;border-width:0 3px 3px;border-radius:0 0 8px 8px;width:26%;height:13%;top:-2px;left:37%}.pitch-midline{border-top-style:solid;border-top-width:3px;bottom:6%;left:0;right:0}.pitch-center-circle{border-style:solid;border-width:3px;border-radius:999px;width:124px;height:124px;bottom:calc(6% - 62px);left:50%;transform:translate(-50%)}.player-dot{top:var(--pitch-y);left:var(--pitch-x);z-index:1;width:96px;min-height:78px;color:var(--text-strong);cursor:pointer;text-align:center;text-shadow:0 1px 3px #00000073;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-rows:auto auto;place-items:center;gap:4px;padding:3px;display:grid;position:absolute;transform:translate(-50%,-50%)}.player-dot.is-selected{background:0 0;border-color:#0000}.player-dot.is-selected .player-headshot{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent), transparent 40%)}.player-headshot{border:2px solid color-mix(in srgb, var(--surface), transparent 20%);object-fit:cover;background:var(--surface);border-radius:999px;width:52px;height:52px}.player-dot strong{width:100%;color:var(--text-strong);overflow-wrap:anywhere;font-size:.64rem;font-weight:900;line-height:1.05}.player-table-wrap{margin-top:16px;overflow-x:auto}.player-table{border-collapse:collapse;width:100%;font-size:.82rem}.player-table th,.player-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:9px 7px}.player-table tr.is-selected td{background:color-mix(in srgb, var(--accent), transparent 90%)}.player-table th{color:var(--muted);text-transform:uppercase;font-size:.7rem}.table-player-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.table-player-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.table-headshot{object-fit:cover;border-radius:999px;flex:none;width:34px;height:34px}.player-detail{border:1px solid var(--line);background:var(--surface-elevated);border-radius:8px;gap:0;margin-top:16px;display:grid;overflow:hidden}.player-detail-header{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.player-detail-close{place-self:start end}.detail-headshot{border:2px solid var(--surface);object-fit:cover;width:58px;height:58px;box-shadow:var(--shadow);border-radius:999px}.player-detail-header h3{color:var(--text-strong);margin:0 0 3px;font-size:1.25rem}.player-detail-header span{color:var(--muted);font-size:.82rem;font-weight:800}.player-team-line{align-items:center;gap:8px;display:inline-flex}.player-team-line .standings-flag{width:22px;height:15px}.match-stat-panel{padding:16px}.match-stat-panel h3{color:var(--text-strong);margin:0 0 12px;font-size:1.12rem}.stat-source-note{color:var(--muted);margin:-6px 0 12px;font-size:.82rem;font-weight:700}.match-stat-list{display:grid}.match-stat-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;display:grid}.match-stat-row:first-child{border-top:0}.match-stat-row strong,.match-stat-row span{display:block}.match-stat-row strong{color:var(--text)}.match-stat-row span{color:var(--muted);margin-top:3px;font-size:.78rem;font-weight:700}.match-stat-row em{color:var(--text-strong);font-style:normal;font-weight:900}.match-stat-row.is-featured em{color:#111820;background:#facc15;border-radius:6px;padding:5px 9px}.bracket-surface{margin-top:18px}.bracket-heading{align-items:flex-start}.bracket-board{grid-template-columns:repeat(5,minmax(188px,230px));align-items:start;gap:14px;padding-bottom:8px;display:grid;overflow:auto visible}.bracket-round{grid-template-rows:auto 1fr;gap:10px;min-width:188px;display:grid}.bracket-round h3{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:900}.bracket-row-matches{grid-template-columns:minmax(0,1fr);padding-block:32px;display:grid}.bracket-match-stack{grid-row:var(--bracket-row);align-self:center;gap:6px;min-width:0;display:grid}.bracket-match-label{color:var(--muted);font-size:.72rem;font-weight:900}.bracket-match{border:1px solid var(--line);background:var(--surface-elevated);border-radius:8px;gap:6px;height:108px;padding:8px;display:grid}.bracket-match-meta{color:var(--muted);justify-content:space-between;gap:8px;font-size:.68rem;font-weight:900;display:flex}.bracket-match-meta span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bracket-match-meta span:last-child{text-transform:uppercase;flex:none}.bracket-slot{border:1px solid var(--line);min-height:34px;color:var(--text);background:var(--surface);text-align:left;cursor:pointer;border-radius:7px;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:6px;padding:4px 6px;display:grid}.bracket-slot.is-empty:disabled{cursor:default;opacity:.62}.slot-placement{color:var(--muted);font-size:.72rem;font-weight:900}.slot-team{justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:flex}.slot-team strong{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.slot-spacer{width:16px}.empty-state{min-height:280px;color:var(--muted);text-align:center;place-items:center;display:grid}@media (width<=1120px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:12px}.team-modal-backdrop{padding:10px}.team-modal-panel{max-height:calc(100vh - 20px);padding:14px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:flex-start;width:100%}.match-card,.live-match-card{gap:14px;padding:14px}.live-board{grid-template-columns:minmax(0,1fr) minmax(76px,auto) minmax(0,1fr);gap:8px}.live-team-card .standings-flag{width:38px;height:27px}.live-team-card strong{font-size:.86rem}.live-scoreboard{gap:10px}.pitch{min-height:0}.pitch-header{padding:10px 12px}.pitch-field{height:460px;min-height:460px}.player-dot{width:78px;min-height:68px}.player-headshot{width:44px;height:44px}.player-dot strong{font-size:.56rem}.section-heading,.bracket-heading{flex-direction:column;align-items:flex-start}}