:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#f7f3e8;background:#10291f;font-synthesis:none;--ground: #10291f;--tile: rgb(10 30 22 / 72%);--tile-strong: rgb(10 30 22 / 88%);--tile-border: rgb(255 255 255 / 14%);--tile-radius: 1.1rem;--tile-blur: 22px}body{margin:0;min-height:100vh;background:transparent}.pitch-backdrop img{position:fixed;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 62%;pointer-events:none;-webkit-user-select:none;user-select:none}@media(orientation:portrait){.pitch-backdrop img{object-position:24% 60%}}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#10291f4d,#10291f0f 28%,#10291f1a 68%,#10291f94)}.tile,.match-board,.broadcast-status,.match-events,.link-error,.privacy-note{box-sizing:border-box;border:1px solid var(--tile-border);border-radius:var(--tile-radius);background:var(--tile);box-shadow:0 12px 32px #00000038,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(var(--tile-blur)) saturate(140%);backdrop-filter:blur(var(--tile-blur)) saturate(140%)}.tile--title{padding:1.1rem 1.25rem 1.2rem}.tile--listen{margin-top:.9rem;padding:1rem}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.tile,.match-board,.broadcast-status,.match-events,.link-error,.privacy-note{background:var(--tile-strong)}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.tile,.match-board,.broadcast-status,.match-events,.link-error,.privacy-note{background:var(--ground);-webkit-backdrop-filter:none;backdrop-filter:none}}.app{box-sizing:border-box;width:min(100%,40rem);margin:0 auto;padding:1.5rem 1rem 2rem}.eyebrow{margin:0 0 .6rem;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:1rem 0 0;color:#d5ded7;font-size:1.05rem;line-height:1.55}.match-board{margin:.9rem 0 0;padding:1rem}.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-color:#7b9a82;border-radius:999px;color:#f7f3e8;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:.9rem;padding:1rem 1.1rem 1.1rem}.match-events h2{margin:0 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:.9rem 0 0;color:#d5ded7;font-size:.9rem}.tile--listen>.commentator-summary:first-child{margin-top:0}.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{margin:.9rem 0 0;padding:1rem;border-color:#f2c94c7f;color:#f6dda0}.privacy-note{width:fit-content;max-width:100%;margin:1.5rem auto 0;padding:.4rem .9rem;border-radius:999px;color:#c4d7c9;font-size:.82rem;text-align:center}.commentator-card{margin-top:.75rem;padding:.9rem;border:1px solid rgb(255 255 255 / 12%);border-radius:.75rem;background:#ffffff0f;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}}.atmosphere{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--tile-border, rgb(255 255 255 / 14%))}.atmosphere h2{margin:0 0 .6rem;font-size:.95rem;font-weight:700;color:#f7f3e8}.atmosphere-buttons{display:flex;flex-wrap:wrap;gap:.6rem}.atmosphere-button{flex:1 1 12rem;min-height:2.75rem;padding:.55rem .9rem;border:1.5px solid #f2c94c;border-radius:999px;color:#f7f3e8;background:transparent;font-size:.95rem;font-weight:700;cursor:pointer}.atmosphere-button[aria-pressed=true]{color:#10291f;background:#f2c94c}.atmosphere-button:focus-visible{outline:3px solid #f7f3e8;outline-offset:2px}.atmosphere-help{margin:.6rem 0 0;color:#b7c8bd;font-size:.78rem}