:root{--ink: #0a0a0a;--paper: #f5f3ef;--lime: #c8ff00;--red: #e8000d;--muted: #7a7570;--rule: rgba(10, 10, 10, .12);--tick: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Archivo,sans-serif;overflow-x:hidden;cursor:crosshair}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.7}button{font:inherit}.status-screen{min-height:100vh;display:grid;place-items:center;padding:40px;font-family:Archivo Black,sans-serif;font-size:clamp(28px,4vw,48px);text-align:center}.status-screen-error{background:var(--ink);color:var(--paper);gap:12px}.ticker-wrap{background:var(--ink);overflow:hidden;height:36px;display:flex;align-items:center}.ticker-track{display:flex;white-space:nowrap;animation:ticker 40s linear infinite}.ticker-track span{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.15em;color:var(--lime);text-transform:uppercase;padding:0 32px}.ticker-track span.sep{color:var(--muted);padding:0 8px}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero{border-bottom:2px solid var(--ink);position:relative;overflow:hidden;padding:0 40px;display:grid;grid-template-columns:1fr auto;align-items:end;min-height:320px}.hero-left{padding-bottom:32px}.hero-eyebrow{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.25em;color:var(--muted);text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:12px}.hero-eyebrow:before{content:"";width:28px;height:2px;background:var(--lime);display:inline-block}.hero-title{font-family:Archivo Black,sans-serif;font-size:clamp(56px,9vw,120px);line-height:.88;letter-spacing:-.03em;color:var(--ink)}.hero-title .wc{display:block}.hero-title .year{display:block;color:transparent;-webkit-text-stroke:3px var(--ink);letter-spacing:-.04em}.hero-meta{display:flex;gap:24px;margin-top:28px;flex-wrap:wrap}.hero-badge{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:7px 14px;border:1.5px solid var(--ink);border-radius:2px;cursor:default;transition:all var(--tick)}.hero-badge:hover{background:var(--ink);color:var(--lime)}.hero-badge.hl{background:var(--lime);border-color:var(--lime);font-weight:600}.hero-right{border-left:2px solid var(--ink);height:100%;min-height:320px;width:220px;display:flex;flex-direction:column;justify-content:flex-end;padding:32px 28px}.hero-count-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-bottom:6px}.hero-count-num{font-family:Archivo Black,sans-serif;font-size:64px;line-height:1;letter-spacing:-.04em;color:var(--lime);background:var(--ink);display:inline-block;padding:4px 12px 0;margin-bottom:16px}.hero-count-sub{font-size:12px;color:var(--muted);line-height:1.5}.hero-bg-num{position:absolute;right:220px;bottom:-40px;font-family:Archivo Black,sans-serif;font-size:40vw;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(10,10,10,.04);pointer-events:none;letter-spacing:-.06em;-webkit-user-select:none;user-select:none}.nav-bar{position:sticky;top:0;z-index:200;background:var(--paper);border-bottom:2px solid var(--ink);display:flex;align-items:stretch}.nav-logo{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:0 24px;display:flex;align-items:center;border-right:2px solid var(--ink);color:var(--muted);white-space:nowrap}.nav-tabs{display:flex;flex:1;overflow-x:auto;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-btn{background:none;border:none;border-right:1.5px solid var(--rule);cursor:pointer;padding:0 28px;font-family:Archivo Black,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;height:52px;position:relative;transition:color var(--tick)}.nav-btn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--lime);transform:scaleX(0);transition:transform var(--tick)}.nav-btn:hover,.nav-btn.active{color:var(--ink)}.nav-btn.active:after{transform:scaleX(1)}.nav-countdown{margin-left:auto;border-left:2px solid var(--ink);padding:0 24px;display:flex;align-items:center;gap:8px;white-space:nowrap}.nav-countdown-num{font-family:Archivo Black,sans-serif;font-size:22px;letter-spacing:-.02em}.nav-countdown-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);line-height:1.4}.tab-pane{display:none}.tab-pane.on{display:block;animation:reveal .3s ease both}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sec-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-bottom:2px solid var(--ink)}.sec-header-label{font-family:Archivo Black,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:18px 32px;border-right:1.5px solid var(--rule)}.sec-header-title{font-family:Archivo Black,sans-serif;font-size:clamp(28px,4vw,48px);letter-spacing:-.03em;padding:14px 32px}.sec-header-count{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;color:var(--muted);padding:18px 32px;border-left:1.5px solid var(--rule)}.groups-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:2px solid var(--ink)}.group-cell{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);position:relative;overflow:hidden;transition:background var(--tick)}.group-cell:hover{background:#fff}.gc-letter{font-family:Archivo Black,sans-serif;font-size:140px;line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px rgba(10,10,10,.07);position:absolute;right:-18px;top:-18px;pointer-events:none;-webkit-user-select:none;user-select:none;transition:-webkit-text-stroke-color var(--tick),color var(--tick)}.group-cell:hover .gc-letter{color:var(--lime);-webkit-text-stroke:0}.gc-head{display:flex;align-items:center;border-bottom:1.5px solid var(--rule);position:relative}.gc-letter-badge{font-family:Archivo Black,sans-serif;font-size:13px;letter-spacing:.1em;padding:12px 16px;border-right:1.5px solid var(--rule);color:var(--muted)}.gc-group-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;padding:12px 14px}.gc-teams{position:relative;z-index:1}.gc-team{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--rule);transition:padding-left var(--tick)}.gc-team:last-child{border-bottom:none}.group-cell:hover .gc-team{padding-left:22px}.gc-flag{font-size:20px;line-height:1;flex-shrink:0}.gc-name{font-size:13.5px;font-weight:600;letter-spacing:.01em;flex:1}.gc-debut{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;background:var(--red);color:#fff;padding:2px 5px;border-radius:2px}.sched-wrap,.ko-wrap,.favs-section{padding:40px}.sched-day{margin-bottom:52px}.sched-day-head{display:flex;align-items:baseline;gap:20px;margin-bottom:16px;padding-bottom:12px;border-bottom:1.5px solid var(--ink)}.sday-num{font-family:Archivo Black,sans-serif;font-size:clamp(36px,5vw,64px);letter-spacing:-.04em;line-height:1}.sday-month{font-family:Archivo Black,sans-serif;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);align-self:flex-end;margin-bottom:6px}.sday-badge{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;background:var(--lime);color:var(--ink);padding:4px 10px;margin-bottom:4px;align-self:flex-end}.sday-line{flex:1;height:1.5px;background:var(--rule);align-self:center}.match-row{display:grid;grid-template-columns:80px 1fr 56px 1fr 140px;align-items:center;border:1.5px solid var(--rule);border-top:none;transition:all var(--tick);position:relative;overflow:hidden}.match-row:first-of-type{border-top:1.5px solid var(--rule)}.match-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--lime);transition:width var(--tick);z-index:0}.match-row:hover:before{width:4px}.match-row:hover{border-color:var(--ink);background:#fff}.match-row>*{position:relative;z-index:1}.mr-time{font-family:DM Mono,monospace;font-size:13px;letter-spacing:.05em;color:var(--muted);padding:20px 16px;border-right:1.5px solid var(--rule);text-align:center}.mr-home,.mr-away{display:flex;align-items:center;gap:12px}.mr-home{padding:20px 24px 20px 28px;justify-content:flex-end}.mr-away{padding:20px 28px 20px 24px}.mr-team-flag{font-size:24px;flex-shrink:0}.mr-team-name{font-family:Archivo Black,sans-serif;font-size:14px;letter-spacing:-.01em;text-transform:uppercase}.mr-vs{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;color:var(--muted);text-align:center;border-left:1.5px solid var(--rule);border-right:1.5px solid var(--rule);height:100%;display:flex;align-items:center;justify-content:center}.mr-info{padding:20px 18px;border-left:1.5px solid var(--rule);text-align:right}.mr-group{font-family:Archivo Black,sans-serif;font-size:11px;letter-spacing:.08em;margin-bottom:4px}.mr-venue{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.05em;color:var(--muted);line-height:1.5}.schedule-note{border:1.5px dashed rgba(10,10,10,.15);border-radius:2px;padding:24px 28px;text-align:center;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}.ko-stages{display:grid;grid-template-columns:repeat(5,1fr);border:2px solid var(--ink);overflow:hidden}.ko-col{border-right:2px solid var(--ink);transition:background var(--tick)}.ko-col:last-child{border-right:none}.ko-col:hover{background:#fff}.ko-col-head{padding:20px 20px 16px;border-bottom:2px solid var(--ink);background:var(--ink);color:var(--paper)}.ko-col-name{font-family:Archivo Black,sans-serif;font-size:13px;letter-spacing:.05em;text-transform:uppercase;line-height:1.2;margin-bottom:6px}.ko-col-date{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;color:var(--lime)}.ko-col-body{padding:20px}.ko-stat-big{font-family:Archivo Black,sans-serif;font-size:56px;letter-spacing:-.04em;color:var(--lime);line-height:1;margin-bottom:4px}.ko-stat-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:16px}.ko-desc{font-size:12px;color:var(--muted);line-height:1.65}.ko-final-wrap{margin-top:40px;border:2px solid var(--ink);display:grid;grid-template-columns:1fr 2px 1fr 2px 1fr}.kf-cell{padding:32px 36px}.kf-cell-mid{background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px}.kf-divider{width:2px;background:var(--ink)}.kf-eyebrow{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.kf-big{font-family:Archivo Black,sans-serif;font-size:clamp(28px,4vw,52px);letter-spacing:-.03em;line-height:1;margin-bottom:12px}.kf-big-small{font-size:clamp(20px,2.5vw,36px)}.kf-detail{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.05em;color:var(--muted);line-height:1.6}.kf-trophy{font-size:64px;display:block;margin-bottom:16px;animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.kf-mid-title{font-family:Archivo Black,sans-serif;font-size:22px;letter-spacing:.05em;text-transform:uppercase;color:var(--lime);text-align:center;line-height:1.2;margin-bottom:10px}.kf-mid-date{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;color:#ffffff80;text-align:center}.ov-wrap{padding:0}.stats-strip{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:2px solid var(--ink)}.stat-cell{padding:32px 28px;border-right:1.5px solid var(--rule);transition:background var(--tick)}.stat-cell:hover{background:var(--ink)}.stat-cell:last-child{border-right:none}.stat-n{font-family:Archivo Black,sans-serif;font-size:52px;letter-spacing:-.04em;line-height:1;color:var(--lime)}.stat-l{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:6px}.stat-cell:hover .stat-l{color:#ffffff80}.hosts-row{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:2px solid var(--ink)}.host-cell{padding:36px 40px;border-right:2px solid var(--ink);display:flex;align-items:center;gap:20px;transition:background var(--tick)}.host-cell:last-child{border-right:none}.host-cell:hover{background:var(--ink)}.host-flag{font-size:52px}.host-name{font-family:Archivo Black,sans-serif;font-size:22px;letter-spacing:-.02em;transition:color var(--tick)}.host-cell:hover .host-name{color:var(--lime)}.host-detail{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px}.host-cell:hover .host-detail{color:#fff6}.favs-title{font-family:Archivo Black,sans-serif;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:24px;display:flex;align-items:center;gap:12px}.favs-title:after{content:"";flex:1;height:1.5px;background:var(--rule)}.favs-list{display:flex;flex-direction:column;border:1.5px solid var(--rule)}.fav-row{display:grid;grid-template-columns:52px 36px 1fr 1fr auto;align-items:center;border-bottom:1px solid var(--rule);transition:all var(--tick);cursor:default}.fav-row:last-child{border-bottom:none}.fav-row:hover{background:var(--ink);color:#fff}.fav-rank{font-family:Archivo Black,sans-serif;font-size:13px;color:var(--muted);text-align:center;padding:16px 0;border-right:1px solid var(--rule)}.fav-row:hover .fav-rank{color:var(--lime);border-color:#ffffff1a}.fav-flag{font-size:22px;text-align:center;padding:16px 0;border-right:1px solid var(--rule)}.fav-row:hover .fav-flag{border-color:#ffffff1a}.fav-name{font-family:Archivo Black,sans-serif;font-size:14px;letter-spacing:.02em;text-transform:uppercase;padding:16px 20px;border-right:1px solid var(--rule)}.fav-group{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;color:var(--muted);padding:16px 20px;border-right:1px solid var(--rule)}.fav-odds{font-family:DM Mono,monospace;font-size:12px;padding:16px 20px;color:var(--muted)}.fav-row:nth-child(-n+3) .fav-odds{color:var(--red)}.fav-row:hover .fav-odds{color:var(--lime)}footer{border-top:2px solid var(--ink);display:grid;grid-template-columns:1fr auto;align-items:center;padding:20px 40px;gap:20px}.footer-text{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.footer-mark{font-family:Archivo Black,sans-serif;font-size:11px;letter-spacing:.15em;text-transform:uppercase}@media (max-width: 900px){.groups-grid{grid-template-columns:repeat(2,1fr)}.ko-stages,.hosts-row,.stats-strip{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.hero{grid-template-columns:1fr;padding:0 20px}.hero-right{width:100%;min-height:auto;border-left:none;border-top:2px solid var(--ink)}.hero-bg-num{right:0;bottom:30px;font-size:52vw}.match-row{grid-template-columns:56px 1fr 36px 1fr}.mr-info{display:none}.mr-team-name{font-size:12px}.mr-home{padding:16px 10px 16px 16px}.mr-away{padding:16px 16px 16px 10px}.ko-stages,.ko-final-wrap,.hosts-row{grid-template-columns:1fr}.kf-divider{width:auto;height:2px}footer{grid-template-columns:1fr}}@media (max-width: 480px){.groups-grid,.stats-strip,.sec-header{grid-template-columns:1fr}.sec-header-label,.sec-header-title,.sec-header-count{border:none;padding:16px 20px}.fav-row{grid-template-columns:52px 36px 1fr}.fav-group,.fav-odds{display:none}}