@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@600;700;800&family=Archivo:wght@400;500;600&family=Spline+Sans+Mono:wght@400;500&display=swap");:root{--pitch:#0d3a2b;--pitch-stripe:#0f4030;--panel:#114534;--panel-edge:rgba(242,239,228,0.22);--tile:#06231a;--chalk:#f2efe4;--chalk-dim:rgba(242,239,228,0.62);--chalk-faint:rgba(242,239,228,0.35);--sodium:#f5a83c;--font-display:"Big Shoulders Display","Arial Narrow",system-ui,sans-serif;--font-body:"Archivo",system-ui,-apple-system,sans-serif;--font-mono:"Spline Sans Mono",ui-monospace,"SF Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;background:repeating-linear-gradient(90deg,var(--pitch) 0 110px,var(--pitch-stripe) 110px 220px);color:var(--chalk);font-family:var(--font-body);line-height:1.5;padding:clamp(16px,3vw,40px)}.wrap{max-width:980px;margin:0 auto}header{padding-bottom:22px}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--sodium)}.eyebrow,h1{text-transform:uppercase}h1{font-family:var(--font-display);font-weight:800;font-size:clamp(44px,8vw,84px);line-height:.95;letter-spacing:.01em;margin-top:6px}.sub{max-width:56ch;margin-top:10px;font-size:15px}.meta-pill,.sub{color:var(--chalk-dim)}.meta-pill{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding:8px 14px;border:1.5px solid var(--panel-edge);border-radius:999px;font-family:var(--font-mono);font-size:12px}.meta-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--sodium);flex:none}.halfway,.meta-pill .dot.stale{background:var(--chalk-faint)}.halfway{position:relative;height:2px;margin:8px 0 30px}.halfway:after{content:"";position:absolute;left:50%;top:1px;transform:translateX(-50%);width:56px;height:28px;border:2px solid var(--chalk-faint);border-top:none;border-radius:0 0 56px 56px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:18px;gap:18px}.card{background:var(--panel);border:1.5px solid var(--panel-edge);border-radius:14px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:14px;opacity:0;transform:translateY(14px);animation:rise .5s ease forwards}.card:nth-child(2){animation-delay:.07s}.card:nth-child(3){animation-delay:.14s}.card:nth-child(4){animation-delay:.21s}@keyframes rise{to{opacity:1;transform:none}}.card-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.stage{letter-spacing:.14em;text-transform:uppercase;color:var(--sodium)}.countdown,.stage{font-family:var(--font-mono);font-size:11px}.countdown{color:var(--chalk-dim);white-space:nowrap}.countdown.soon{color:var(--sodium)}.team-row{display:flex;align-items:center;gap:12px}.flag{font-size:30px;line-height:1;flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.team-name{font-weight:700;font-size:clamp(22px,3vw,27px);text-transform:uppercase;letter-spacing:.02em;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-name,.tile{font-family:var(--font-display)}.tile{position:relative;flex:none;width:46px;height:56px;border-radius:7px;background:var(--tile);border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 2px 6px rgba(0,0,0,.55),0 1px 0 rgba(242,239,228,.08);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:34px;color:var(--chalk);transform-style:preserve-3d;animation:flip .55s cubic-bezier(.3,1.4,.5,1) backwards}.card:first-child .tile{animation-delay:.25s}.card:nth-child(2) .tile{animation-delay:.32s}.card:nth-child(3) .tile{animation-delay:.39s}.card:nth-child(4) .tile{animation-delay:.46s}@keyframes flip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.tile:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(rgba(0,0,0,.65),rgba(242,239,228,.06));transform:translateY(-1px)}.kickoff{font-family:var(--font-mono);font-size:12.5px;color:var(--chalk-dim);border-top:1.5px dashed var(--chalk-faint);padding-top:12px;display:flex;flex-direction:column;gap:3px}.kickoff .venue{color:var(--chalk)}.conf{display:flex;align-items:center;gap:10px}.conf-track{flex:1 1;height:6px;border-radius:99px;background:rgba(0,0,0,.35);overflow:hidden}.conf-fill{height:100%;border-radius:99px;background:var(--sodium)}.conf-num{font-family:var(--font-mono);font-size:12px;color:var(--sodium);min-width:74px;text-align:right}.note{font-size:13.5px;color:var(--chalk-dim);line-height:1.55}.state{border:1.5px dashed var(--panel-edge);border-radius:14px;padding:48px 24px;text-align:center}.state h2{font-family:var(--font-display);font-weight:700;font-size:30px;text-transform:uppercase;letter-spacing:.03em}.state p{color:var(--chalk-dim);margin-top:8px;font-size:14px;max-width:46ch;margin-inline:auto}.ball{width:14px;height:14px;border-radius:50%;background:var(--chalk);margin:0 auto 16px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}button.retry{margin-top:18px;padding:10px 22px;border-radius:999px;cursor:pointer;background:var(--sodium);color:#3a2405;border:none;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em}button.retry:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}footer{margin-top:34px;padding-top:16px;border-top:1.5px solid var(--chalk-faint);font-family:var(--font-mono);font-size:11.5px;color:var(--chalk-faint);display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between}@media (prefers-reduced-motion:reduce){.card,.tile{opacity:1;transform:none}.ball,.card,.tile{animation:none}}