:root{--bg: #fafaf9;--surface: #ffffff;--surface-muted: #f5f5f4;--surface-dark: #0a0a0a;--text: #0a0a0a;--text-strong: #000000;--text-muted: #737373;--text-subtle: #a3a3a3;--text-inverse: #fafafa;--border: #e7e5e4;--border-strong: #d4d4d4;--accent: #dc2626;--accent-strong: #991b1b;--accent-soft: #fef2f2;--accent-tint: #fee2e2;--positive: #15803d;--positive-soft: #f0fdf4;--positive-tint: #bbf7d0;--warning: #a16207;--warning-soft: #fefce8;--warning-tint: #fde68a;--negative: #dc2626;--negative-soft: #fef2f2;--negative-tint: #fecaca;--neutral: #a3a3a3;--away: #1d4ed8;--away-tint: #dbeafe;--radius: 6px;--radius-lg: 12px;--shadow-card: 0 1px 2px rgba(10, 10, 10, .04);--shadow-hover: 0 4px 12px rgba(10, 10, 10, .08);--content-width: 1200px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,a,input,select{font:inherit;color:inherit}button{border:0;background:transparent;padding:0}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh}.app-backdrop{display:none}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-card)}.topbar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-strong) 100%)}.brand-lockup{display:inline-flex;align-items:center;gap:.7rem;cursor:pointer}.brand-mark{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.brand-mark-ball{width:.55rem;height:.55rem;border-radius:50%;background:var(--surface)}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-name{font-weight:600;font-size:.9rem;letter-spacing:-.01em;color:var(--text-strong)}.brand-domain{color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem}.topbar-actions{display:flex;align-items:center;gap:.5rem}.nav-chip,.language-pill{padding:.45rem .85rem;border-radius:var(--radius);background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:500;cursor:pointer;transition:background-color .12s ease,color .12s ease}.nav-chip:hover,.language-pill:hover{color:var(--text);background:var(--surface-muted)}.nav-chip.active,.language-pill.active{background:var(--text-strong);color:var(--text-inverse)}.language-switcher{display:inline-flex;gap:.15rem;padding:.15rem;border-radius:var(--radius);background:var(--surface-muted);border:1px solid var(--border)}.language-switcher .language-pill{padding:.35rem .65rem;font-size:.75rem}.page-shell{width:min(calc(100% - 2.5rem),var(--content-width));margin:0 auto;padding:2rem 0 4rem}.page-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:1rem;align-items:stretch;margin-bottom:1.5rem}.page-hero.compact{grid-template-columns:minmax(0,1.6fr) minmax(260px,.9fr)}.hero-copy{position:relative;padding:2.25rem 2.25rem 2rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:var(--text-inverse);overflow:hidden}.hero-copy:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-strong) 100%)}.hero-copy:after{content:"";position:absolute;right:-6rem;bottom:-6rem;width:16rem;height:16rem;border-radius:50%;background:radial-gradient(circle,rgba(220,38,38,.18) 0%,transparent 70%);pointer-events:none}.hero-copy h1{margin:.5rem 0 .75rem;font-family:var(--font-sans);font-size:clamp(1.9rem,3.2vw,2.75rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--text-inverse)}.hero-copy p{margin:0;max-width:60ch;color:#fafafab3;font-size:.95rem;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-mono);font-size:.68rem;font-weight:500;color:var(--accent)}.hero-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.button-primary,.button-secondary,.button-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .95rem;border-radius:var(--radius);font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;border:1px solid transparent}.button-primary{background:var(--accent);color:var(--text-inverse)}.button-primary:hover{background:var(--accent-strong)}.button-secondary{background:#ffffff14;color:var(--text-inverse);border-color:#ffffff2e}.button-secondary:hover{border-color:#ffffff59;background:#ffffff1f}.button-ghost{align-self:flex-start;margin-bottom:1rem;color:var(--text-muted);background:transparent;padding:.4rem 0;font-size:.82rem}.button-ghost:hover{color:var(--accent)}.button-ghost:before{content:"←";margin-right:.3rem}.hero-highlight{position:relative;padding:1.4rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;overflow:hidden}.hero-highlight:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--accent)}.hero-highlight-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:500;color:var(--accent)}.hero-highlight strong{display:block;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--text-strong)}.hero-highlight p{margin:0;color:var(--text-muted);font-size:.82rem;line-height:1.5}.loading-dots{display:inline-flex;gap:.3rem;margin-top:.75rem}.loading-dots span{width:.4rem;height:.4rem;border-radius:50%;background:var(--text-subtle);animation:pulse 1.1s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-card)}.metric-card{position:relative;padding:1.2rem 1.35rem;border-right:1px solid var(--border);transition:background-color .12s ease}.metric-card-button{width:100%;text-align:left;cursor:pointer}.metric-card-button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.metric-card:hover{background:var(--surface-muted)}.metric-card:last-child{border-right:0}.metric-label{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem}.metric-card strong{display:block;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.65rem;font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--text-strong)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.season-layout{align-items:start}.section-card{padding:1.35rem 1.4rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.section-stack{display:grid;gap:1rem}.section-span-2{grid-column:span 2}.section-span-3{grid-column:span 3}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}.section-heading h2{position:relative;margin:0;padding-left:.75rem;font-size:1rem;font-weight:600;letter-spacing:-.01em;color:var(--text-strong)}.section-heading h2:before{content:"";position:absolute;left:0;top:.15rem;bottom:.15rem;width:3px;border-radius:2px;background:var(--accent)}.section-heading p{margin:0;color:var(--text-muted);font-size:.8rem}.table-shell{overflow-x:auto;margin:0 -.4rem}.standings-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.standings-table th,.standings-table td{padding:.65rem .5rem;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;font-size:.85rem}.standings-table tr:last-child td{border-bottom:0}.standings-table th{color:var(--text-muted);font-family:var(--font-mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.points-cell{font-family:var(--font-mono);font-weight:700;color:var(--accent)}.table-team-button,.team-link{padding:0;color:inherit;background:transparent;cursor:pointer;text-align:left;transition:color .12s ease}.table-team-button{font-weight:500}.table-team-button:hover,.team-link:hover{color:var(--accent)}.ranking-list,.event-list,.match-list,.record-grid{display:grid;gap:.5rem}.ranking-row,.event-row,.record-row{padding:.7rem .85rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.ranking-meta{display:flex;align-items:center;gap:.75rem;min-width:0}.ranking-meta strong,.record-row strong,.season-card strong,.match-card strong{display:block;font-weight:500;color:var(--text-strong)}.ranking-meta div{display:grid;gap:.1rem;min-width:0}.ranking-meta div span{font-size:.78rem;color:var(--text-muted)}.ranking-index{display:inline-flex;align-items:center;justify-content:center;min-width:1.85rem;height:1.85rem;border-radius:var(--radius);background:var(--accent-tint);color:var(--accent-strong);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:-.02em}.ranking-row:nth-child(n+4) .ranking-index{background:var(--surface-muted);color:var(--text-muted)}.ranking-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:600;color:var(--text-strong)}.event-row strong,.record-row strong{font-weight:500}.event-row span,.record-row span{color:var(--text-muted);font-size:.82rem}.record-row strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.season-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.season-card{display:grid;gap:.85rem;width:100%;padding:1.1rem 1.2rem;text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .12s ease,background-color .12s ease}.season-card-kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:500;color:var(--text-muted)}.season-card strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:500;line-height:1;letter-spacing:-.02em;color:var(--text-strong)}.season-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.season-card strong{color:var(--accent)}.season-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding-top:.5rem;border-top:1px solid var(--border)}.season-card-stats div{display:grid;gap:.15rem}.season-card-stats div span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:500;color:var(--text-muted)}.season-card-stats div strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:500;color:var(--text-strong)}.tab-strip{display:grid;gap:.5rem}.season-tab{width:100%;padding:.85rem .95rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;text-align:left;transition:border-color .12s ease,background-color .12s ease}.season-tab:hover{border-color:var(--accent)}.season-tab.active{border-color:var(--accent);background:var(--accent-soft)}.season-tab span{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.season-tab strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600;color:var(--text-strong)}.match-card{padding:.85rem 1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:border-color .12s ease,background-color .12s ease}.match-card-interactive{cursor:pointer}.match-card-interactive:hover,.match-card-interactive:focus-visible,.action-row:hover,.action-row:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-hover);outline:none}.match-card-topline{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.match-card-meta{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.match-timeline-link{padding:.3rem .7rem;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid var(--accent-tint);transition:color .12s ease,background-color .12s ease}.match-timeline-link:hover{color:var(--text-inverse);background:var(--accent);border-color:var(--accent)}.match-card.spacious{display:grid;gap:.65rem;padding:1rem 1.1rem}.match-card-scoreline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.9rem;align-items:center}.team-link{font-weight:500;color:var(--text)}.team-link:first-child{text-align:right}.team-link:last-child{text-align:left}.winner{color:var(--text-strong);font-weight:600}.score-chip,.result-pill,.form-badge{display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;white-space:nowrap}.score-chip{min-width:4.75rem;padding:.4rem .8rem;border-radius:var(--radius);color:var(--text-inverse);background:var(--surface-dark);font-family:var(--font-mono);font-size:.92rem;font-weight:600;letter-spacing:.04em}.result-pill{width:fit-content;padding:.2rem .55rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.positive{color:var(--positive);background:var(--positive-soft);border-color:var(--positive-tint)}.negative{color:var(--negative);background:var(--negative-soft);border-color:var(--negative-tint)}.neutral{color:var(--text-muted);background:var(--surface-muted);border-color:var(--border-strong)}.form-strip{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.form-badge{width:1.75rem;height:1.75rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:.78rem;font-weight:700}.form-badge.positive{color:var(--text-inverse);background:var(--positive)}.form-badge.negative{color:var(--text-inverse);background:var(--negative)}.form-badge.neutral{color:var(--text-inverse);background:var(--neutral)}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.match-page-grid{align-items:start}.match-info-list{display:grid;gap:.5rem}.scoreboard{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1.5rem;align-items:center;margin-top:1.5rem;padding:1.75rem 1.5rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0a0a0a,#1a1a1a);overflow:hidden}.scoreboard:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-strong) 100%)}.scoreboard-team{padding:0;color:var(--text-inverse);background:transparent;font-family:var(--font-sans);font-size:clamp(1rem,2vw,1.35rem);font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:color .12s ease}.scoreboard-team:hover{color:var(--accent)}.scoreboard-team:first-child{text-align:right}.scoreboard-team:last-child{text-align:left}.scoreboard-core{display:grid;justify-items:center;gap:.35rem;padding:.85rem 1.5rem;border-radius:var(--radius);background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.scoreboard-score{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--text-inverse)}.scoreboard-meta{color:#fafafa8c;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.timeline-list{display:grid;gap:.25rem}.timeline-item{display:grid;grid-template-columns:3rem 16px minmax(0,1fr);gap:.85rem;align-items:start;padding:.25rem 0}.timeline-minute{padding-top:.6rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:500;text-align:right;color:var(--text-muted)}.timeline-track{position:relative;display:flex;justify-content:center;min-height:100%}.timeline-track:before{content:"";position:absolute;top:0;bottom:-.25rem;width:1px;background:var(--border)}.timeline-item:last-child .timeline-track:before{bottom:50%}.timeline-node{position:relative;z-index:1;width:.7rem;height:.7rem;margin-top:.7rem;border-radius:50%;background:var(--neutral);box-shadow:0 0 0 3px var(--bg)}.timeline-node.goal{background:var(--accent);box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent-tint)}.timeline-node.warning{background:var(--warning)}.timeline-node.danger{background:var(--negative);box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--negative-tint)}.timeline-card{padding:.75rem .95rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.timeline-home .timeline-card{border-left:3px solid var(--accent)}.timeline-away .timeline-card{border-left:3px solid var(--away)}.timeline-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.timeline-team{font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.timeline-card strong{display:block;margin-bottom:.15rem;font-size:.88rem;font-weight:500;color:var(--text-strong)}.timeline-card p{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.45}.event-badge{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .5rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid transparent}.event-badge.goal{color:var(--text-inverse);background:var(--accent);border-color:var(--accent)}.event-badge.warning{color:var(--warning);background:var(--warning-soft);border-color:var(--warning-tint)}.event-badge.danger{color:var(--text-inverse);background:var(--negative);border-color:var(--negative)}.event-badge.neutral{color:var(--text-muted);background:var(--surface-muted);border-color:var(--border)}.action-row{width:100%;padding:.75rem .9rem;text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .12s ease}@media (max-width: 1100px){.page-hero,.page-hero.compact,.metric-strip,.dashboard-grid,.season-card-grid{grid-template-columns:1fr}.metric-strip{border-radius:var(--radius-lg)}.metric-card{border-right:0;border-bottom:1px solid var(--border)}.metric-card:last-child{border-bottom:0}.section-span-2,.section-span-3{grid-column:span 1}}@media (max-width: 780px){body{font-size:13.5px}.topbar{flex-direction:column;align-items:stretch;padding:.75rem 1rem}.topbar-actions{flex-wrap:wrap;justify-content:flex-start}.page-shell{width:min(calc(100% - 1.5rem),var(--content-width));padding:1.5rem 0 3rem}.hero-copy{padding:1.5rem}.hero-copy h1{font-size:1.65rem}.scoreboard,.match-card-scoreline{grid-template-columns:1fr;justify-items:center;text-align:center}.scoreboard-team:first-child,.scoreboard-team:last-child,.team-link:first-child,.team-link:last-child{text-align:center}.timeline-item{grid-template-columns:2.5rem 14px minmax(0,1fr);gap:.65rem}.match-card-topline,.timeline-card-head{flex-direction:column;align-items:flex-start}.season-card-stats,.record-grid{grid-template-columns:1fr}}
