.stream-frame{font-family:var(--sf-font,inherit);position:relative}.stream-frame>.stream-frame__video{container:sf/inline-size;padding-top:0;aspect-ratio:16/9;width:100%}.stream-frame:-webkit-full-screen{position:fixed;inset:0;z-index:9999;height:100dvh;border-radius:0}.stream-frame.is-pseudo-full,.stream-frame:fullscreen{position:fixed;inset:0;z-index:9999;width:100vw;height:100vh;height:100dvh;border-radius:0;background:#000;display:grid;place-items:center}.stream-frame:-webkit-full-screen{width:100vw;height:100vh;background:#000;display:grid;place-items:center}.stream-frame.is-full>.stream-frame__video{width:min(100vw,calc(100vh * 16 / 9));width:min(100vw,calc(100dvh * 16 / 9))}.stream-frame:not([data-ui]){cursor:none}.sf-controls{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;gap:4px;padding:28px 10px 8px;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.35) 60%,transparent);color:#fff;font-family:var(--font-body,system-ui,sans-serif);font-size:13px;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;pointer-events:none}.stream-frame[data-ui] .sf-controls{opacity:1;transform:none;pointer-events:auto}.sf-livepill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;margin-right:6px;border-radius:4px;background:var(--live,#ff5c6c);color:#fff;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.sf-livepill .sf-dot{background:#fff}.sf-cbtn{display:inline-grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer}.sf-cbtn svg{width:22px;height:22px}.sf-cbtn:focus-visible,.sf-cbtn:hover{background:hsla(0,0%,100%,.16);outline:none}.sf-volume{width:90px;accent-color:#fff;cursor:pointer}.sf-unmute{margin-left:6px;padding:5px 10px;border:1px solid hsla(0,0%,100%,.35);border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.sf-spacer{flex:1 1}.stream-frame:not([data-ui]) .sf-unmute{opacity:1}.sf-overlay{transition:bottom .25s}.stream-frame[data-ui] .sf-overlay{bottom:52px}@container sf (max-width: 520px){.sf-controls{padding:18px 4px 4px}.sf-volume{display:none}.sf-cbtn{width:32px;height:32px}.stream-frame[data-ui] .sf-overlay{bottom:40px}}@media (hover:none){.sf-volume{display:none}}.sf-overlay{inset:0;z-index:3;pointer-events:none;color:var(--sf-text,#fff);font-size:clamp(12px,1.4cqw,30px);line-height:1.2}.sf-overlay,.sf-overlay>*{position:absolute}.sf-bug{display:flex;gap:.7em;padding:.45em 1em;border-radius:999px;background:var(--sf-panel,rgba(11,15,23,.8));border:1px solid color-mix(in srgb,var(--sf-accent,#43ffc4) 45%,transparent);white-space:nowrap}.sf-bug,.sf-side{align-items:center}.sf-side{display:inline-flex;gap:8px}.sf-name{font-weight:700;letter-spacing:.04em}.sf-crest{width:1.6em;height:1.6em;object-fit:contain;border-radius:4px;flex:none}.sf-crest--blank{display:inline-grid;place-items:center;background:color-mix(in srgb,var(--sf-accent,#43ffc4) 30%,transparent);font-size:12px;font-weight:700}.sf-score{display:inline-flex;align-items:baseline;gap:6px;font-size:1.35em;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sf-score i{font-style:normal;min-width:.7em;text-align:center}.sf-score{padding:.05em .45em;border-radius:.35em;background:color-mix(in srgb,var(--sf-accent,#43ffc4) 22%,transparent)}.sf-sep{opacity:.5;font-weight:500}.sf-clock{display:inline-flex;align-items:center;gap:.4em;padding:.15em .6em;border-radius:999px;background:var(--sf-accent,#43ffc4);color:#05070b;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sf-clock__t.is-paused{opacity:.75}.sf-dot{width:.5em;height:.5em;min-width:6px;min-height:6px;border-radius:50%;background:var(--live,#ff5c6c);animation:sf-pulse 1.6s ease-in-out infinite}@keyframes sf-pulse{50%{opacity:.35}}.sf-ticker{display:inline-flex;align-items:center;gap:.45em;max-width:80%;padding:.3em .85em;border-radius:999px;background:var(--sf-panel,rgba(11,15,23,.8));opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-ticker.is-on{opacity:1;transform:none}.sf-ico{width:1em;height:1em;flex:none;color:var(--sf-accent,#43ffc4)}.sf-logo{object-fit:contain;filter:drop-shadow(0 1px 4px rgba(0,0,0,.6))}.sf-logo--s{width:36px;height:36px}.sf-logo--m{width:52px;height:52px}.sf-logo--l{width:76px;height:76px}.sf-logo--tl{top:12px;left:12px}.sf-logo--tr{top:12px;right:12px}.sf-logo--bl{bottom:12px;left:12px}.sf-logo--br{bottom:12px;right:12px}.sf-sponsor{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:8px;background:var(--sf-panel,rgba(11,15,23,.8));max-width:40%}.sf-sponsor small{opacity:.65;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.sf-sponsor img{height:24px;max-width:120px;object-fit:contain}.sf-sponsor span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.sf-sponsor--br{bottom:12px;right:12px}.sf-sponsor--bar{bottom:0;left:0;right:0;max-width:none;justify-content:center;border-radius:0}.sf-lower{left:12px;bottom:12px;max-width:60%;padding:.45em 1em;border-left:4px solid var(--sf-accent,#43ffc4);background:var(--sf-panel,rgba(11,15,23,.8));font-weight:600;animation:sf-in .4s ease}@keyframes sf-in{0%{opacity:0;transform:translateX(-12px)}}.sf-evbtn,.sf-fullbtn{pointer-events:auto;cursor:pointer;border:1px solid color-mix(in srgb,var(--sf-text,#fff) 30%,transparent);background:var(--sf-panel,rgba(11,15,23,.8));color:var(--sf-text,#fff);border-radius:999px;font:inherit;font-size:12px;padding:3px 10px}.sf-evbtn,.sf-fullbtn{top:12px;right:12px}.sf-fullbtn{width:30px;height:30px;padding:6px}.sf-fullbtn svg{width:100%;height:100%}.sf-drawer{pointer-events:auto;top:44px;right:12px;margin:0;padding:8px 12px;list-style:none;max-width:70%;border-radius:10px;background:var(--sf-panel,rgba(11,15,23,.92));display:grid;grid-gap:6px;gap:6px;font-size:13px}.sf-dock li,.sf-drawer li{display:flex;align-items:center;gap:6px}.sf-offline{inset:0!important;display:grid;place-content:center;grid-gap:4px;gap:4px;text-align:center;padding:16px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--sf-accent,#43ffc4) 14%,#05070b),#05070b 75%)}.sf-offline b{font-size:1.4em}.sf-offline span{opacity:.8}.sf-dock{display:none;margin:0;padding:8px 12px;list-style:none;gap:4px;font-size:13px;background:var(--surface,#111);color:var(--text,#fff)}.sf-dock .sf-ico{color:var(--accent)}[data-preset=broadcast] .sf-bug{top:12px;left:50%;transform:translateX(-50%)}[data-preset=broadcast] .sf-ticker{top:3.9em;left:50%;transform:translateX(-50%)}[data-preset=broadcast] .sf-ticker:not(.is-on){transform:translate(-50%,-4px)}[data-preset=corner] .sf-bug{top:12px;left:12px;border-radius:12px;display:grid;grid-template-columns:1fr auto;grid-row-gap:6px;row-gap:6px;padding:8px 12px;min-width:200px}[data-preset=corner] .sf-side{grid-column:1}[data-preset=corner] .sf-side--away{grid-row:2;flex-direction:row-reverse;justify-content:flex-end}[data-preset=corner] .sf-score{grid-column:2;grid-row:1/3;flex-direction:column;align-items:center;gap:0}[data-preset=corner] .sf-sep{display:none}[data-preset=corner] .sf-clock{grid-column:1/3;justify-self:start}[data-preset=corner] .sf-ticker{top:12px;right:56px}[data-preset=bar] .sf-bug{left:0;right:0;bottom:0;border-radius:0;justify-content:center;padding:8px 16px;border-width:1px 0 0}[data-preset=bar] .sf-ticker{left:12px;bottom:56px}[data-preset=bar] .sf-lower,[data-preset=bar] .sf-sponsor--br{bottom:62px}[data-preset=bar] .sf-sponsor--bar{bottom:50px}[data-preset=bar] .sf-logo--bl,[data-preset=bar] .sf-logo--br{bottom:62px}[data-preset=minimal] .sf-bug{top:12px;left:12px;padding:4px 10px;gap:8px}[data-preset=minimal] .sf-name,[data-preset=minimal] .sf-ticker{display:none}[data-preset=side] .sf-bug{top:50%;right:12px;transform:translateY(-50%);border-radius:12px;display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:12px 14px}[data-preset=side] .sf-side,[data-preset=side] .sf-side--away{flex-direction:column}[data-preset=side] .sf-ticker{bottom:56px;right:12px}[data-preset=side] .sf-evbtn,[data-preset=side] .sf-fullbtn{right:auto;left:12px}@container sf (max-width: 520px){.sf-overlay{font-size:10px}.sf-bug{gap:.5em;padding:.35em .75em}.sf-crest{width:1.4em;height:1.4em}.sf-score{font-size:1.25em;gap:.3em}.sf-clock{padding:.1em .5em}.sf-ticker{max-width:70%;padding:.25em .7em}.sf-drawer,.sf-evbtn,.sf-logo,.sf-lower,.sf-sponsor{display:none}.sf-fullbtn{top:auto;bottom:6px;right:6px;width:24px;height:24px;padding:4px}[data-preset=broadcast] .sf-bug{top:6px}[data-preset=broadcast] .sf-ticker{top:3.2em}[data-preset=corner] .sf-bug{top:6px;left:6px;min-width:0;padding:.5em .7em;row-gap:.35em;column-gap:.8em;border-radius:8px}[data-preset=corner] .sf-ticker{top:6px;right:6px;max-width:50%}[data-preset=bar] .sf-bug{padding:.45em .75em}[data-preset=bar] .sf-ticker{left:6px;bottom:3.2em}[data-preset=minimal] .sf-bug{top:6px;left:6px;padding:.25em .6em}[data-preset=side] .sf-bug{right:6px;padding:.6em .55em;gap:.45em;border-radius:8px}[data-preset=side] .sf-ticker{left:6px;bottom:6px;right:auto}}@media (max-width:560px){.sf-dock{display:grid}}.stream-frame--card .sf-cardview{container:sf/inline-size;position:relative;padding-top:56.25%;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--sf-accent,#43ffc4) 25%,#05070b),#05070b 70%)}.stream-frame--card .sf-overlay{z-index:1}@media (prefers-reduced-motion:reduce){.sf-dot,.sf-lower{animation:none}.sf-ticker{transition:none}}.stream-frame[data-ui] .sf-overlay .sf-offline{bottom:-52px!important}@container sf (max-width: 520px){.stream-frame[data-ui] .sf-overlay .sf-offline{bottom:-40px!important}}.sf-controls button,.sf-evbtn,.sf-fullbtn{box-shadow:none;text-transform:none;letter-spacing:0;font-weight:600}.sf-cbtn{padding:0}.sf-controls button:hover{box-shadow:none}.stream-frame.is-full .sf-cbtn{width:44px;height:44px}.stream-frame.is-full .sf-cbtn svg{width:26px;height:26px}.stream-frame.is-full .sf-controls{padding:40px 18px 14px;font-size:15px}.stream-frame.is-full[data-ui] .sf-overlay{bottom:72px}.stream-frame.is-full[data-ui] .sf-overlay .sf-offline{bottom:-72px!important}