: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;display:grid;place-items:center;background:radial-gradient(circle at 50% -20%,rgb(80 151 105 / 35%),transparent 55%),#10291f}.app{box-sizing:border-box;width:min(100%,34rem);text-align:center;padding:3rem 1.5rem}.eyebrow{margin:0 0 1.25rem;color:#aed3b8;font-size:.78rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.25rem,10vw,4rem);line-height:.98;letter-spacing:-.045em}.intro{max-width:28rem;margin:1.5rem auto 2.25rem;color:#d5ded7;font-size:1.05rem;line-height:1.55}.match-board{margin:0 0 1.5rem;padding:1.25rem;border:1px solid #56735f;border-radius:1.25rem;background:#ffffff12}.match-phase{display:flex;justify-content:space-between;color:#c4d7c9;font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums}.match-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.6rem;margin-top:1rem}.match-score>div{display:grid;gap:.2rem;min-width:0}.team-name{overflow-wrap:anywhere;font-weight:700}.match-score strong{font-size:clamp(2.5rem,11vw,4rem);font-variant-numeric:tabular-nums}.score-divider{color:#91aa98;font-size:2rem}.match-events{margin-top:1.25rem;border-top:1px solid #56735f;text-align:left}.match-events h2{font-size:.9rem}.match-events ol{margin:0;padding-left:1.25rem;color:#d5ded7;font-size:.88rem}.match-events li+li{margin-top:.35rem}button{font:inherit}.listen-button{width:100%;min-height:4rem;border:0;border-radius:1rem;color:#10291f;background:#f2c94c;font-size:1.15rem;font-weight:800;cursor:pointer}.listen-button:disabled{cursor:default;opacity:.78}.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-bottom:1rem;border:1px solid #aed3b8;border-radius:.75rem;padding:.75rem 1rem;color:#f7f3e8;background:transparent}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:2.5rem;color:#91aa98;font-size:.82rem}.commentator-card{margin-top:1rem;padding:1.25rem;border:1px solid #40594c;border-radius:1rem;background:#ffffff0d;text-align:left}.commentator-card h2{margin:0;font-size:1.25rem}.commentator-card p{color:#d5ded7}