:root{color-scheme:dark;--bg:#10151c;--panel:#171e27;--line:#2a333e;--muted:#93a1b2;--text:#f1f5f8;--accent:#b3ef89;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit;border:0;background:none;min-height:40px;border-radius:7px}button:active{scale:.96}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,.stage:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:hover{background:#ffffff0a}.quiet{color:#b8c3cf;padding:0 12px}.icon-button{width:40px;font-size:24px;display:inline-flex;align-items:center;justify-content:center;position:relative}.icon-button small{font-size:9px;position:absolute;top:17px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:12px;top:-100px;z-index:100;background:var(--accent);color:#102012;padding:12px}.skip:focus{top:12px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:650;letter-spacing:1px}.brand strong{color:var(--accent)}.brand small{display:block;font-size:8px;letter-spacing:3px;color:var(--muted);margin-top:4px}.brandmark{width:39px;height:42px;background:var(--accent);color:#14211c;display:flex;align-items:center;justify-content:center;font-size:27px;letter-spacing:-4px;font-weight:900;clip-path:polygon(0 0,100% 0,100% 76%,72% 100%,0 100%)}.brandmark span{font-size:19px;transform:translateY(4px)}.match-meta{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.3px;color:#a5b3c1}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #b3ef8933;flex-shrink:0}.separator{margin:0 8px;color:#46505d}main{max-width:1720px;padding:32px 38px 0;margin:auto}.match-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:650;margin:0 0 12px}h1{font-size:clamp(25px,2.5vw,38px);letter-spacing:-1.2px;line-height:1.15;margin:0;font-weight:650}h1 span{color:#586472;font-weight:400;margin:0 8px}.subtitle{color:var(--muted);font-size:12px;margin:11px 0 0}.subtitle span{margin:0 7px;color:#516172}.result{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:24px;padding-left:25px}.result-label{grid-column:1;font-size:9px;letter-spacing:1.4px;color:var(--muted)}.result strong{grid-column:2;grid-row:1/3;font-size:40px;font-variant-numeric:tabular-nums;letter-spacing:3px}.result strong span{color:#64707c;font-size:25px}.complete{font-size:11px;color:#b3c0cd;margin-top:7px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.viewer-shell{min-width:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--panel)}.viewer-toolbar{height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 12px 0 16px;gap:10px}.view-tabs{display:flex;gap:4px}.view-tabs button{min-height:32px;font-size:11px;padding:0 13px;color:#a5b1bf}.view-tabs button[aria-pressed=true]{color:var(--accent);background:#b3ef8910}.view-tools{display:flex;align-items:center;gap:16px;color:#a7b5c3;font-size:11px}.view-tools label{display:flex;align-items:center;gap:7px;min-height:36px;cursor:pointer}.view-tools input{accent-color:var(--accent);width:14px;height:14px}.stage{height:clamp(380px,42vw,680px);min-height:300px;position:relative;background:#172e2a;overflow:hidden;touch-action:none;isolation:isolate}#render{position:absolute;inset:0}#render canvas{display:block;width:100%;height:100%}.scorebug{position:absolute;top:22px;left:24px;display:flex;align-items:center;height:36px;border-radius:4px;overflow:hidden;box-shadow:0 3px 15px #0005;background:#101824eF;font-size:11px}.team-code{padding:11px 13px;font-size:10px;font-weight:750;letter-spacing:1px}.team-code.home{border-bottom:3px solid #4081f0}.team-code.away{border-bottom:3px solid #fff}.scorebug strong{font-size:16px;letter-spacing:2px;padding:0 12px}.clock{background:#25333e;height:100%;padding:10px 13px;font-variant-numeric:tabular-nums;color:var(--accent)}.stage-badge{position:absolute;right:23px;top:32px;font-size:9px;letter-spacing:1.5px;display:flex;gap:7px;align-items:center;color:#dae3e2;text-shadow:0 1px 5px #000}.stage-bottom{position:absolute;left:24px;right:23px;bottom:18px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#d1ded7aa;pointer-events:none;text-shadow:0 1px 3px #000}.commentary{min-height:57px;display:flex;align-items:center;gap:15px;padding:12px 21px;border-bottom:1px solid var(--line);background:#1b232e}.commentary-time{color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums}.commentary p{margin:0;font-size:12px;line-height:1.55;color:#d6dfe8;flex:1}.commentary-source{font-size:8px;letter-spacing:1px;color:#7d8d9e;white-space:nowrap}.transport{padding:16px 20px 12px}.timeline-wrap{position:relative;padding:0 0 7px}#timeline{display:block;width:100%;margin:0;height:19px;accent-color:var(--accent);cursor:pointer;position:relative;z-index:2;background:none}#timeline::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,var(--accent) var(--progress,0%),#36424c var(--progress,0%));border-radius:3px}#timeline::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:-3.5px;border-radius:50%;background:var(--accent)}#timeline{-webkit-appearance:none}.goal-markers{position:absolute;inset:0 5px;pointer-events:none}.goal-marker{position:absolute;top:14px;transform:translateX(-50%);width:24px;height:24px;min-height:24px;pointer-events:auto;font-size:9px;color:#b5c1ca;z-index:3}.transport-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.play-controls{display:flex;align-items:center;gap:7px}.play-button{background:var(--accent);color:#14201a;display:flex;gap:9px;align-items:center;justify-content:center;padding:0 17px;font-size:11px;min-width:116px;font-weight:650}.play-button:hover{background:#c2f6a1}.play-button span:first-child{font-size:12px}.playback-time{font-size:10px;font-variant-numeric:tabular-nums;color:#9cabba;margin-left:7px}.playback-time>span:first-child{color:#e1e8ef}.speed-controls{display:flex;align-items:center;gap:10px;font-size:10px;color:#8f9eaf}.speed-controls select{padding:6px 5px;color:#d3dee7;background:#222c36;border:1px solid #35414d;border-radius:5px;min-height:32px}.speed-controls .quiet{font-size:10px}.viewer-note{font-size:9px;line-height:1.6;color:#8b9bac;padding:11px 20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mini-square{height:5px;width:5px;background:#95a6b6}.note-separator{margin:0 2px}.match-panel{border:1px solid var(--line);border-radius:11px;background:#161d26;overflow:hidden}.panel-heading{padding:20px 20px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2{font-size:13px;font-weight:600;margin:0}.panel-heading>span{font-size:9px;color:#8d9dab}.episodes{padding:0 10px 10px;max-height:354px;overflow:auto;scrollbar-width:thin;scrollbar-color:#3c4a56 transparent}.episode{display:grid;grid-template-columns:32px minmax(0,1fr) 19px;gap:10px;align-items:center;width:100%;text-align:left;padding:12px 10px;margin:2px 0;min-height:61px;border:1px solid transparent;border-radius:7px}.episode:hover{background:#232d38}.episode[aria-current=true]{background:#b3ef890a;border-color:#b3ef892a}.episode .minute{font-size:12px;color:#a9b7c5;align-self:start;padding-top:2px;font-variant-numeric:tabular-nums}.episode[aria-current=true] .minute{color:var(--accent)}.episode strong{display:block;font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode small{display:block;color:#8f9fac;margin-top:5px;font-size:10px}.episode .event-symbol{font-size:15px;color:#b8c5cf}.episode.goal .event-symbol{color:var(--accent)}.stats-heading{border-top:1px solid var(--line);padding-top:19px}.stats{padding:0 20px 21px}.stat-teams{display:flex;justify-content:space-between;color:#b9c6d2;font-size:9px;letter-spacing:1px;margin-bottom:12px}.stat-teams>span{display:flex;gap:6px;align-items:center}.team-dot{width:5px;height:5px;display:inline-block}.blue{background:#3772f0}.white{background:#eee}.stat-line{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:11px}.stat-line strong{font-size:14px;font-weight:550;font-variant-numeric:tabular-nums}.stat-line>span{color:#8f9fae;font-size:10px}.possession-bar{height:3px;background:#d5dfe5;border-radius:3px;overflow:hidden;margin-top:5px}.possession-bar>span{height:100%;width:50%;display:block;background:#477eef}.selected-player{border-top:1px solid var(--line);padding:18px 20px;display:flex;align-items:center;gap:12px}.player-placeholder{font-size:30px;color:#62748a}.selected-player strong{font-size:11px;font-weight:550}.selected-player p{font-size:10px;color:#8a9bab;line-height:1.5;margin:5px 0 0}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:70px;font-size:9px;color:#728497}footer>span:first-child{font-size:10px;color:#99aabb;letter-spacing:.6px}.footer-tag{margin-left:10px;border:1px solid #33414c;padding:3px 5px;font-size:7px;color:#8c9aab}footer p span{margin:0 8px;color:#3f4b5a}.loading{position:absolute;inset:0;background:#182c29;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#d3ded6;z-index:10}.loading[hidden]{display:none}.loading strong{font-size:17px;font-weight:500}.loading>span:last-child{font-size:11px;color:#91a99b}.loader-ball{font-size:44px;color:var(--accent)}.goal-banner{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);background:#101b25ed;border-left:4px solid var(--accent);padding:14px 30px;min-width:250px;text-align:center;box-shadow:0 10px 30px #0004}.goal-banner[hidden]{display:none}.goal-banner small{display:block;color:var(--accent);font-weight:800;letter-spacing:5px;font-size:12px}.goal-banner strong{display:block;font-size:18px;margin-top:7px}.goal-banner>span{font-size:12px;color:#b0c1cd;display:block;margin-top:6px}dialog{border:1px solid #3a4957;background:#1a232d;color:var(--text);border-radius:14px;padding:28px 32px;max-width:540px;width:calc(100% - 30px);max-height:85vh;line-height:1.7;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#060b14aa;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top .eyebrow{margin:0}dialog h2{font-size:30px;line-height:1.15;letter-spacing:-.8px;margin:14px 0 20px}dialog>p{color:#abb9c7;font-size:12px}dialog dt{font-size:12px;font-weight:600;margin-top:20px;color:var(--accent)}dialog dd{margin:4px 0 0;font-size:12px;color:#b4c0cd}.dialog-foot{border-top:1px solid #33414f;padding-top:15px;margin-top:23px}#playerLabel{position:absolute;pointer-events:none;background:#101822e8;border:1px solid #93b5ce55;padding:5px 9px;border-radius:4px;font-size:10px;white-space:nowrap;transform:translate(-50%,-100%);color:white;z-index:5}.viewer-shell:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#10151c}.viewer-shell:fullscreen .stage{height:auto;flex:1}.viewer-shell:fullscreen .viewer-note{display:none}
@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.episodes{max-height:420px}.episode{padding-top:14px;padding-bottom:14px}}
@media(max-width:1050px){.topbar{padding:0 23px}main{padding:26px 23px 0}.workspace{grid-template-columns:minmax(0,1fr) 255px;gap:15px}.match-meta{font-size:8px;gap:7px}.separator{margin:0 3px}.playback-time{display:none}.speed-controls label{display:none}.transport{padding-left:12px;padding-right:12px}.viewer-note{font-size:8px}.panel-heading,.stats,.selected-player{padding-left:15px;padding-right:15px}.stage{height:470px}.view-tabs button{padding:0 9px}.view-tools{gap:5px}.result{column-gap:15px}}
@media(max-width:800px){.workspace{grid-template-columns:1fr}.stage{height:57vw;min-height:350px}.match-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel-heading{grid-column:1}.episodes{grid-column:1;grid-row:2/5;max-height:270px}.stats-heading{grid-column:2;grid-row:1;border-top:0;border-left:1px solid var(--line)}.stats{grid-column:2;grid-row:2;border-left:1px solid var(--line)}.selected-player{grid-column:2;grid-row:3/5;border-left:1px solid var(--line)}footer p{display:none}.match-heading{margin-bottom:23px}.match-meta{display:none}.playback-time{display:inline}.speed-controls label{display:inline}.viewer-note{font-size:9px}.subtitle{font-size:11px}.result-label{font-size:8px}.result strong{font-size:34px}}
@media(max-width:520px){.topbar{height:65px;padding:0 16px}main{padding:23px 12px 0}.brand{font-size:16px}.brandmark{width:33px;height:36px;font-size:24px}.topbar>.quiet{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:26px;letter-spacing:-.8px}h1 span{margin:0 2px}.result{padding-left:10px;column-gap:0}.result-label,.complete{display:none}.result strong{font-size:30px}.subtitle{font-size:10px}.viewer-toolbar{padding:0 7px;height:49px}.view-tabs{gap:0}.view-tabs button{font-size:10px;padding:0 8px}.view-tools label{font-size:9px;gap:2px}.view-tools .icon-button{width:30px}.stage{height:440px;min-height:0}.scorebug{left:13px;top:15px;height:32px}.scorebug strong{font-size:14px;padding:0 9px}.team-code{font-size:9px;padding:9px 10px}.clock{padding:9px;font-size:10px}.stage-badge{right:13px;top:29px;font-size:7px}.stage-bottom{left:13px;right:13px;bottom:14px;font-size:6px;letter-spacing:1px}.commentary{padding:11px 12px;gap:10px;min-height:65px}.commentary p{font-size:10px}.commentary-source{display:none}.transport{padding:12px 7px 9px}.play-controls{gap:1px}.play-button{min-width:94px;padding:0 10px;font-size:10px}.playback-time{display:none}.speed-controls{gap:4px}.speed-controls label{display:none}.speed-controls .quiet{padding:0 6px;font-size:9px}.viewer-note{font-size:8px;padding:9px 12px;gap:4px}.panel-heading{padding:15px 11px 12px}.panel-heading h2{font-size:11px}.panel-heading>span{font-size:8px}.episodes{padding-left:3px;padding-right:3px}.episode{grid-template-columns:25px minmax(0,1fr) 12px;padding:10px 5px;gap:5px}.episode strong{font-size:10px}.episode small{font-size:8px}.episode .minute{font-size:10px}.stats{padding:0 12px 12px}.selected-player{padding:13px 12px;gap:8px}.selected-player strong{font-size:10px}.selected-player p{font-size:9px}.player-placeholder{font-size:24px}footer{min-height:60px;font-size:8px}.footer-tag{display:none}dialog{padding:20px}.goal-banner{bottom:48px;min-width:210px;padding:10px 20px}.goal-banner strong{font-size:15px}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s,color .15s,scale .1s}.loader-ball{animation:spin 2s linear infinite}@keyframes spin{to{rotate:360deg}}}
.top-actions{display:flex;align-items:center;gap:10px}.appearance-open{border:1px solid #52664b;color:var(--accent);padding:0 14px;font-size:11px;background:#b3ef8908}.appearance-open:hover{background:#b3ef8915}#kitNotice:not(:empty){display:block;width:100%;color:#bad7ad;margin-top:3px}#appearanceDialog{padding:0;max-width:880px;width:calc(100% - 28px);max-height:calc(100dvh - 30px);overflow:hidden;border-color:#465462}#appearanceDialog:open{display:flex;flex-direction:column}.appearance-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 17px;border-bottom:1px solid var(--line);flex-shrink:0}.appearance-header .eyebrow{font-size:8px;margin:0 0 7px}.appearance-header h2{font-size:24px;margin:0;line-height:1.2}.appearance-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:auto;max-height:calc(100dvh - 210px);scrollbar-width:thin}.kit-controls{padding:20px 22px;border-right:1px solid var(--line)}.kit-team-switch{display:flex;background:#111922;padding:4px;border-radius:7px}.kit-team-switch button{flex:1;font-size:11px;min-height:34px;color:#a9b7c5}.kit-team-switch button[aria-pressed=true]{background:#b3ef8915;color:var(--accent)}.kit-intro{font-size:11px;color:#97a8b8;line-height:1.6;margin:14px 0}.kit-colors{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.kit-colors label{display:flex;align-items:center;justify-content:space-between;border:1px solid #374550;border-radius:6px;min-height:43px;padding:0 10px;color:#bdc9d3;font-size:11px;cursor:pointer}.kit-colors input{width:29px;height:25px;border:0;padding:0;cursor:pointer;background:none}.kit-colors input::-webkit-color-swatch-wrapper{padding:2px}.kit-colors input::-webkit-color-swatch{border:1px solid #ffffff24;border-radius:4px}.kit-upload-row{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #35414b}.kit-upload-row>div{flex:1;min-width:0}.kit-upload-row strong{font-size:11px;font-weight:600}.kit-upload-row p{font-size:10px;color:#8f9eae;margin:3px 0 0;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-control{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:38px;padding:0 12px;border:1px solid #465661;border-radius:6px;font-size:10px;color:#d6e2eb;cursor:pointer}.upload-control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-control:focus-within{outline:2px solid var(--accent);outline-offset:3px}.kit-upload-row>.quiet{min-width:26px;padding:0;font-size:20px;color:#93a3b4}.kit-help{font-size:10px;color:#95a6b6;line-height:1.6;margin:9px 0 15px}.appearance-details{border-top:1px solid #35414b;padding:12px 0}.appearance-details summary{font-size:11px;color:#c2ced9;cursor:pointer;min-height:24px}.appearance-details label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a8b7c4;margin:12px 0;gap:15px}.appearance-details select{max-width:195px;background:#202d38;border:1px solid #45535f;color:#d1dfe9;padding:6px;min-height:34px;border-radius:5px;font-size:10px}.appearance-details input[type=range]{max-width:190px;accent-color:var(--accent)}.appearance-details .crowd-checkbox{justify-content:flex-start;font-size:11px;gap:8px;min-height:34px}.crowd-checkbox input{accent-color:var(--accent)}.reset-kit{padding:0;font-size:10px;color:#acbece;min-height:34px}.kit-error{color:#ffc5af;font-size:11px;line-height:1.6;border-left:2px solid #e1967e;padding:8px 10px;background:#e18e6710;margin:8px 0}.kit-preview-column{padding:20px 18px;position:sticky;top:0;align-self:start}.preview-caption{display:flex;justify-content:space-between;align-items:center;padding:0 3px 12px}.preview-caption strong{font-size:12px;font-weight:550}.preview-caption span{font-size:8px;letter-spacing:1.5px;color:#8599a9}#kitPreview{height:440px;min-height:290px;width:100%;border-radius:8px;background:#28343e;position:relative;overflow:hidden;cursor:grab;touch-action:none}#kitPreview:active{cursor:grabbing}#kitPreview canvas{display:block;width:100%;height:100%}#previewLoading{position:absolute;left:0;top:45%;width:100%;text-align:center;font-size:11px;color:#c8d6df;z-index:2}#previewLoading[hidden]{display:none}.preview-views{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:8px}.preview-views button{font-size:10px;padding:0 10px;min-height:34px}.preview-views span{font-size:8px;color:#8c9eae;text-align:center}.appearance-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 22px;border-top:1px solid var(--line);flex-shrink:0;background:#18222c}.appearance-footer p{margin:0;font-size:9px;color:#97a7b6}.appearance-footer>div{display:flex;gap:8px;align-items:center}.appearance-footer .quiet{font-size:11px}.apply-appearance{background:var(--accent);color:#17241b;font-size:11px;font-weight:600;padding:0 18px;min-height:40px}.apply-appearance:hover{background:#c5f4a6}@media(max-width:740px){.appearance-body{grid-template-columns:1fr;max-height:calc(100dvh - 190px)}.kit-preview-column{grid-row:1;position:static;padding:16px 20px 10px}.kit-controls{border-right:0;border-top:1px solid var(--line);padding:16px 20px}#kitPreview{height:350px}.preview-caption{display:none}.appearance-header{padding:16px 20px}.appearance-header h2{font-size:21px}.appearance-footer{padding:12px 16px}.appearance-footer p{max-width:100px;font-size:8px}.appearance-footer>div{gap:3px}.apply-appearance{padding:0 12px;font-size:10px}}@media(max-width:520px){.top-actions{gap:2px}.top-actions .quiet{padding:0 4px;font-size:9px}.appearance-open{font-size:9px;padding:0 8px}.topbar{gap:8px}.brand{gap:7px}#appearanceDialog{width:calc(100% - 18px)}#kitPreview{height:310px}.appearance-footer .quiet{font-size:10px;padding:0 8px}}

.weather-condition{border-left:1px solid #d1ded766;padding-left:8px;letter-spacing:.4px;text-transform:uppercase}.subtitle .weather-summary{color:var(--muted);margin:0}

.viewer-toolbar{height:auto;min-height:55px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px;row-gap:5px}.view-tools{gap:10px;flex-wrap:wrap}.clear-selection{min-height:32px;padding:0 9px;font-size:10px;border:1px solid #71829355;color:#bbc7d2;white-space:nowrap}.clear-selection:disabled{opacity:.4;cursor:default}.fatigue-label{position:absolute;z-index:3;display:flex;align-items:center;gap:3px;width:32px;height:9px;padding:1px 2px;transform:translate(-50%,-100%);pointer-events:none;background:#111b22df;border:1px solid #cbd8dd35;border-radius:3px}.fatigue-label[hidden]{display:none}.fatigue-track{height:3px;background:#592d2d;width:20px;overflow:hidden;border-radius:1px}.fatigue-fill{height:100%;display:block}.fatigue-number{font-size:7px;line-height:7px;color:#f2f4ec;font-variant-numeric:tabular-nums}.selected-player p+p{font-size:9px;color:#b3bfae}@media(max-width:520px){.viewer-toolbar{padding-top:5px;padding-bottom:5px}.view-tools{width:100%;justify-content:flex-end;gap:9px}.view-tools label{font-size:10px}.clear-selection{font-size:9px;padding:0 8px}}

.fatigue-label.unknown .fatigue-track{background:#687680}

.scorebug,.stage-badge,.goal-banner,.stage-bottom{z-index:6}

.broadcast-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:10px;color:#a9b9c8}.broadcast-controls button{font-size:10px;min-height:34px;padding:0 10px;border:1px solid #71829355;border-radius:5px}.broadcast-controls button:disabled{opacity:.4;cursor:default}.broadcast-controls label{display:flex;align-items:center;gap:6px;min-height:34px;white-space:nowrap}.broadcast-controls input[type=checkbox]{accent-color:var(--accent)}.replay-controls,.audio-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.audio-controls input[type=range]{width:84px;accent-color:var(--accent)}.audio-controls [aria-pressed=true]{border-color:#b3ef8970;color:var(--accent)}#audioStatus:empty{display:none}#audioStatus{color:#e4b99a;max-width:180px;font-size:9px}.replay-bar{position:absolute;left:18px;right:18px;bottom:43px;z-index:8;background:#101a24ed;border:1px solid #c9e0cd38;border-radius:7px;padding:10px 12px;box-shadow:0 5px 18px #0004}.replay-bar[hidden]{display:none}.replay-heading{display:flex;align-items:center;gap:9px;min-width:0}.replay-tag{font-size:9px;letter-spacing:1.5px;color:#17241b;background:var(--accent);padding:4px 7px;border-radius:3px;font-weight:800}.replay-heading strong{font-size:11px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#replayPass{font-size:9px;color:#b1c2d2;white-space:nowrap;font-variant-numeric:tabular-nums}.replay-actions{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:10px}.replay-actions select{min-height:32px;max-width:160px;padding:4px 9px;color:#e0e9ee;border:1px solid #516272;background:#22313f;border-radius:4px;font-size:10px}.replay-actions button{margin-left:auto;min-height:34px;font-size:10px;color:var(--accent);padding:0 9px;border:1px solid #b3ef893b}.replay-progress{height:2px;background:#d6ead225;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.replay-progress span{display:block;height:100%;background:var(--accent);width:0}.timeline-wrap input:disabled{opacity:.55;cursor:default}.stage:has(.replay-bar:not([hidden])) .stage-badge{color:var(--accent)}
@media(max-width:520px){.broadcast-controls{gap:7px;margin-top:10px;padding-top:8px}.replay-controls,.audio-controls{width:100%;justify-content:space-between;gap:6px}.broadcast-controls label,.broadcast-controls button{font-size:10px;min-height:38px}.audio-controls input[type=range]{width:95px}.replay-bar{left:9px;right:9px;bottom:37px;padding:8px}.replay-heading{gap:6px}.replay-heading strong{font-size:9px}.replay-tag{font-size:8px;padding:4px}.replay-actions select{max-width:115px;min-height:36px}.replay-actions label{display:none}.replay-actions button{font-size:9px;min-height:36px}.replay-actions{gap:4px}#replayPass{font-size:8px}}