:root{--pitch-900: #06231a;--pitch-800: #0a3325;--pitch-700: #0f4632;--pitch-600: #15604395;--chalk: #f3f6f1;--chalk-dim: #a7c2b3;--flood: #ffd23f;--flood-deep:#e8b400;--through: #36d399;--out: #ff5d5d;--alive: #7fb3ff;--r: 14px;--gap: clamp(12px, 2vw, 20px);--display: "Archivo", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--body);color:var(--chalk);background:radial-gradient(1200px 600px at 50% -10%,#0d3b2b 0%,transparent 60%),var(--pitch-900);min-height:100vh;background-image:radial-gradient(1200px 600px at 50% -10%,#0d3b2b 0%,transparent 60%),repeating-linear-gradient(90deg,transparent 0 60px,#ffffff04 60px 120px);line-height:1.5}.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(14px,3vw,28px)}.masthead{padding:clamp(28px,6vw,64px) 0 clamp(20px,3vw,32px)}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--flood);display:flex;align-items:center;gap:10px;margin:0 0 14px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--flood)}h1.title{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,8vw,5.2rem);line-height:.92;letter-spacing:-.02em;margin:0;text-wrap:balance}.subtitle{font-size:clamp(1rem,2.4vw,1.35rem);color:var(--chalk);margin:14px 0 0;max-width:40ch;font-weight:500}.tagline{color:var(--chalk-dim);margin:10px 0 0;max-width:56ch;font-size:.98rem}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:clamp(20px,3vw,28px)}.btn{font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--pitch-600);background:var(--pitch-800);color:var(--chalk);padding:11px 18px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:border-color .15s,background .15s,transform .05s}.btn:hover{border-color:var(--flood)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--flood);outline-offset:2px}.btn[aria-pressed=true]{background:var(--flood);color:var(--pitch-900);border-color:var(--flood);font-weight:700}.btn .spin{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.meta{font-family:var(--mono);font-size:12px;color:var(--chalk-dim);display:flex;align-items:center;gap:8px;margin-left:auto}.dot{width:7px;height:7px;border-radius:50%;background:var(--chalk-dim)}.dot.live{background:var(--flood);box-shadow:0 0 0 0 var(--flood);animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #ffd23f88}70%{box-shadow:0 0 0 7px #ffd23f00}to{box-shadow:0 0 #ffd23f00}}.toggle-group{display:inline-flex;gap:6px}.section{margin:clamp(34px,6vw,60px) 0}.section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:var(--gap);flex-wrap:wrap}.section-head h2{font-family:var(--display);font-weight:800;font-size:clamp(1.4rem,3.5vw,2.1rem);margin:0;letter-spacing:-.01em}.section-head p{margin:0;color:var(--chalk-dim);font-size:.95rem}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:var(--gap)}.group-card{background:var(--pitch-800);border:1px solid var(--pitch-600);border-radius:var(--r);overflow:hidden}.group-card header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--pitch-700);border-bottom:1px solid var(--pitch-600)}.group-card header h3{font-family:var(--display);font-weight:800;font-size:1.05rem;margin:0;letter-spacing:.02em}.group-letter{font-family:var(--mono);font-size:12px;color:var(--flood);letter-spacing:.2em}table{width:100%;border-collapse:collapse}thead th{font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--chalk-dim);text-align:right;padding:8px 6px}thead th.l{text-align:left}tbody td{padding:9px 6px;font-size:.9rem;text-align:right;border-top:1px solid #ffffff0a;font-variant-numeric:tabular-nums;font-family:var(--mono)}tbody td.team-cell{text-align:left;font-family:var(--body)}tbody td.pts{color:var(--chalk);font-weight:700}tbody tr{position:relative}tr[data-verdict=QUALIFIED] td:first-child{box-shadow:inset 3px 0 0 var(--through)}tr[data-verdict=ELIMINATED_TOP2] td:first-child{box-shadow:inset 3px 0 0 var(--out)}tr[data-verdict=ALIVE] td:first-child{box-shadow:inset 3px 0 0 var(--alive)}tbody tr.cutline td{border-top:2px solid var(--flood)}.team-cell{display:flex;align-items:center;gap:9px;min-width:0}.flag{width:22px;height:16px;border-radius:2px;object-fit:cover;flex:0 0 auto;background:#1c1c1c}.team-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-code{font-family:var(--mono);font-size:10px;color:var(--chalk-dim);margin-left:6px}.chip{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:5px;font-weight:700;white-space:nowrap}.chip.q{background:#36d3992a;color:var(--through)}.chip.o{background:#ff5d5d22;color:var(--out)}.chip.a{background:#7fb3ff22;color:var(--alive)}.thirds{background:var(--pitch-800);border:1px solid var(--pitch-600);border-radius:var(--r);overflow:hidden}.thirds .row{display:grid;grid-template-columns:40px 1fr 44px 60px;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid #ffffff0a}.thirds .row:first-child{border-top:0}.thirds .row.advances{background:#36d3990f}.thirds .rank{font-family:var(--mono);font-size:1.05rem;font-weight:700;color:var(--chalk-dim)}.thirds .row.advances .rank{color:var(--through)}.thirds .ptsbox{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;font-size:.9rem}.cut-row{padding:8px 16px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--flood);background:#ffd23f12;border-top:1px dashed var(--flood);text-align:center}.live-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.live-card{flex:0 0 auto;background:var(--pitch-700);border:1px solid var(--pitch-600);border-radius:10px;padding:12px 14px;min-width:200px}.live-card.is-live{border-color:var(--flood)}.live-card .ls-top{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--chalk-dim);display:flex;justify-content:space-between;margin-bottom:8px}.live-card.is-live .ls-top .badge{color:var(--pitch-900);background:var(--flood);padding:1px 6px;border-radius:4px;font-weight:700}.live-card .ls-team{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0}.live-card .ls-score{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums}.empty{color:var(--chalk-dim);font-family:var(--mono);font-size:13px;padding:18px;border:1px dashed var(--pitch-600);border-radius:10px;text-align:center}.legend{display:flex;flex-wrap:wrap;gap:16px;font-family:var(--mono);font-size:11px;color:var(--chalk-dim);margin-top:14px}.legend span{display:inline-flex;align-items:center;gap:7px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}footer{border-top:1px solid var(--pitch-600);margin-top:60px;padding:24px 0 50px;color:var(--chalk-dim);font-size:12px;font-family:var(--mono)}@media (prefers-reduced-motion: reduce){.dot.live,.btn .spin{animation:none}}.skeleton{opacity:.5}
