@layer components{[data-side=streamer]{--t:var(--a);--t-hi:var(--a-hi);--t-lo:var(--a-lo);--t-deep:var(--a-deep);--t-pale:var(--a-pale);--t-text:var(--a-text);--tr:var(--ar)}[data-side=chat]{--t:var(--c);--t-hi:var(--c-hi);--t-lo:var(--c-lo);--t-deep:var(--c-deep);--t-pale:var(--c-pale);--t-text:var(--c-text);--tr:var(--cr)}[data-accent=chat]{--a:var(--c);--a-hi:var(--c-hi);--a-lo:var(--c-lo);--a-deep:var(--c-deep);--a-pale:var(--c-pale);--a-text:var(--c-text);--ar:var(--cr)}.sb-stage{flex-direction:column;justify-content:center;gap:16px;min-height:180px;padding:20px;display:flex}.sb-text{color:var(--t-text)}.sb-lit{background:linear-gradient(180deg, #fff 0%, var(--t-pale) 30%, var(--t-hi) 62%, var(--t) 100%);color:#0000;filter:drop-shadow(0 0 2px #ffffff4d) drop-shadow(0 0 10px rgba(var(--tr), .75)) drop-shadow(0 0 26px rgba(var(--tr), .35));-webkit-background-clip:text;background-clip:text}.sb-lit-crisp{filter:drop-shadow(0 1.5px 0 #00000073) drop-shadow(0 0 2px #ffffff4d) drop-shadow(0 0 10px rgba(var(--tr), .75)) drop-shadow(0 0 26px rgba(var(--tr), .35))}.sb-num{font-variant-numeric:tabular-nums;display:inline-block}.sb-num[data-pop]{animation:.5s cubic-bezier(.3,1.6,.5,1) sb-pop}@keyframes sb-pop{0%{transform:scale(1.3)}}.sb-dot{background:radial-gradient(circle at 35% 30%, var(--t-pale), var(--t) 70%);width:9px;height:9px;box-shadow:0 0 8px rgba(var(--tr), .85);border-radius:50%;flex:none;display:block}.sb-dot[data-off]{background:#2b3034;box-shadow:inset 0 1px 2px #000c,0 1px #ffffff0f}.sb-dot[data-live]{box-shadow:inset 0 0 0 1.5px var(--color-ink-soft);background:0 0;animation:1s steps(2,jump-none) infinite sb-blink}.sb-live{background:#ff4d5e;border-radius:50%;flex:none;width:8px;height:8px;animation:1.2s ease-in-out infinite sb-blink;display:inline-block;box-shadow:0 0 10px #ff4d5ee6}@keyframes sb-blink{50%{opacity:.35}}.sb-plate{height:22px;font:700 10px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#fff;white-space:nowrap;background:linear-gradient(180deg, var(--t-hi), var(--t-lo));box-shadow:0 0 12px -2px rgba(var(--tr), .7), inset 0 1px 0 #fff6, 0 0 0 1px #00000080;text-shadow:0 1px #00000040;border-radius:6px;align-items:center;padding:0 9px;display:inline-flex}.sb-bug{border-radius:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 0 0 1px #000c,0 14px 28px -10px #000000e6;container-type:inline-size}.sb-bug-team{background:linear-gradient(180deg, color-mix(in srgb, var(--t) 42%, #1d2023), color-mix(in srgb, var(--t) 16%, #111314));align-items:center;gap:12px;min-width:0;height:66px;padding:0 14px 0 20px;display:flex;position:relative;box-shadow:inset 0 1px #fff3}.sb-bug-team[data-side=chat]{flex-direction:row-reverse;padding:0 20px 0 14px}.sb-bug-stripe{background:linear-gradient(180deg, var(--t-pale), var(--t));width:6px;box-shadow:0 0 14px rgba(var(--tr), .9);position:absolute;top:0;bottom:0;left:0}.sb-bug-team[data-side=chat] .sb-bug-stripe{left:auto;right:0}@container (max-width:440px){.sb-bug-team,.sb-bug-team[data-side=chat]{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;height:74px}.sb-bug-team[data-side=chat]{align-items:flex-end}.sb-bug-team>span:last-child{margin:0}.sb-bug-mid{padding:0 10px}}.sb-bug-name{font:800 13px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#fff}.sb-poss{border-block:5px solid #0000;border-left:7px solid #0000;width:0;height:0}.sb-bug-team[data-side=chat] .sb-poss{border-left:0;border-right:7px solid #0000}.sb-poss[data-on]{filter:drop-shadow(0 0 4px #fffc);border-left-color:#fff}.sb-bug-team[data-side=chat] .sb-poss[data-on]{border-right-color:#fff}.sb-bug-mid{background:linear-gradient(#121416,#08090a);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 16px;display:flex;box-shadow:inset 1px 0 #000c,inset -1px 0 #000c}.sb-bug-ticker{min-width:0;font:500 13px/1.2 var(--font-sans);color:#17191b;background:linear-gradient(#f0f2f3,#c4cacf);grid-column:1/-1;align-items:center;gap:12px;padding:9px 14px;display:flex}.sb-bug-ticker b{font-weight:800}.sb-bug-flag{font:800 10px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#17191b;border-radius:4px;flex:none;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.sb-vs{color:var(--color-ink-strong);text-shadow:-3px 0 14px rgba(var(--ar), .75), 3px 0 14px rgba(var(--cr), .75)}.sb-badge{width:46px;height:46px;font:400 22px/1 var(--font-pixel);color:#fff;background:radial-gradient(circle at 36% 28%, var(--t-pale) 0%, var(--t) 45%, var(--t-deep) 100%);box-shadow:0 0 0 3px #121416, 0 0 0 4px rgba(var(--tr), .6), 0 0 22px rgba(var(--tr), .55);border-radius:50%;place-items:center;display:grid}.sb-stake{background:linear-gradient(180deg, rgba(var(--tr), .12), rgba(var(--tr), .03));box-shadow:inset 0 0 0 1px rgba(var(--tr), .35), inset 0 1px 0 #ffffff0f;border-radius:12px;flex-direction:column;gap:7px;padding:12px 14px;display:flex}.sb-stake[data-side=chat]{text-align:right;align-items:flex-end}.sb-hp{background:linear-gradient(#4a1218,#2a080c);border-radius:3px;flex:1;height:22px;position:relative;overflow:hidden;transform:skew(-14deg);box-shadow:0 0 0 2px #08090a,0 0 0 3.5px #ffffff47,inset 0 2px 4px #0009}.sb-hp[data-side=chat]{transform:skew(14deg)}.sb-hp>i,.sb-hp>s{position:absolute;top:0;bottom:0}.sb-hp[data-side=streamer]>*{right:0}.sb-hp[data-side=chat]>*{left:0}.sb-hp>s{opacity:.85;background:#fff;transition:width .5s ease-out .45s}.sb-hp>i{background:linear-gradient(180deg, var(--t-pale) 0%, var(--t-hi) 30%, var(--t) 70%, var(--t-lo) 100%);box-shadow:0 0 12px rgba(var(--tr), .8), inset 0 -3px 0 #0003;transition:width .2s ease-out}.sb-hp[data-low]>i{animation:.4s ease-in-out infinite alternate cell-pulse}.sb-ko{text-align:center;color:#ffd34d;text-shadow:0 2px #a86f00,0 0 14px #ffc83c99;flex:none;min-width:76px}.sb-super{gap:3px;display:flex}.sb-super>i{background:linear-gradient(180deg, var(--t-pale), var(--t));width:22px;height:8px;box-shadow:0 0 8px rgba(var(--tr), .8);border-radius:2px;transform:skew(-20deg)}.sb-super>i[data-off]{background:#24282b;box-shadow:inset 0 1px 2px #000c}.sb-rope{background:repeating-linear-gradient(-55deg, #ffffff12 0 4px, #0000001f 4px 8px), linear-gradient(90deg, rgba(var(--ar), .75), rgba(var(--ar), .15) 48%, rgba(var(--cr), .15) 52%, rgba(var(--cr), .75));border-radius:8px;height:16px;margin:6px 0;position:relative;box-shadow:inset 0 2px 4px #000000b3,0 0 0 1px #0009,0 1px #ffffff14}.sb-rope-mid{background:#fff6;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-7px;bottom:-7px;left:50%}.sb-knot{background:radial-gradient(circle at 36% 30%,#ffffff40,#fff0 50%),conic-gradient(from 90deg,#4a5157,#2b3034 25%,#4a5157 50%,#2b3034 75%,#4a5157);border-radius:50%;width:30px;height:30px;transition:left .7s cubic-bezier(.3,.8,.3,1.25);position:absolute;top:50%;translate:-50% -50%;box-shadow:0 6px 10px -2px #000c,0 0 0 1px #000000b3,0 0 0 3px #ffffff26,inset 0 1px 1px #ffffff4d}.sb-count-row{background:linear-gradient(90deg, rgba(var(--tr), .18), rgba(var(--tr), .04));border-radius:8px;align-items:center;gap:10px;min-width:140px;padding:6px 10px 6px 6px;display:flex}.sb-count-chip{background:linear-gradient(180deg, var(--t-pale), var(--t));width:6px;height:24px;box-shadow:0 0 8px rgba(var(--tr), .8);border-radius:3px;flex:none}.sb-base,.sb-home{fill:#17191b;stroke:#ffffff38;stroke-width:1.5px;transition:fill .2s}.sb-home{fill:#24282b;stroke-dasharray:3 3}.sb-base[data-lit]{fill:var(--t-hi);stroke:var(--t-pale);filter:drop-shadow(0 0 5px rgba(var(--tr), .9))}.sb-diamond-txt{font:400 15px/1 var(--font-pixel);fill:var(--color-ink-strong)}.sb-ring-seg{fill:#ffffff12;transition:fill .2s}.sb-ring-seg[data-lit]{fill:var(--t-hi);filter:drop-shadow(0 0 3px rgba(var(--tr), .9))}.sb-ls{border-collapse:separate;border-spacing:0;width:100%;min-width:680px;font:600 13px/1 var(--font-mono);font-variant-numeric:tabular-nums}.sb-ls th,.sb-ls td{text-align:center;height:36px;color:var(--color-ink-faint);padding:0 4px}.sb-ls thead th{height:26px;font:600 11px/1 var(--font-mono);color:var(--color-ink-muted)}.sb-ls .sb-ls-period{font:600 10px/1 var(--font-sans);letter-spacing:.16em;color:var(--color-ink-label)}.sb-ls [data-start]{box-shadow:inset 1px 0 #ffffff1a}.sb-ls tbody td,.sb-ls tbody th{background:#ffffff06;border-top:1px solid #0009}.sb-ls tbody th{text-align:left;padding-left:0}.sb-ls-team{font:700 12px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-strong);align-items:center;gap:8px;display:flex}.sb-ls-team:before{content:"";background:var(--t);width:4px;height:20px;box-shadow:0 0 8px rgba(var(--tr), .8);border-radius:2px}.sb-ls td[data-won]{color:var(--t-text);text-shadow:0 0 10px rgba(var(--tr), .6)}.sb-ls [data-live]{background:#ffffff12}.sb-ls thead th[data-live]{color:var(--color-ink-strong)}.sb-ls .sb-ls-period[data-live]{color:var(--color-ink-strong);background:0 0}.sb-ls .sb-ls-tot{width:60px;color:var(--color-ink-strong);box-shadow:inset 2px 0 #00000080}.sb-ls .sb-ls-pts{font:400 18px/1 var(--font-pixel);color:var(--t-text)}.sb-ls tfoot th,.sb-ls tfoot td{height:28px;color:var(--color-ink-faint);font-size:11px}.sb-ls tfoot th{text-align:left;font:600 10px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;padding-left:12px}.sb-qt{border-collapse:separate;border-spacing:0 6px;width:100%;font:600 15px/1 var(--font-mono);font-variant-numeric:tabular-nums}.sb-qt th,.sb-qt td{text-align:center;color:var(--color-ink-sub);padding:8px 5px}.sb-qt thead th{font:600 11px/1 var(--font-sans);letter-spacing:.14em;color:var(--color-ink-muted)}.sb-qt tbody th{text-align:left;padding-left:0}.sb-qt [data-live]{color:var(--color-ink-strong);background:#ffffff0d}.sb-qt thead th[data-live]{border-radius:8px 8px 0 0}.sb-qt td[data-won]{color:var(--t-text)}.sb-qt .sb-qt-t{text-align:right;padding-left:14px;box-shadow:inset 2px 0 #00000080}.sb-over{border-radius:12px;align-items:center;gap:12px;padding:6px 10px;display:flex}.sb-over[data-live]{background:#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff14}.sb-ball{width:42px;height:42px;font:600 11px/1 var(--font-mono);color:var(--color-ink-faint);background:linear-gradient(#08090a,#121416);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 2px 4px #000000e6,0 1px #ffffff14,0 0 0 1px #0009}.sb-ball[data-side]{color:#fff;text-shadow:0 1px #00000059;background:radial-gradient(circle at 36% 28%, var(--t-pale) 0%, var(--t-hi) 30%, var(--t) 65%, var(--t-lo) 100%);box-shadow:0 0 14px -2px rgba(var(--tr), .75), inset 0 1px 0 #fff6, 0 0 0 1px #00000080}.sb-ball[data-live]{color:var(--color-ink-strong);box-shadow:0 0 0 2px #121416, 0 0 0 3.5px var(--color-ink-soft), 0 0 16px #ffffff40;background:#121416;animation:1.6s ease-in-out infinite sb-breathe}@keyframes sb-breathe{50%{box-shadow:0 0 0 2px #121416,0 0 0 3.5px #ffffff59,0 0 4px #ffffff1a}}.sb-map{background:linear-gradient(#23272a,#1a1d1f);border-radius:12px;flex-direction:column;gap:9px;padding:12px 12px 15px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0009,inset 0 1px #ffffff1a}.sb-map:after{content:"";background:#ffffff0f;height:4px;position:absolute;bottom:0;left:0;right:0}.sb-map[data-side]{background:linear-gradient(180deg, rgba(var(--tr), .2), rgba(var(--tr), .05)), linear-gradient(180deg, #23272a, #1a1d1f)}.sb-map[data-side]:after{background:var(--t);box-shadow:0 0 12px rgba(var(--tr), .9)}.sb-map[data-status=live]{box-shadow:0 0 0 1px #0009,inset 0 0 0 1.5px #fff6,0 0 18px -4px #ffffff4d}.sb-map[data-status=next]{opacity:.55}.sb-feed{flex-direction:column;gap:8px;max-height:340px;margin:0;padding:0;list-style:none;display:flex;position:relative;overflow-y:auto}.sb-feed:before{content:"";background:#ffffff14;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.sb-feed-row{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:12px;display:grid}.sb-feed-n{width:30px;height:30px;font:400 13px/1 var(--font-pixel);color:#fff;background:radial-gradient(circle at 36% 28%, var(--t-hi), var(--t-lo));box-shadow:0 0 0 3px #121416, 0 0 12px rgba(var(--tr), .7);border-radius:50%;place-items:center;display:grid;position:relative}.sb-feed-n[data-live]{box-shadow:0 0 0 3px #121416, inset 0 0 0 1.5px var(--color-ink-soft);background:#121416;flex:none}.sb-feed-live{background:#1d2023;border-radius:999px;align-items:center;gap:10px;max-width:100%;margin:0 auto 4px;padding:6px 14px 6px 6px;font-size:13px;display:flex;position:relative;box-shadow:0 0 0 1px #0009,inset 0 1px #ffffff1a}.sb-feed-break{justify-content:center;display:flex;position:relative}.sb-feed-break>span{font:600 10px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted);background:#121416;border-radius:6px;padding:3px 10px;box-shadow:inset 0 0 0 1px #ffffff14}.sb-banner{text-align:center;font:800 14px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-soft);background:#ffffff0d;border-radius:10px;padding:11px 14px;box-shadow:inset 0 0 0 1px #ffffff1a}.sb-banner[data-side]{color:#fff;text-shadow:0 1px #0000004d;background:linear-gradient(180deg, var(--t-hi), var(--t-lo));box-shadow:0 0 26px -4px rgba(var(--tr), .8), inset 0 1px 0 #ffffff73, 0 0 0 1px #00000080}.sb-worm{overflow:visible}.sb-worm-grid{stroke:#ffffff12;stroke-width:1px}.sb-worm-zero{stroke:#ffffff4d;stroke-width:1.5px}.sb-worm-lbl{font:600 10px/1 var(--font-mono);fill:var(--color-ink-muted)}.sb-worm-lbl[data-side]{fill:var(--t-text)}.sb-worm-lbl[data-live]{fill:var(--color-ink-strong)}.sb-worm-area{fill:rgba(var(--tr), .28)}.sb-worm-line{fill:none;stroke:var(--color-ink-strong);stroke-width:2.5px;stroke-linejoin:round;filter:drop-shadow(0 0 4px #ffffff59)}.sb-worm-fork{stroke:var(--t-hi);stroke-width:2px;stroke-dasharray:4 4;opacity:.8}.sb-worm-pt{fill:#121416;stroke:var(--color-ink-strong);stroke-width:2px}.sb-worm-pt[data-side]{fill:var(--t-hi);stroke:#121416;filter:drop-shadow(0 0 4px rgba(var(--tr), .9))}.sb-h2h{background:linear-gradient(#08090a,#101214);border-radius:5px;height:10px;display:flex;overflow:hidden;box-shadow:inset 0 1.5px 3px #000000e6,0 1px #ffffff0f}.sb-h2h[data-side=streamer]{justify-content:flex-end}.sb-h2h>i{background:linear-gradient(180deg, var(--t-hi), var(--t));box-shadow:0 0 10px rgba(var(--tr), .8), inset 0 1px 0 #ffffff73;border-radius:5px;transition:width .5s cubic-bezier(.3,.8,.3,1)}.sb-h2h[data-dim]>i{opacity:.45;box-shadow:none}.sb-lane{flex:1;gap:3px;display:flex}.sb-lane>b{background:linear-gradient(#060708,#0c0e0f);border-radius:3px;flex:1;height:20px;box-shadow:inset 0 1px 2px #000000e6,0 0 0 1px #00000080,0 1px #ffffff0a}.sb-lane>b[data-lit]{background:linear-gradient(180deg, var(--t-pale) 0%, var(--t-hi) 45%, var(--t) 100%);box-shadow:0 0 8px rgba(var(--tr), .9), inset 0 1px 0 #fff9}.sb-lane>b[data-ghost]{background:repeating-linear-gradient(-45deg, rgba(var(--tr), .5) 0 3px, rgba(var(--tr), .15) 3px 6px)}.sb-flag{background:repeating-conic-gradient(#f0f2f3 0 25%, #17191b 0 50%) 0 0 / 9px 8px;border-radius:2px;flex:none;width:18px;height:24px;box-shadow:0 0 0 1px #0009}.sb-form{width:24px;height:24px;font:700 11px/1 var(--font-sans);color:var(--color-ink-muted);background:#24282b;border-radius:6px;place-items:center;display:grid}.sb-form[data-side]{color:#fff;background:linear-gradient(180deg, var(--t-hi), var(--t-lo));box-shadow:0 0 10px -2px rgba(var(--tr), .7)}.sb-tonight td{color:var(--color-ink-strong);background:#ffffff0a}.sb-flap{perspective:200px;width:30px;height:42px;font:700 24px/1 var(--font-mono);color:#f4f6f7;background:linear-gradient(#24282b 0%,#1a1d1f 49%,#0e1012 51%,#17191b 100%);border-radius:5px;place-items:center;display:grid;position:relative;box-shadow:0 3px 6px -2px #000c,0 0 0 1px #000000b3,inset 0 1px #ffffff1a}.sb-flap:after{content:"";background:#000000d9;height:1px;position:absolute;top:50%;left:0;right:0;box-shadow:0 1px #ffffff0d}[data-side]>span>.sb-flap{color:var(--t-pale)}.sb-flap>span{transform-origin:50%;display:block}.sb-flap>span[data-flip]{animation:.32s cubic-bezier(.3,.6,.4,1) sb-flip}@keyframes sb-flip{0%{opacity:.3;transform:rotateX(-90deg)}}.sb-strip{background:linear-gradient(#24282b,#1d2023);border-radius:12px;align-items:center;gap:12px;min-width:0;padding:10px 14px;display:flex;box-shadow:0 8px 16px -6px #000000a6,0 0 0 1px #0009,inset 0 1px #ffffff24}.sb-strip-key{width:22px;height:22px;font:800 11px/1 var(--font-sans);color:#fff;background:linear-gradient(180deg, var(--t-hi), var(--t-lo));box-shadow:0 0 10px -2px rgba(var(--tr), .8);border-radius:6px;place-items:center;display:grid}.sb-split{gap:2px;height:6px;display:flex;position:relative}.sb-split>i{background:linear-gradient(180deg, var(--t-hi), var(--t));box-shadow:0 0 8px rgba(var(--tr), .7);border-radius:3px;flex-basis:0;transition:flex-grow .5s cubic-bezier(.3,.8,.3,1)}.sb-split-lg{height:18px}.sb-split-lg>i{box-shadow:0 0 12px rgba(var(--tr), .7), inset 0 1px 0 #fff6;border-radius:5px}.sb-split>b{background:#fff;width:2px;margin-left:-1px;position:absolute;top:-5px;bottom:-5px;left:50%;box-shadow:0 0 6px #fff9}.sb-cell{background:#24282b;border-radius:3px;flex:1;height:14px;box-shadow:inset 0 1px 2px #000000b3}.sb-cell[data-side]{background:linear-gradient(180deg, var(--t-hi), var(--t));box-shadow:0 0 6px rgba(var(--tr), .7)}.sb-cell[data-live]{box-shadow:inset 0 0 0 1.5px var(--color-ink-soft);background:0 0;animation:1s ease-in-out infinite sb-blink}.sb-side-card{background:linear-gradient(#24282b,#1d2023);border-radius:14px;flex-direction:column;gap:12px;width:280px;max-width:100%;padding:14px;display:flex;box-shadow:0 12px 24px -8px #000000bf,0 0 0 1px #0009,inset 0 1px #ffffff24}.sb-thin{background:#0c0e0f;border-radius:2px;height:4px}.sb-thin>i{background:var(--t-hi);height:100%;box-shadow:0 0 8px rgba(var(--tr), .9);border-radius:2px;transition:width .4s;display:block}@media (prefers-reduced-motion:reduce){.sb-num[data-pop],.sb-flap>span[data-flip],.sb-live,.sb-dot[data-live],.sb-ball[data-live],.sb-cell[data-live],.sb-hp[data-low]>i{animation:none}}}