:root{color-scheme:dark;--bg:#050506;--panel:#0b0c0f;--ivory:#f5f1e6;--muted:#999990;--faint:#66665f;--gold:#e8b44d;--cyan:#4de1ff;--rose:#ff5f7f;--line:rgba(245,241,230,.14);--display:"Clash Display",sans-serif;--body:"General Sans",sans-serif;--mono:"JetBrains Mono",monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ivory);font:16px/1.5 var(--body)}a{color:inherit;text-decoration:none}header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 clamp(18px,4vw,58px);border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:.08em}header>a:first-child{display:flex;align-items:center;gap:10px;font:600 13px var(--display)}header b{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--gold);color:var(--gold);font:11px var(--mono)}header>span{color:var(--cyan)}main{max-width:1500px;margin:auto;padding:40px clamp(18px,4vw,58px)}.kicker{margin:0 0 12px;color:var(--cyan);font:9px var(--mono);letter-spacing:.14em}.match{display:grid;grid-template-columns:1fr 1.15fr 1fr;border-block:1px solid rgba(232,180,77,.4);background:var(--panel)}.athlete{min-height:300px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:5px 20px;padding:32px}.athlete small,.athlete span{color:var(--faint);font:9px var(--mono);letter-spacing:.1em}.athlete h1{grid-column:1;margin:4px 0;font:600 clamp(30px,4vw,58px)/.95 var(--display)}.athlete>strong{grid-column:2;grid-row:1/span 3;align-self:center;color:var(--gold);font:700 clamp(74px,10vw,140px)/1 var(--display)}.athlete.ivory{border-left:1px solid var(--line)}.athlete.ivory>strong{color:var(--ivory)}.penalty-count{grid-column:1/-1;margin-top:16px;padding-top:10px;border-top:1px solid var(--line);color:var(--faint);font:9px var(--mono)}.penalty-count b{display:inline;margin-left:8px;color:var(--rose);font:600 16px var(--mono)}.clock{display:grid;place-items:center;align-content:center;min-height:300px;border-inline:1px solid var(--line)}.clock time{font:500 clamp(50px,7vw,100px)/1 var(--mono);font-variant-numeric:tabular-nums}.clock b{margin-top:15px;color:var(--cyan);font:9px var(--mono);letter-spacing:.1em}.shot,.outcome{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-top:22px;padding:28px;border:1px solid rgba(232,180,77,.4);background:var(--panel)}.shot h2,.outcome h2{margin:0;font:600 clamp(27px,4vw,48px) var(--display)}.shot time{color:var(--rose);font:600 76px var(--mono)}.outcome p{color:var(--muted)}.award{display:grid;justify-items:center}.award small,.award span{color:var(--faint);font:8px var(--mono)}.award strong{color:var(--gold);font:700 82px var(--display)}.explain{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:end;padding:100px 0;border-bottom:1px solid var(--line)}.explain h2,.tape h2{margin:0;font:600 clamp(3rem,6vw,6rem)/.9 var(--display);letter-spacing:-.04em}.explain>p{color:var(--muted);font-size:18px}.tape{padding:90px 0}.tape header{padding:0 0 20px;border-bottom:1px solid var(--line)}.event{display:grid;grid-template-columns:60px 100px 1fr;gap:20px;align-items:center;min-height:66px;border-bottom:1px solid var(--line)}.event span,.event time{color:var(--faint);font:9px var(--mono)}.event b{font:500 10px var(--mono)}.event small{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:35px clamp(18px,4vw,58px);border-top:1px solid var(--line);color:var(--faint);font:9px var(--mono)}[hidden]{display:none!important}@media(max-width:800px){.match{grid-template-columns:1fr 1fr}.clock{grid-column:1/-1;grid-row:1;min-height:200px}.athlete{min-height:180px}.explain{grid-template-columns:1fr}.shot,.outcome{grid-template-columns:1fr}}@media(max-width:540px){header>span{display:none}.match{grid-template-columns:1fr}.clock{grid-column:1}.athlete.ivory{border-left:0;border-top:1px solid var(--line)}.event{grid-template-columns:45px 1fr}.event time{display:none}}
.commentator{display:grid;grid-template-columns:1fr auto;gap:24px;margin-top:22px;padding:28px;border:1px solid rgba(77,225,255,.3);background:linear-gradient(110deg,rgba(77,225,255,.06),var(--panel))}.commentator h2{margin:0;font:600 clamp(26px,4vw,44px) var(--display)}.commentator>div>p:last-child{color:var(--muted)}.commentary-controls{display:flex;align-items:center;gap:8px}.commentary-controls button,.commentary-controls select{min-height:46px;padding:0 14px;border:1px solid var(--line);color:var(--ivory);background:var(--bg)}.commentary-controls button:first-child{color:var(--bg);background:var(--cyan);border-color:var(--cyan)}.commentary-controls button:disabled{opacity:.45}.transcript{grid-column:1/-1;padding:17px;border-left:3px solid var(--cyan);background:rgba(5,5,6,.7)}.transcript small{color:var(--cyan);font:8px var(--mono);letter-spacing:.1em}.transcript p{margin:8px 0 0;color:var(--ivory);font-size:15px}
@media(max-width:800px){.commentator{grid-template-columns:1fr}.commentary-controls{flex-wrap:wrap}}