:root{--ok-bg-0: #060609;--ok-bg-1: #0b0b12;--ok-bg-2: #11111b;--ok-bg-3: #1a1a26;--ok-line: #1f1f2e;--ok-line-soft: #15151f;--ok-grid: rgba(255, 255, 255, .04);--ok-fg: #f4f4f8;--ok-fg-soft: #b9bac8;--ok-fg-mute: #6c6d80;--ok-fg-dim: #3d3e50;--ok-orange: oklch(72% .19 45);--ok-magenta: oklch(70% .27 340);--ok-cyan: oklch(82% .14 200);--ok-success: oklch(72% .16 150);--ok-warning: oklch(78% .15 80);--ok-danger: oklch(64% .22 25);--ok-display: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ok-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--r-0: 0;--r-1: 4px;--r-2: 8px;--r-3: 12px;--r-pill: 999px}*{box-sizing:border-box}html{background:var(--ok-bg-0)}body{min-width:320px;margin:0;background:var(--ok-bg-0);color:var(--ok-fg);font-family:var(--ok-display)}button,input,textarea,select{font:inherit}.dashboard-shell{min-height:100vh;background:linear-gradient(var(--ok-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ok-grid) 1px,transparent 1px),var(--ok-bg-0);background-size:56px 56px}.hero{border-bottom:1px solid var(--ok-line);background:radial-gradient(circle at 82% 18%,color-mix(in oklch,var(--ok-orange) 12%,transparent),transparent 28%),linear-gradient(135deg,var(--ok-bg-1),var(--ok-bg-0) 70%)}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,320px);gap:var(--s-8);width:min(1440px,100%);margin:0 auto;padding:var(--s-20) var(--s-8) var(--s-12)}.hero-copy{max-width:820px}.hero-eyebrow,.hero-snapshot,.section-kicker,.section-note,.metric-tile p,.standings-table th,.matchday-chip,.fixture-row,.feeder-slot p,.feeder-slot strong,.bracket-column h3,.bracket-card__stage,.bracket-card__match,.bracket-card strong,.third-place-note,.snapshot-footer{font-family:var(--ok-mono)}.hero-eyebrow,.section-kicker,.metric-tile p,.standings-table th,.bracket-card__stage{letter-spacing:.08em;text-transform:uppercase}.hero-eyebrow{margin:0 0 var(--s-4);color:var(--ok-fg-mute);font-size:.78rem;font-weight:500}.hero h1{max-width:780px;margin:0;color:var(--ok-fg);font-family:var(--ok-display);font-size:clamp(3rem,8vw,6.8rem);font-weight:700;line-height:.92;letter-spacing:0}.hero-hosts{margin:var(--s-6) 0 0;color:var(--ok-fg-soft);font-size:clamp(1rem,2vw,1.35rem)}.hero-snapshot{margin:var(--s-5) 0 0;color:var(--ok-fg-mute);font-size:.86rem}.hero-caption{max-width:640px;margin:var(--s-8) 0 0;color:var(--ok-fg-soft);font-size:1rem;line-height:1.6}.hero-mark{align-self:end;justify-self:end;width:min(100%,300px);border:1px solid var(--ok-line);border-radius:var(--r-2);background:color-mix(in oklch,var(--ok-bg-2) 84%,transparent);padding:var(--s-6);box-shadow:inset 0 1px color-mix(in oklch,var(--ok-cyan) 24%,transparent)}.hero-mark span,.hero-mark strong{display:block;font-family:var(--ok-mono)}.hero-mark span{color:var(--ok-cyan);font-size:.8rem;letter-spacing:.14em}.hero-mark strong{margin-top:var(--s-3);color:var(--ok-orange);font-size:clamp(2.6rem,7vw,5rem);font-weight:500;line-height:1}.dashboard-section{width:min(1440px,100%);margin:0 auto;padding:var(--s-12) var(--s-8)}.metrics-section{padding-top:var(--s-10);padding-bottom:var(--s-8)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s-4)}.metric-tile{position:relative;overflow:hidden;min-height:132px;border:1px solid var(--ok-line);border-radius:var(--r-2);background:var(--ok-bg-1);padding:var(--s-5)}.metric-tile--played:before{position:absolute;top:0;right:0;left:0;height:2px;background:var(--ok-orange);content:""}.metric-tile p{margin:0 0 var(--s-5);color:var(--ok-fg-mute);font-size:.72rem}.metric-tile strong{color:var(--ok-fg);font-size:2.8rem;font-weight:600;line-height:1}.section-heading{margin-bottom:var(--s-6)}.section-heading--inline{display:flex;align-items:end;justify-content:space-between;gap:var(--s-6)}.section-kicker{margin:0 0 var(--s-2);color:var(--ok-cyan);font-size:.75rem}.section-heading h2{margin:0;color:var(--ok-fg);font-size:clamp(1.8rem,4vw,3.25rem);font-weight:600;line-height:1}.section-note{max-width:360px;margin:0;color:var(--ok-fg-mute);font-size:.8rem;line-height:1.5;text-align:right}.groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--s-5)}.group-card{border:1px solid var(--ok-line);border-radius:var(--r-2);background:color-mix(in oklch,var(--ok-bg-1) 92%,transparent);overflow:hidden}.group-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);border-bottom:1px solid var(--ok-line);padding:var(--s-4)}.group-card__header h3{margin:0;color:var(--ok-fg);font-size:1.16rem;font-weight:600}.group-card__header p{margin:0;color:var(--ok-fg-soft);font-family:var(--ok-mono);font-size:.75rem;white-space:nowrap}.standings-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.standings-table th,.standings-table td{padding:var(--s-2) var(--s-2);text-align:right}.standings-table th{border-bottom:1px solid var(--ok-line-soft);color:var(--ok-fg-mute);font-size:.64rem;font-weight:500}.standings-table th:nth-child(2),.standings-table td:nth-child(2){text-align:left}.standings-table td{border-bottom:1px solid var(--ok-line-soft);background:var(--ok-bg-2);color:var(--ok-fg-soft);font-family:var(--ok-mono);font-size:.76rem}.standings-table tbody tr:hover td{background:var(--ok-bg-3)}.standings-table td:first-child{border-left:2px solid transparent;color:var(--ok-fg-mute)}.standings-table .standing-row--qualifies td:first-child{border-left-color:var(--ok-success);color:var(--ok-success)}.standings-table td:nth-child(2),.standings-table td:last-child{color:var(--ok-fg);font-weight:500}.fixture-list{display:grid;gap:1px;background:var(--ok-line-soft)}.fixture-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:var(--s-3);min-height:42px;background:var(--ok-bg-1);padding:var(--s-2) var(--s-4);color:var(--ok-fg);font-size:.76rem}.matchday-chip{color:var(--ok-fg-mute);font-size:.7rem}.fixture-row__teams{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixture-row__result{display:inline-flex;align-items:center;gap:var(--s-1);color:var(--ok-fg-mute);white-space:nowrap}.fixture-row__result strong{color:var(--ok-fg);font-family:var(--ok-display);font-size:.9rem;font-weight:600}.fixture-row__result--scheduled strong{color:var(--ok-fg-mute);font-family:var(--ok-mono);font-size:.76rem}.fixture-row__result--postponed span,.fixture-row__result--postponed strong{color:var(--ok-warning)}.fixture-row__result--cancelled span,.fixture-row__result--cancelled strong{color:var(--ok-danger)}.feeder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4)}.feeder-slot{display:grid;gap:var(--s-4);min-height:150px;border:1px solid var(--ok-line);border-radius:var(--r-2);background:var(--ok-bg-2);padding:var(--s-4)}.feeder-slot p{margin:0;color:var(--ok-fg-mute);font-size:.72rem}.feeder-slot div,.bracket-card__sides{display:grid;gap:var(--s-2)}.feeder-slot span,.bracket-card__sides span{color:var(--ok-fg-soft);line-height:1.3}.feeder-slot em,.bracket-card__sides em{color:var(--ok-cyan);font-family:var(--ok-mono);font-size:.72rem;font-style:normal}.feeder-slot strong,.bracket-card strong{align-self:end;width:fit-content;border:1px solid color-mix(in oklch,var(--ok-warning) 42%,transparent);border-radius:var(--r-pill);color:var(--ok-warning);padding:var(--s-1) var(--s-2);font-size:.68rem;font-weight:500}.bracket-section{overflow:hidden}.bracket-grid{display:grid;grid-template-columns:2fr 1.5fr 1.15fr .95fr;gap:var(--s-6);align-items:start}.bracket-column{position:relative}.bracket-column:not(:last-child):after{position:absolute;top:88px;right:calc(var(--s-6) * -1);width:var(--s-6);height:calc(100% - 120px);min-height:72px;border-top:1px solid var(--ok-line-soft);border-right:1px solid var(--ok-line-soft);border-bottom:1px solid var(--ok-line-soft);content:""}.bracket-column h3{margin:0 0 var(--s-3);color:var(--ok-magenta);font-size:.74rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.bracket-column__cards{display:grid;gap:var(--s-3)}.bracket-card{position:relative;display:grid;gap:var(--s-3);min-height:156px;border:1px solid var(--ok-line);border-radius:var(--r-2);background:var(--ok-bg-2);padding:var(--s-4)}.bracket-card:after{position:absolute;top:50%;right:calc(var(--s-6) * -1);width:var(--s-6);height:1px;background:var(--ok-line-soft);content:""}.bracket-column--final .bracket-card:after{display:none}.bracket-card__stage,.bracket-card__match{margin:0;color:var(--ok-fg-mute);font-size:.68rem}.bracket-card__match{letter-spacing:0;text-transform:none}.third-place-note{margin:var(--s-4) 0 0;color:var(--ok-fg-mute);font-size:.72rem}.snapshot-footer{width:min(1440px,100%);margin:var(--s-8) auto 0;border-top:1px solid var(--ok-line);padding:var(--s-6) var(--s-8) var(--s-10)}.snapshot-footer p{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-3);margin:0;color:var(--ok-fg-mute);font-size:.76rem}.snapshot-footer p span:not(:last-child):after{margin-left:var(--s-3);color:var(--ok-fg-dim);content:"·"}.snapshot-footer small{display:block;margin-top:var(--s-3);color:var(--ok-fg-dim);font-size:.68rem}@media(max-width:1100px){.hero-inner{grid-template-columns:1fr}.hero-mark{justify-self:start}.feeder-grid,.bracket-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bracket-column:after,.bracket-card:after{display:none}}@media(max-width:720px){.hero-inner,.dashboard-section,.snapshot-footer{padding-right:var(--s-4);padding-left:var(--s-4)}.hero-inner{padding-top:var(--s-16)}.section-heading--inline{display:block}.section-note{margin-top:var(--s-3);text-align:left}.groups-grid,.feeder-grid,.bracket-grid{grid-template-columns:1fr}.group-card__header{display:block}.group-card__header p{margin-top:var(--s-2)}.standings-table th,.standings-table td{padding-right:var(--s-1);padding-left:var(--s-1);font-size:.68rem}.fixture-row{grid-template-columns:42px minmax(0,1fr)}.fixture-row__result{grid-column:2;justify-self:start}}