@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#102018;--cream:#f4f1e8;--green:#125c3e;--lime:#c9ff53;--muted:#6e776f;--line:#d8d8ca}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,sans-serif}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px)}.brand{font-weight:800;color:inherit;text-decoration:none;display:flex;gap:12px;align-items:center}.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--lime);font-size:12px}.connection{font:12px 'DM Mono';display:flex;align-items:center;gap:8px}.connection i{width:8px;height:8px;background:#e7a928;border-radius:50%;box-shadow:0 0 0 4px #e7a92822}.connection i.live{background:#42bd73;box-shadow:0 0 0 4px #42bd7322}main{max-width:1180px;margin:auto;padding:64px 24px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.eyebrow{font:500 12px 'DM Mono';letter-spacing:.18em;color:var(--green)}h1{font-size:clamp(48px,7vw,94px);line-height:.9;letter-spacing:-.065em;margin:16px 0 0}h1 em{font-style:normal;color:var(--green)}.stamp{text-align:right;border-right:3px solid var(--lime);padding-right:18px}.stamp span,.stamp small{display:block;font:10px 'DM Mono';color:var(--muted);letter-spacing:.1em}.stamp strong{display:block;font:600 30px 'DM Mono';margin:5px 0}.filters{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.filters button{border:0;background:transparent;padding:9px 15px;border-radius:20px;font-weight:700;color:var(--muted);cursor:pointer}.filters button.active{background:var(--ink);color:white}.matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:#fffdf6;border:1px solid var(--line);border-radius:4px;padding:24px;transition:transform .2s;cursor:pointer}.card:hover,.card:focus{transform:translateY(-2px);outline:2px solid var(--green);outline-offset:2px}.card-top{display:flex;justify-content:space-between;gap:10px}.state{font:500 10px 'DM Mono';text-transform:uppercase;letter-spacing:.12em;color:var(--green)}.state.live:before{content:'●';color:#e84b3c;margin-right:7px}.title{font-size:13px;color:var(--muted);margin:8px 0 24px}.team{display:grid;grid-template-columns:1fr auto;align-items:baseline;margin:12px 0}.team b{font-size:17px}.score{font:500 21px 'DM Mono'}.status{background:var(--lime);margin:22px -24px -24px;padding:14px 24px;font-size:12px;font-weight:700}.commentary{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.commentary p{font-size:12px;color:var(--muted);margin:8px 0}.notice{background:#fff2cc;border:1px solid #e4c56c;padding:14px 18px;margin-bottom:18px;font-size:13px}.hidden{display:none!important}.empty{grid-column:1/-1;text-align:center;padding:70px}.empty p,.muted{color:var(--muted)}.loader{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid var(--line);padding:28px;text-align:center;color:var(--muted);font:10px 'DM Mono'}.locked{overflow:hidden}.modal{position:fixed;inset:0;z-index:20;display:grid;grid-template-columns:1fr min(720px,92vw)}.modal-backdrop{border:0;background:#102018aa;cursor:pointer}.modal-panel{position:relative;background:var(--cream);padding:50px;overflow:auto}.close{position:absolute;right:22px;top:16px;background:transparent;border:0;font-size:36px;cursor:pointer}.modal h2{font-size:34px;line-height:1.1;margin:12px 0}.modal-status{color:var(--green);font-weight:700}.scoreboard{background:var(--ink);color:white;padding:25px;margin:28px 0;position:relative}.scoreboard div{display:flex;justify-content:space-between;gap:20px;padding:10px 0}.scoreboard strong{font:500 22px 'DM Mono';color:var(--lime)}.scoreboard small{color:#aebbb4}.player-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.players{background:#fffdf6;border:1px solid var(--line);padding:18px}.players h3,.all-commentary h3{margin-top:0}.player{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:13px 0}.player small{display:block;color:var(--muted);margin-top:4px}.player strong{font:500 16px 'DM Mono';white-space:nowrap}.all-commentary{margin-top:28px}.comment-row{display:grid;grid-template-columns:34px 1fr;border-top:1px solid var(--line);padding:12px 0}.comment-row span{font:10px 'DM Mono';color:var(--muted)}.comment-row p{margin:0;font-size:13px;line-height:1.5}@media(max-width:700px){main{padding-top:38px}.hero{align-items:start}.stamp{display:none}.matches{grid-template-columns:1fr}h1{font-size:54px}.filters{overflow:auto}.modal{grid-template-columns:1fr}.modal-backdrop{display:none}.modal-panel{padding:45px 20px}.player-grid{grid-template-columns:1fr}}