.sv-stream{--tw:#9146ff;--tw-hi:#c7a6ff;--tw-deep:#5c16c5;--tw-glow:#9146ff6b;--tw-red:#eb0400;background:var(--sv-bg);min-height:100dvh;color:var(--sv-ink);flex-direction:column;display:flex;position:relative;overflow-x:clip}.sv-stream ::selection{color:#fff;background:#9146ff4d}.sv-stream .sv-section:before{background:radial-gradient(circle,#9146ff29 0%,#9146ff0d 38%,#0000 68%)}.sv-stream .sv-glass:before{background:radial-gradient(120% 70% at 50% -20%,#ffffff29,#0000 62%),radial-gradient(80% 50% at 12% 0,#a882ff1f,#0000 60%)}.sv-stream .sv-glass:after{background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%), #9146ff33, transparent 62%)}.sv-stream .sv-eyebrow{color:var(--tw-hi)}.sv-stream .sv-eyebrow:before{background:linear-gradient(90deg, transparent, var(--tw))}.sv-stream .sv-eyebrow.is-center:after{background:linear-gradient(90deg, var(--tw), transparent)}.sv-purple,.sv-purple span{background-image:linear-gradient(180deg, #e3d0ff 0%, var(--tw-hi) 26%, var(--tw) 64%, var(--tw-deep) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.sv-btn-twitch{color:#fff;text-shadow:0 1px 2px #1e004666;background:linear-gradient(135deg, #a970ff, var(--tw) 45%, var(--tw-deep));box-shadow:inset 0 1px 0 #fff6, 0 10px 34px -12px var(--tw-glow), 0 2px 10px -4px #0009;font-weight:700}.sv-btn-twitch:after{content:"";z-index:-1;transition:transform .9s var(--sv-ease);background:linear-gradient(115deg,#0000 20%,#ffffff80 45%,#0000 62%);position:absolute;inset:0;transform:translate(-130%)}.sv-btn-twitch:hover:after{transform:translate(130%)}.sv-btn-twitch:hover{box-shadow:inset 0 1px 0 #ffffff73, 0 18px 48px -14px var(--tw-glow)}.sv-stream-top{padding-top:clamp(108px,14vh,148px);padding-bottom:clamp(56px,7vh,92px)}.sv-stream-lead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 26px;margin-bottom:clamp(22px,3vw,34px);display:flex}.sv-stream-lead h1{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.04em;text-transform:uppercase;color:#fff;margin:0;font-size:clamp(1.85rem,4.6vw,3.1rem);font-weight:800;line-height:1}.sv-stream-facts{flex-wrap:wrap;gap:8px;display:flex}.sv-stream-fact{letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#f7f5f39e;background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:11.5px;font-weight:650;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff12}.sv-stream-fact.is-live{color:#fff;background:#eb04002e;box-shadow:inset 0 0 0 1px #eb040073}.sv-stream-fact .sv-stream-dot{background:var(--tw-red)}.sv-stream-head{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:26px;display:flex}.sv-stream-head h2{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.03em;text-transform:uppercase;color:#fff;margin:0;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:800}.sv-stream-head small{letter-spacing:.14em;text-transform:uppercase;color:var(--sv-dim);font-size:12px;font-weight:600}.sv-stream-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(14px,1.6vw,22px);display:grid}.sv-stream-card{color:inherit;border-radius:22px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.sv-stream-card:hover{transform:translateY(-5px)}.sv-stream-card.is-dim{opacity:.74}.sv-stream-card.is-dim:hover{opacity:1}.sv-stream-art{aspect-ratio:16/9;background:linear-gradient(140deg,#1d1428,#120d19);position:relative;overflow:hidden}.sv-stream-art img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--sv-ease);display:block}.sv-stream-card:hover .sv-stream-art img{transform:scale(1.05)}.sv-stream-art:after{content:"";background:linear-gradient(#0a070e59 0%,#0000 34%,#0a070eb3 100%);position:absolute;inset:0}.sv-stream-art.is-empty{place-items:center;display:grid}.sv-stream-art.is-empty svg{color:#c7a6ff61;width:46px;height:46px}.sv-stream-tag{z-index:2;letter-spacing:.1em;text-transform:uppercase;border-radius:8px;align-items:center;gap:7px;padding:5px 10px;font-size:10.5px;font-weight:800;display:inline-flex;position:absolute}.sv-stream-tag.is-live{background:var(--tw-red);color:#fff;top:10px;left:10px}.sv-stream-tag.is-other{color:#f7f5f3cc;background:#0c0910c7;top:10px;left:10px}.sv-stream-tag.is-viewers{color:#fff;letter-spacing:.04em;font-variant-numeric:tabular-nums;background:#0c0910b8;top:10px;right:10px;box-shadow:inset 0 0 0 1px #ffffff1a}.sv-stream-tag.is-uptime{color:#f7f5f3c7;letter-spacing:.04em;background:#0c0910b8;font-weight:650;bottom:10px;left:10px;box-shadow:inset 0 0 0 1px #ffffff14}.sv-stream-dot{background:#fff;border-radius:50%;flex:none;width:6px;height:6px;animation:2s infinite sv-stream-dot}@keyframes sv-stream-dot{0%,to{opacity:1}50%{opacity:.35}}.sv-stream-body{gap:12px;padding:14px 16px 18px;display:flex}.sv-stream-avatar{object-fit:cover;width:42px;height:42px;box-shadow:0 0 0 2px #9146ff8c, 0 6px 16px -8px var(--tw-glow);background:#9146ff29;border-radius:50%;flex:none}.sv-stream-meta{flex:1;min-width:0}.sv-stream-title{color:#ece9f1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;font-weight:650;line-height:1.45;display:-webkit-box;overflow:hidden}.sv-stream-name{color:var(--tw-hi);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:12.5px;font-weight:700;display:block;overflow:hidden}.sv-stream-game{letter-spacing:.06em;color:#f7f5f39e;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0d;border-radius:999px;max-width:100%;margin-top:8px;padding:3px 9px;font-size:10.5px;font-weight:650;display:inline-block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.sv-stream-chips{flex-wrap:wrap;gap:10px;display:flex}.sv-stream-chip{color:inherit;border-radius:999px;align-items:center;gap:10px;padding:8px 15px 8px 8px;text-decoration:none;display:inline-flex}.sv-stream-chip img,.sv-stream-chip .sv-stream-fallback{object-fit:cover;border-radius:50%;flex:none;width:28px;height:28px;box-shadow:0 0 0 1.5px #9146ff59}.sv-stream-fallback{color:var(--tw-hi);background:#9146ff29;place-items:center;font-size:12px;font-weight:800;display:grid}.sv-stream-chip b{color:#f7f5f3db;font-size:12.5px;font-weight:650}.sv-stream-chip small{letter-spacing:.14em;text-transform:uppercase;color:var(--sv-dim);margin-top:2px;font-size:9.5px;font-weight:600;display:block}.sv-stream-chip:hover b{color:#fff}.sv-stream-none{color:var(--sv-muted);margin:0;padding:clamp(24px,3.4vw,40px) 0;font-size:14px}.sv-stream-apply{border-radius:30px;padding:clamp(30px,4vw,52px);position:relative;overflow:hidden}.sv-stream-apply:before{background:radial-gradient(120% 90% at 50% -30%,#9146ff3d,#0000 64%),radial-gradient(70% 60% at 100% 100%,#5c16c533,#0000 66%)}.sv-stream-apply h2{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.035em;text-transform:uppercase;color:#fff;margin:0;font-size:clamp(1.6rem,3.6vw,2.6rem);font-weight:800;line-height:1.02}.sv-stream-apply .sv-lead{margin-top:18px}.sv-stream-steps{grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,20px);margin-top:clamp(28px,3.6vw,44px);display:grid}.sv-stream-step{border-radius:20px;padding:20px 20px 22px}.sv-stream-step i{font-style:normal;font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.2em;color:var(--tw-hi);font-size:12px;font-weight:800;display:block}.sv-stream-step h3{color:#fff;margin:10px 0 8px;font-size:14.5px;font-weight:700}.sv-stream-step p{color:var(--sv-muted);margin:0;font-size:13px;line-height:1.68}.sv-stream-warn{color:#f7f5f3b8;background:#9146ff14;border-radius:18px;align-items:flex-start;gap:12px;margin-bottom:26px;padding:16px 18px;font-size:13px;line-height:1.6;display:flex;box-shadow:inset 0 0 0 1px #9146ff3d}.sv-stream-warn svg{width:16px;height:16px;color:var(--tw-hi);flex:none;margin-top:2px}.sv-stream-skel{border-radius:22px;animation:1.8s ease-in-out infinite sv-stream-pulse;overflow:hidden}.sv-stream-skel .sv-stream-art{background:#ffffff09}.sv-stream-skel .sv-stream-body{align-items:center}.sv-stream-skel .sv-stream-avatar{box-shadow:none;background:#ffffff0f;display:block}.sv-stream-skel i{background:#ffffff0f;border-radius:6px;display:block}@keyframes sv-stream-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (max-width:760px){.sv-stream-steps{grid-template-columns:1fr}.sv-stream-stats{grid-template-columns:1fr;max-width:340px}}@media (prefers-reduced-motion:reduce){.sv-stream-card:hover,.sv-stream-card:hover .sv-stream-art img{transform:none}.sv-stream-dot,.sv-stream-skel{animation:none}}:where(html[data-perf=lite]) .sv-stream-card:hover{transform:none}:where(html[data-perf=lite]) .sv-stream-art img{transition:none}
