:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#f7f3e8;background:#10291f;font-synthesis:none}body{margin:0;min-height:100vh;background:#10291f}.app{box-sizing:border-box;width:min(100%,40rem);margin:0 auto;padding:1.5rem 1rem 2rem}.eyebrow{margin:0 0 .75rem;color:#aed3b8;font-size:.78rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}h1{margin:0;font-size:clamp(1.8rem,7vw,3rem);line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere}.intro{max-width:28rem;margin:1.5rem auto 2.25rem;color:#d5ded7;font-size:1.05rem;line-height:1.55}.match-board{margin:.9rem 0 0;padding:1rem;border:1px solid #56735f;border-radius:.9rem;background:#193b2b}.broadcast-status{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.5rem;width:fit-content;max-width:100%;min-height:2.25rem;margin:.9rem 0;padding:.4rem .9rem;border:1px solid #7b9a82;border-radius:999px;color:#f7f3e8;background:#244634;font-size:.85rem;white-space:nowrap}.broadcast-status strong{font-size:.78rem;letter-spacing:.08em}.broadcast-status--live{border-color:#65d889}.broadcast-status--paused,.broadcast-status--reconnecting{border-color:#f2c94c}.broadcast-status--ended,.broadcast-status--off-air{border-color:#91aa98}.period-notice{margin:.8rem 0 0;color:#f6dda0;font-size:.85rem;line-height:1.4}.match-phase{display:flex;justify-content:space-between;gap:.75rem;margin-top:.8rem;color:#c4d7c9;font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums}.match-format{margin:.45rem 0 0;color:#a9c3af;font-size:.8rem}.match-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.4rem;text-align:center}.match-score>div{display:grid;justify-items:center;gap:.1rem;min-width:0}.team-name{max-width:100%;overflow-wrap:anywhere;font-size:.92rem;font-weight:700}.match-score strong{font-size:clamp(3rem,13vw,4.5rem);line-height:1;font-variant-numeric:tabular-nums}.score-divider{color:#91aa98;font-size:2rem}.match-events{margin-top:1.5rem;border-top:1px solid #56735f}.match-events h2{margin:1rem 0 .75rem;font-size:1rem}.match-events ol{margin:0;padding-left:1.25rem;color:#d5ded7;font-size:.92rem}.match-events li+li{margin-top:.5rem}.match-events p{margin:0;color:#a9c3af;font-size:.9rem}button{font:inherit}.listen-button{width:100%;min-height:3.75rem;border:0;border-radius:1rem;color:#10291f;background:#f2c94c;font-size:1.15rem;font-weight:800;cursor:pointer}.listen-button:disabled{cursor:default;color:#d5ded7;background:#40594c}.commentator-summary{margin:1.1rem 0 0;color:#d5ded7;font-size:.9rem}.connection-status{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:1.5rem;margin:1.25rem 0;color:#d5ded7}.status-dot{width:.65rem;height:.65rem;border-radius:50%;background:#8e9a92}.status-live{background:#65d889;box-shadow:0 0 0 .25rem #65d88929}.status-connecting,.status-reconnecting{background:#f2c94c}.playback-button{margin:.5rem 0;border:0;padding:.5rem 0;color:#f7f3e8;background:transparent;text-decoration:underline;cursor:pointer}audio{width:100%;margin-top:.5rem}.signal-meter{margin-top:1.25rem;text-align:left}.signal-label{display:flex;justify-content:space-between;gap:1rem;font-size:.92rem;font-weight:650}.signal-track{height:.75rem;margin-top:.6rem;overflow:hidden;border-radius:999px;background:#40594c}.signal-fill{height:100%;border-radius:inherit;background:#65d889;transition:width .15s ease-out}.signal-help{margin:.5rem 0 0;color:#b7c8bd;font-size:.78rem}.link-error{border:1px solid rgb(242 201 76 / 50%);border-radius:1rem;padding:1rem;color:#f6dda0;background:#f2c94c14}.privacy-note{margin-top:2rem;color:#91aa98;font-size:.82rem;text-align:center}.commentator-card{margin-top:.75rem;padding:.9rem;border:1px solid #40594c;border-radius:.75rem;background:#193b2b;text-align:left}.commentator-card h2{margin:0;font-size:1rem}.commentator-card p{color:#d5ded7;margin:.4rem 0}@media(max-width:400px){.app{padding-inline:.75rem}.match-board{padding:.8rem}.team-name{font-size:.82rem}}