*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08090b;--surface:#0f1114;--border:#1a1d23;--text:#c8cad0;--text-dim:#5a5e6a;--text-bright:#eef0f4;--ice:#7dd3fc;--live:#ef4444;--final:#6b7280;--mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", monospace}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--mono);background:var(--bg);color:var(--text);min-height:100dvh}#app{max-width:640px;margin:0 auto;padding:0 20px}header{border-bottom:1px solid var(--border);padding:48px 0 40px}h1{font-family:var(--mono);letter-spacing:-.04em;color:var(--text-bright);cursor:default;-webkit-user-select:none;user-select:none;font-size:clamp(2.5rem,10vw,4rem);font-weight:700;line-height:1}.dot{color:var(--ice)}.subtitle{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:6px;font-size:.9375rem}.date{color:var(--text-dim);margin-top:4px;font-size:.9375rem}.loading{justify-content:center;padding:80px 0;display:flex}.puck{background:var(--ice);border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite pulse;display:block}@keyframes pulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.game{border-bottom:1px solid var(--border);padding:28px 0;animation:.4s both fadeUp}.game:last-child{border-bottom:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.game-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.matchup{color:var(--text-bright);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:8px;font-size:clamp(1.375rem,5.5vw,1.75rem);font-weight:600;display:flex}.team{align-items:center;gap:6px;display:inline-flex}.team-logo{object-fit:contain;vertical-align:middle;width:34px;height:34px}.at{color:var(--text-dim);font-size:.875em;font-weight:400}.status{letter-spacing:.04em;white-space:nowrap;font-size:.9375rem;font-weight:500}.status--future{color:var(--ice)}.status--live{color:var(--live)}.status--live:before{content:"";background:var(--live);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.status--final{color:var(--final)}.channels{grid-template-columns:1fr 1fr;gap:0;margin-top:14px;display:grid}.channel-group{padding:0}.channel-group:first-child{border-right:1px solid var(--border);padding-right:16px}.channel-group:last-child{padding-left:16px}.country{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.8125rem;font-weight:500}.networks{flex-direction:column;gap:2px;display:flex}.network{color:var(--text-bright);font-size:1.25rem;font-weight:600;line-height:1.5}.formerly{color:#8b8d95;margin-top:-1px;margin-bottom:2px;font-size:.8125rem;font-style:italic;font-weight:400;display:block}.no-broadcast{color:var(--text-dim);font-size:1rem;font-style:italic}.empty,.error{text-align:center;padding:80px 0}.empty-title,.error-title{color:var(--text-bright);margin-bottom:8px;font-size:1.375rem;font-weight:600}.empty-sub,.error-sub{color:var(--text-dim);font-size:.9375rem}.tz-note{color:var(--text-dim);letter-spacing:.06em;text-align:center;border-top:1px solid var(--border);padding:24px 0 48px;font-size:.8125rem}@media (width<=400px){.channels{grid-template-columns:1fr;gap:14px}.channel-group:first-child{border-right:none;padding-right:0}.channel-group:last-child{padding-left:0}}