@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600&family=Oswald:wght@400;500;600&display=swap";:root{color:#efefe9;font-synthesis:none;--line:#ffffff24;--muted:#efefe98a;--home:#69b9e7;--away:#234889;background:#080807;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{background:#080807}body{background:radial-gradient(circle at 50% 20%,#ffffff0a,#0000 38%),#080807;min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button,select,label{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #f4e45e}label:has(input:focus-visible){outline-offset:3px;outline:2px solid #f4e45e}#app{min-height:100vh;overflow:hidden}.masthead{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:88px;padding:0 clamp(18px,3.5vw,56px);display:grid}.brand{width:fit-content;color:inherit;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;font-family:Oswald,sans-serif;font-size:15px;font-weight:500;line-height:.95;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(90deg,#0000 47%,#fffc 48% 52%,#0000 53%),linear-gradient(140deg,#0000 44%,#f4e45e 45% 54%,#0000 55%);border:1px solid #ffffffb3;border-radius:50%;width:28px;height:28px;display:block}.edition{color:var(--muted);text-align:center;letter-spacing:.1em;text-transform:uppercase;margin:0;font:400 10px/1.55 DM Mono,monospace}.edition a{color:inherit;text-decoration:none}.edition a:hover{color:#efefe9}.icon-button{color:#efefe9;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;justify-self:end;width:34px;height:34px;transition:all .18s}.icon-button:hover{color:#080807;background:#efefe9}.scoreboard{grid-template-columns:1fr minmax(160px,.5fr) 1fr;align-items:center;max-width:1400px;min-height:144px;margin:0 auto;padding:24px clamp(18px,4vw,64px);display:grid}.team{align-items:center;gap:20px;display:flex}.team--away{text-align:right;justify-content:flex-end}.team-code{border:1px solid color-mix(in srgb, var(--team-color,#fff) 60%, transparent);background:color-mix(in srgb, var(--team-color,#fff) 18%, transparent);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font:500 11px DM Mono,monospace;display:grid}.team h1{letter-spacing:-.025em;text-transform:uppercase;margin:0 0 4px;font:500 clamp(26px,3vw,48px)/1 Oswald,sans-serif}.team p,.match-centre p{color:var(--muted);letter-spacing:.04em;margin:0;font:400 10px/1.4 DM Mono,monospace}.match-centre{text-align:center}.clock{font-variant-numeric:tabular-nums;margin:-2px 0;font:500 46px/1 Oswald,sans-serif}.match-centre .score-line{color:#efefe9;margin-top:4px;font:500 16px DM Mono,monospace}.clock sup{color:#f4e45e;vertical-align:top;font-size:15px;position:relative;top:6px}.match-centre .live-label{color:#efefe9cc;text-transform:uppercase}.live-label span{background:#f4e45e;border-radius:50%;width:5px;height:5px;margin:0 5px 1px 0;display:inline-block;box-shadow:0 0 10px #f4e45e}.stage{border:1px solid var(--line);background:#0d0d0b;width:min(1450px,100vw - 32px);margin:0 auto}.canvas-wrap{background:radial-gradient(at 50% 82%,#59685640,#0000 50%),linear-gradient(#0d0d0b,#10120e);height:min(54vw,650px);min-height:360px;position:relative;overflow:hidden}#pitch{width:100%;height:100%;display:block}.canvas-wrap:after{content:"";pointer-events:none;background:linear-gradient(90deg,#08080759,#0000 12% 88%,#08080759),linear-gradient(#0000 75%,#08080780);position:absolute;inset:0}.side-label{z-index:2;color:#ffffff94;letter-spacing:.24em;writing-mode:vertical-rl;font:500 10px DM Mono,monospace;position:absolute;top:50%}.side-label--home{left:18px;transform:translateY(-50%)rotate(180deg)}.side-label--away{right:18px;transform:translateY(-50%)}.momentum-readout{--energy:0;--momentum-color:#f4e45e;z-index:3;text-align:center;border:1px solid color-mix(in srgb, var(--momentum-color) 62%, transparent);width:82px;height:82px;box-shadow:0 0 calc(10px + var(--energy) * 24px) color-mix(in srgb, var(--momentum-color) 25%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08080794;border-radius:50%;place-content:center;transition:border-color .3s,box-shadow .3s;display:grid;position:absolute;top:17px;left:50%;transform:translate(-50%)}.momentum-voice{align-items:center;gap:3px;height:28px;display:flex}.momentum-voice i{background:var(--momentum-color);width:2px;height:11px;box-shadow:0 0 7px color-mix(in srgb, var(--momentum-color) 60%, transparent);border-radius:2px;animation:.62s ease-in-out infinite alternate momentum-voice;display:block}.momentum-voice i:nth-child(2),.momentum-voice i:nth-child(8){height:17px;animation-delay:-420ms}.momentum-voice i:nth-child(3),.momentum-voice i:nth-child(7){height:23px;animation-delay:-180ms}.momentum-voice i:nth-child(4),.momentum-voice i:nth-child(6){height:14px;animation-delay:-510ms}.momentum-voice i:nth-child(5){height:27px;animation-delay:-290ms}@keyframes momentum-voice{0%{opacity:.48;transform:scaleY(calc(.18 + var(--energy) * .22))}to{opacity:1;transform:scaleY(calc(.48 + var(--energy) * .72))}}.upcoming-card{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#080807c2;border:1px solid #f4e45e6b;min-width:min(420px,100% - 80px);padding:22px 32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 55px #f4e45e1a}.upcoming-card span{color:#f4e45e;letter-spacing:.18em;text-transform:uppercase;font:500 9px DM Mono,monospace}.upcoming-card strong{text-transform:uppercase;margin:7px 0 5px;font:500 clamp(24px,4vw,42px)/1 Oswald,sans-serif;display:block}.upcoming-card small{color:var(--muted);text-transform:uppercase;font:400 9px DM Mono,monospace}.goal-card{z-index:5;opacity:0;pointer-events:none;min-width:250px;box-shadow:0 0 90px var(--goal-color,#ffffff47);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#080807d6;border:1px solid #ffffff8c;padding:19px 28px;transition:opacity .22s,transform .35s cubic-bezier(.2,.85,.25,1.25);position:absolute;top:50%;left:50%;transform:translate(-50%,-38%)scale(.84)}.goal-card.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.goal-card span{color:#f4e45e;letter-spacing:.22em;text-transform:uppercase;font:500 10px DM Mono,monospace}.goal-card strong{text-transform:uppercase;margin:7px 0 3px;font:500 clamp(28px,4vw,48px)/1 Oswald,sans-serif;display:block}.goal-card small{color:#ffffffb8;text-transform:uppercase;font:500 11px DM Mono,monospace}.timeline{border-top:1px solid var(--line);background:#0a0a09;height:84px;position:relative}#waveform{width:100%;height:100%;display:block}#scrubber{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.transport{border-top:1px solid var(--line);grid-template-columns:1.25fr .65fr 1fr .7fr;min-height:72px;display:grid}.transport>*{border:0;border-right:1px solid var(--line);color:#efefe9;background:0 0;min-width:0}.transport>:last-child{border-right:0}.play-button,.sound-button{cursor:pointer;align-items:center;gap:16px;padding:0 24px;display:flex}.play-button{color:#080807;background:#f4e45e;font-weight:600}.play-button:hover{background:#fff47f}.play-icon{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid;width:0;height:0}.play-button.is-playing .play-icon{border:0;border-left:3px solid;border-right:3px solid;width:10px;height:14px}.speed-control,.match-control{justify-content:space-between;align-items:center;gap:10px;padding:0 18px;display:flex}.match-control{z-index:6;position:relative}.speed-control span,.match-control>span{color:var(--muted);text-transform:uppercase;font:400 9px DM Mono,monospace}.speed-control select{color:#efefe9;cursor:pointer;text-align:right;background:0 0;border:0;min-width:0}.match-picker{flex:1;min-width:0;position:relative}.match-picker__trigger{color:#efefe9;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 0 6px 4px;display:flex}.match-picker__trigger:hover .match-picker__score,.match-picker__trigger[aria-expanded=true] .match-picker__score{color:#f4e45e}.match-picker__summary{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.match-picker__flag{object-fit:cover;border:1px solid #ffffff2e;flex:none;width:22px;height:15px;display:block;box-shadow:0 0 0 1px #00000059}.match-picker__name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;max-width:7.5ch;font:500 13px/1 Oswald,sans-serif;overflow:hidden}.match-picker__score{color:#efefe9b8;letter-spacing:.04em;text-align:center;min-width:3.2ch;font:500 11px/1 DM Mono,monospace;transition:color .16s}.match-picker__score.is-soon{color:#f4e45e;letter-spacing:.12em;text-transform:uppercase;min-width:4.8ch;font-size:9px}.match-picker__chevron{border-bottom:1.5px solid #efefe98c;border-right:1.5px solid #efefe98c;flex:none;width:7px;height:7px;transition:transform .16s,border-color .16s;transform:translateY(-2px)rotate(45deg)}.match-picker__trigger[aria-expanded=true] .match-picker__chevron{border-color:#f4e45e;transform:translateY(2px)rotate(225deg)}.match-picker__menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#f4e45e0d,#0000 40%),#0a0a09f5;border:1px solid #f4e45e47;width:min(360px,100vw - 48px);max-height:min(420px,58vh);margin:0;padding:8px;list-style:none;position:absolute;bottom:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 18px 50px #00000073}.match-picker__option{color:#efefe9;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;padding:11px 12px;display:grid}.match-picker__option:hover,.match-picker__option:focus-visible{background:#ffffff0a;border-color:#ffffff1a;outline:none}.match-picker__option[aria-selected=true]{background:#f4e45e14;border-color:#f4e45e57}.match-picker__option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.match-picker__option-side{align-items:center;gap:8px;min-width:0;display:flex}.match-picker__option-side--home{justify-self:start}.match-picker__option-side--away{text-align:right;flex-direction:row-reverse;justify-self:end}.match-picker__option .match-picker__name{max-width:11ch}.match-picker__option .match-picker__score{justify-self:center;min-width:5.5ch}.match-picker__option .match-picker__score.is-soon{min-width:5.5ch}.sound-button{justify-content:center}.sound-bars{align-items:center;gap:2px;height:20px;display:flex}.sound-bars i{background:#f4e45e;width:2px;height:7px;animation:.8s ease-in-out infinite alternate bars;display:block}.sound-bars i:nth-child(2){height:16px;animation-delay:-300ms}.sound-bars i:nth-child(3){height:11px;animation-delay:-500ms}.sound-button[aria-pressed=true] .sound-bars i{height:2px;animation:none}@keyframes bars{to{transform:scaleY(.35)}}.mix-panel{border:1px solid var(--line);grid-template-columns:1fr 270px 1fr;width:min(1450px,100vw - 32px);min-height:220px;margin:22px auto 0;display:grid}.track{padding:28px}.track--home{background:color-mix(in srgb, var(--home) 8%, #0a0a09)}.track--away{background:color-mix(in srgb, var(--away) 10%, #0a0a09)}.track-head{grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;display:grid}.track-toggle{color:#080807;background:var(--home);text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;min-width:42px;padding:7px 9px;font:500 9px DM Mono,monospace}.track--away .track-toggle{color:#efefe9;background:var(--away)}.track-toggle[aria-pressed=true]{color:var(--muted);background:#ffffff1a}.track-number{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;font:400 9px DM Mono,monospace;display:grid}.track p{color:var(--muted);text-transform:uppercase;margin:0 0 5px;font:400 9px DM Mono,monospace}.track h2{text-transform:uppercase;margin:0;font:500 clamp(17px,1.7vw,24px)/1.15 Oswald,sans-serif}.track output{font:500 28px Oswald,sans-serif}.meter{background:#ffffff1c;height:3px;margin:28px 0 24px;overflow:hidden}.meter span{background:var(--home);width:50%;height:100%;transition:width .24s ease-out;display:block;box-shadow:0 0 12px}.track--away .meter span{background:var(--away)}.track-choice{justify-content:space-between;align-items:center;gap:14px;margin:-5px 0 0;display:flex}.track-choice span{color:var(--muted);text-transform:uppercase;font:400 9px DM Mono,monospace}.track-choice select{color:#efefe9;border:1px solid var(--line);cursor:pointer;text-overflow:ellipsis;background:#11110f;border-radius:2px;max-width:68%;padding:7px 28px 7px 10px;font:400 10px DM Mono,monospace}.mix-explainer{border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:28px 18px;display:flex}.mix-explainer p{text-transform:uppercase;margin:15px 0 7px;font:500 13px DM Mono,monospace}.mix-explainer small{color:var(--muted);font-size:10px;line-height:1.5}.equalizer{align-items:center;gap:4px;height:34px;display:flex}.equalizer i{background:#f4e45e;width:3px;height:22px;animation:.9s ease-in-out infinite alternate eq;display:block}.equalizer i:nth-child(2){height:10px;animation-delay:-500ms}.equalizer i:nth-child(3){height:30px;animation-delay:-200ms}.equalizer i:nth-child(4){height:17px;animation-delay:-700ms}.equalizer i:nth-child(5){height:25px;animation-delay:-350ms}@keyframes eq{to{opacity:.65;transform:scaleY(.35)}}footer{width:min(1450px,100vw - 32px);min-height:100px;margin:0 auto}dialog{color:#efefe9;background:#11110f;border:1px solid #fff3;width:min(620px,100vw - 30px);padding:clamp(28px,5vw,64px)}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7}dialog h2{text-transform:uppercase;margin:10px 0 28px;font:500 clamp(38px,7vw,64px)/.95 Oswald,sans-serif}dialog p{color:#efefe9b8;font-size:13px;line-height:1.7}dialog .eyebrow{color:#f4e45e;text-transform:uppercase;font:400 9px DM Mono,monospace}dialog .source-note{border-top:1px solid var(--line);color:var(--muted);margin-top:30px;padding-top:20px;font:400 9px/1.6 DM Mono,monospace}.dialog-close{color:#efefe9;cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:16px;right:18px}@media (width<=850px){.scoreboard{grid-template-columns:1fr auto 1fr}.team{gap:9px}.team-code{width:38px;height:38px}.team p,.match-centre>p:first-child{display:none}.transport{grid-template-columns:1fr .5fr .8fr}.sound-button{display:none}.mix-panel{grid-template-columns:1fr 1fr}.mix-explainer{border:0;border-top:1px solid var(--line);grid-area:2/1/auto/-1;min-height:130px}}@media (width<=600px){.masthead{height:70px}.edition{display:none}.masthead{grid-template-columns:1fr auto}.scoreboard{min-height:120px;padding-inline:15px}.team-code{display:none}.team h1{font-size:23px}.clock{font-size:34px}.stage,.mix-panel,footer{width:calc(100vw - 16px)}.canvas-wrap{height:58vh;min-height:380px}.transport{grid-template-columns:1fr .62fr}.match-control{display:none}.play-button{padding:0 16px;font-size:13px}.mix-panel{grid-template-columns:1fr}.track{padding:22px 18px}.track--away{border-top:1px solid var(--line)}.mix-explainer{border-bottom:1px solid var(--line);grid-area:auto}footer{padding:24px 4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}