.streamers-page{--sh-live:#ff4d6d;--sh-cyan:var(--teal);--sh-gold:var(--yellow);--sh-radius:8px;--sh-stage-border:#5cfbf757;--sh-stage-bg:#12031ad1;--sh-glow-cyan:0 0 44px #5cfbf72e;--sh-glow-gold:0 0 36px #fed66d29;--sh-shift:clamp(300px, 42vw, 640px);overflow-x:hidden}.sh-live{min-height:calc(100svh - var(--nav-h) - 34px);padding:clamp(26px, 4.8vh, 56px) var(--page-x) clamp(44px, 6vh, 74px);background:radial-gradient(86% 70% at 50% 18%, #ad19d157, transparent 62%), linear-gradient(128deg, #5cfbf71f, transparent 32%, #fed66d1a 70%, transparent), linear-gradient(180deg, #110318f0, #280836f5 66%, #110318), var(--bg-deep);position:relative;overflow:hidden}.sh-live__grid,.sh-live__cuts{pointer-events:none;position:absolute;inset:0}.sh-live__grid{opacity:.42;background-color:#0000;background-image:linear-gradient(#5cfbf714 1px,#0000 1px),linear-gradient(90deg,#5cfbf712 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:linear-gradient(#000000db,#0000 92%);mask-image:linear-gradient(#000000db,#0000 92%)}.sh-live__cuts{background:linear-gradient(112deg,#0000 0 6%,#fed66d3d 6% 6.28%,#0000 6.28% 100%),linear-gradient(112deg,#0000 0 84%,#5cfbf733 84% 84.32%,#0000 84.32% 100%)}.sh-live__inner{z-index:1;width:min(var(--max-w), calc(100vw - (var(--page-x) * 2)));gap:clamp(16px,2.4vw,26px);margin:0 auto;display:grid;position:relative}.sh-live__head{text-align:center;max-width:820px;margin:0 auto}.sh-live__eyebrow{justify-content:center}.sh-live__title{color:var(--ink);text-shadow:4px 4px #ad19d1d1,0 0 42px #5cfbf729;margin-top:10px;font-size:clamp(2.25rem,5.4vw,5.2rem);line-height:.92}.sh-live__title span{color:var(--sh-gold)}.sh-live__copy{max-width:680px;color:var(--ink-soft);margin:14px auto 0;font-size:clamp(.98rem,1.3vw,1.08rem);line-height:1.55}.sh-carousel{outline:none;width:min(100%,1440px);margin:0 auto;position:relative}.sh-carousel__viewport{touch-action:pan-y;min-width:0;position:relative;overflow:visible}.sh-carousel__track{perspective:1600px;width:100%;min-height:320px;transition:height var(--motion-med);position:relative}.sh-stage--no-anim .sh-card{transition:none!important}.sh-carousel.is-dragging,.sh-carousel.is-dragging *{cursor:grabbing}.sh-carousel__arrow{z-index:9;width:clamp(46px,4.6vw,62px);height:clamp(46px,4.6vw,62px);color:var(--ink);transition:transform var(--motion-fast), border-color var(--motion-fast), background-color var(--motion-fast);background:linear-gradient(#ffffff1a,#ffffff05),#110318d1;border:1px solid #f8edff4d;border-radius:50%;justify-content:center;align-items:center;font-family:Russo One,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1;display:inline-flex;position:absolute;top:42%;box-shadow:0 18px 42px #00000057}.sh-carousel__arrow--prev{left:clamp(0px,1.5vw,18px)}.sh-carousel__arrow--next{right:clamp(0px,1.5vw,18px)}.sh-carousel__arrow:disabled{opacity:.32;cursor:not-allowed}@media (hover:hover){.sh-carousel__arrow:not(:disabled):hover{border-color:var(--sh-cyan);background:linear-gradient(#5cfbf729,#ffffff08),#110318e0;transform:translateY(-3px)}}.sh-card{width:min(82vw,1040px);max-width:calc(100vw - (var(--page-x) * 2));transform-origin:50%;transform-style:preserve-3d;opacity:0;z-index:1;border:1px solid var(--line);border-radius:var(--sh-radius);background:linear-gradient(180deg, #ffffff14, #ffffff06), var(--sh-stage-bg);color:var(--ink);will-change:transform, opacity, filter;transition:transform .48s cubic-bezier(.22,.61,.36,1),opacity .48s cubic-bezier(.22,.61,.36,1),filter .48s cubic-bezier(.22,.61,.36,1);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.6);box-shadow:0 28px 90px #08000e80}.sh-card.is-active{z-index:5;opacity:1;filter:none;pointer-events:auto;box-shadow:0 36px 110px #0009, var(--sh-glow-cyan), var(--sh-glow-gold);border-color:#5cfbf780;transform:translate(-50%,-50%)scale(1)}.sh-card.is-active:before{content:"";z-index:6;background:linear-gradient(90deg, var(--sh-live), var(--sh-cyan), var(--sh-gold));height:3px;position:absolute;inset:0 0 auto}.sh-card.is-prev,.sh-card.is-next{z-index:3;opacity:1;filter:blur(1.5px)saturate(.95)brightness(.82);cursor:pointer;pointer-events:auto}.sh-card.is-prev{transform:translate(calc(-50% - var(--sh-shift)), -50%) scale(.74) rotateY(12deg)}.sh-card.is-next{transform:translate(calc(-50% + var(--sh-shift)), -50%) scale(.74) rotateY(-12deg)}.sh-card.is-far-prev,.sh-card.is-far-next{z-index:2;opacity:1;filter:blur(2.5px)saturate(.85)brightness(.66);pointer-events:none}.sh-card.is-far-prev{transform:translate(calc(-50% - (var(--sh-shift) * 1.72)), -50%) scale(.58) rotateY(16deg)}.sh-card.is-far-next{transform:translate(calc(-50% + (var(--sh-shift) * 1.72)), -50%) scale(.58) rotateY(-16deg)}.sh-card.is-hidden{z-index:1;opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.5)}@media (hover:hover){.sh-card.is-prev:hover,.sh-card.is-next:hover{filter:blur()saturate()brightness(.96);border-color:#5cfbf780}}.sh-card__media{aspect-ratio:16/9;background:#07010c;border-bottom:1px solid #f8edff1f;width:100%;position:relative;overflow:hidden}.sh-card__media>.sh-preview-visual,.sh-card__media>.sh-fallback{position:absolute;inset:0}.sh-media__iframe{border:0;width:100%;height:100%;display:block}.sh-card:not(.is-active) .sh-card__info,.sh-card.is-active .sh-card__media-name{display:none}.sh-card__media-name{z-index:2;background:linear-gradient(#0000,#08000eeb);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 10px;padding:14px;display:grid;position:absolute;inset:auto 0 0}.sh-card__media-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);text-shadow:2px 2px #08000eb8;font-size:clamp(.9rem,1.4vw,1.15rem);line-height:1.05;overflow:hidden}.sh-card__info{background:linear-gradient(90deg,#110318eb,#240a31db),#110318e6;gap:clamp(8px,1.4vw,14px);padding:clamp(16px,2.2vw,26px);display:grid}.sh-card__id{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;display:grid}.sh-card__avatar-host{display:inline-flex}.sh-card__avatar{background:linear-gradient(135deg, var(--sh-gold), var(--sh-cyan));width:clamp(46px,5.4vw,64px);height:clamp(46px,5.4vw,64px);color:var(--bg-deep);object-fit:cover;border:1px solid #5cfbf766;border-radius:50%;justify-content:center;align-items:center;font-family:Russo One,sans-serif;font-size:1rem;display:inline-flex;box-shadow:0 0 22px #5cfbf729}.sh-card__idtext{min-width:0}.sh-card__name{color:var(--ink);overflow-wrap:normal;word-break:normal;text-shadow:2px 2px #ad19d18c;font-size:clamp(1.4rem,1rem + 2.2vw,2.6rem);line-height:.98}.sh-card__handle{color:var(--sh-gold);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.8rem;overflow:hidden}.sh-card__badge-host{justify-self:end}.sh-card__title{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.96rem,1.3vw,1.12rem);line-height:1.4;display:-webkit-box;overflow:hidden}.sh-card__viewers{color:var(--ink);font-size:.8rem}.sh-card__viewers[hidden]{display:none}.sh-card__watch-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sh-card__watch-sr:focus-visible{clip:auto;clip-path:none;width:auto;height:auto;color:var(--sh-gold);margin:0;text-decoration:underline;position:static}.sh-fallback{align-items:flex-end;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.sh-fallback>.sh-brand-art{position:absolute;inset:0}.sh-fallback__glow{z-index:1;background:radial-gradient(58% 60% at 24% 82%,#ad19d16b,#0000 60%) 0 0/220% 220%,linear-gradient(#0000 28%,#08000eeb);animation:16s ease-in-out infinite sh-drift;position:absolute;inset:0}.sh-fallback--live .sh-fallback__glow{background:radial-gradient(58% 60% at 24% 82%,#ff4d6d61,#0000 60%),linear-gradient(#0000 28%,#08000eeb)}.sh-fallback__content{z-index:2;justify-items:start;gap:8px;width:100%;padding:clamp(18px,2.6vw,34px);display:grid;position:relative}.sh-fallback__kicker{color:var(--sh-cyan);text-transform:uppercase;font-size:.74rem}.sh-fallback--live .sh-fallback__kicker{color:var(--sh-live)}.sh-fallback__title{color:var(--ink);text-shadow:3px 3px #08000ea6;font-size:clamp(1.3rem,1rem + 2vw,2.4rem);line-height:1}.sh-fallback__copy{max-width:46ch;color:var(--ink-soft);font-size:.96rem;line-height:1.45}.sh-fallback__content .btn{margin-top:6px}.sh-preview-visual{background:linear-gradient(135deg, var(--bg-panel-2), var(--bg-deep));width:100%;height:100%;min-height:100%;position:relative;overflow:hidden}.sh-preview-visual__image{object-fit:cover;width:100%;height:100%;display:block}.sh-preview-visual__shade{background:linear-gradient(#11031808,#110318f5),linear-gradient(90deg,#ad19d13d,#0000 58%);position:absolute;inset:0}.sh-brand-art{background:radial-gradient(120% 90% at 22% 18%,#5cfbf729,#0000 52%) 0 0/200% 200%,radial-gradient(120% 100% at 82% 92%,#ad19d157,#0000 58%) 0 0/200% 200%,linear-gradient(135deg,#301046f5,#110318fa) 0 0/100% 100%;width:100%;height:100%;min-height:100%;animation:20s ease-in-out infinite sh-drift;position:relative;overflow:hidden}.sh-brand-art:before{content:"";background:linear-gradient(112deg,#0000 0 6%,#fed66d38 6% 6.4%,#0000 6.4% 100%),linear-gradient(112deg,#0000 0 84%,#5cfbf72e 84% 84.5%,#0000 84.5% 100%);position:absolute;inset:0}.sh-status-badge{min-height:27px;color:var(--ink-dim);text-transform:uppercase;background:#f8edff0f;border:1px solid #f8edff2e;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:7px;padding:5px 9px;font-size:.64rem;line-height:1;display:inline-flex}.sh-status-badge__dot{background:currentColor;border-radius:50%;width:7px;height:7px}.sh-status-badge.is-live{color:#fff;background:#ff4d6d2e;border-color:#ff4d6d85;box-shadow:0 0 18px #ff4d6d2e}.sh-status-badge.is-live .sh-status-badge__dot{background:var(--sh-live);animation:1.6s ease-in-out infinite sh-pulse;box-shadow:0 0 14px #ff4d6dd1}.sh-notice{width:min(920px,100%);max-width:calc(100vw - (var(--page-x) * 2));border:1px solid var(--panel-border);border-left:4px solid var(--sh-gold);border-radius:var(--sh-radius);color:var(--ink-soft);overflow-wrap:break-word;background:#fed66d12;margin:0 auto;padding:13px 16px;font-size:.94rem;line-height:1.45}.sh-empty{width:min(680px,100%);color:var(--ink-dim);text-align:center;margin:clamp(18px,3vw,30px) auto 0;font-size:1rem;line-height:1.6}.sh-empty a{color:var(--sh-cyan)}.sh-updated{color:var(--ink-dim);letter-spacing:0;text-align:center;margin:0 auto;font-size:.74rem}.sh-section{padding:var(--section-y) var(--page-x);position:relative}.sh-feature{padding-block:clamp(36px,5vw,60px)}.sh-feature__card{width:min(900px, calc(100vw - (var(--page-x) * 2)));border-radius:var(--sh-radius);background:linear-gradient(135deg, #5cfbf714, transparent 58%), var(--bg-panel);max-width:100%;box-shadow:var(--shadow);text-align:center;border:1px dashed #5cfbf752;margin:0 auto;padding:clamp(30px,4vw,52px)}.sh-feature .eyebrow{justify-content:center}.sh-feature__title{color:var(--ink);overflow-wrap:anywhere;margin:14px 0 0;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.05}.sh-feature__copy{max-width:620px;color:var(--ink-soft);margin:16px auto 0;font-size:1.04rem;line-height:1.65}.sh-join{padding-bottom:clamp(72px,9vw,120px)}.sh-join__card{border:1px solid var(--panel-border);border-radius:var(--sh-radius);background:linear-gradient(135deg, #ad19d138, transparent 55%), linear-gradient(180deg, #ffffff0f, #ffffff05), var(--bg-panel);width:min(820px,100%);box-shadow:var(--shadow);text-align:center;margin:0 auto;padding:clamp(34px,5vw,60px)}.sh-join .eyebrow{justify-content:center}.sh-join__title{color:var(--ink);text-shadow:3px 3px #ad19d199;margin:14px 0 0;font-size:clamp(1.9rem,4vw,3rem);line-height:1.02}.sh-join__copy{max-width:560px;color:var(--ink-soft);margin:16px auto 26px;font-size:1.06rem;line-height:1.65}@keyframes sh-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}@keyframes sh-drift{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.sh-status-badge.is-live .sh-status-badge__dot{animation:none}.sh-carousel__arrow,.sh-card,.sh-carousel__track{transition:none}.sh-fallback__glow,.sh-brand-art{animation:none}}@media (width<=1180px){.streamers-page{--sh-shift:clamp(260px, 40vw, 520px)}.sh-card{width:min(86vw,940px)}}@media (width<=768px){.streamers-page{--sh-shift:calc(93vw - 36px)}.sh-live{padding-top:22px}.sh-live__eyebrow{font-size:.74rem}.sh-live__title{margin-top:8px;font-size:clamp(2.4rem,9vw,3.4rem);line-height:1}.sh-live__title span{display:block}.sh-live__copy{font-size:.96rem}.sh-carousel{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px 20px;display:flex}.sh-carousel__viewport{flex:100%;width:100%}.sh-carousel__arrow{order:1;width:46px;height:46px;font-size:1.8rem;position:static;top:auto;left:auto;right:auto}.sh-card{width:min(100%,100vw - 32px)}.sh-card.is-prev,.sh-card.is-next{opacity:.5;filter:blur(1px)brightness(.7)}.sh-card.is-prev{transform:translate(calc(-50% - var(--sh-shift)), -50%) scale(.86)}.sh-card.is-next{transform:translate(calc(-50% + var(--sh-shift)), -50%) scale(.86)}.sh-card.is-far-prev,.sh-card.is-far-next{display:none}.sh-card__name{overflow-wrap:anywhere}}@media (width<=480px){.sh-live__title{font-size:clamp(2.2rem,11vw,3rem)}.sh-live__copy{font-size:.92rem}.sh-card__info{gap:10px;padding:16px}.sh-card__id{grid-template-columns:auto minmax(0,1fr);align-items:center}.sh-card__badge-host{grid-column:1/-1;justify-self:start}.sh-card__name{overflow-wrap:anywhere}.sh-feature__card,.sh-join__card{width:100%;padding:24px 16px}.sh-feature__title{font-size:clamp(1.3rem,8vw,1.7rem)}.sh-feature__copy,.sh-join__copy{overflow-wrap:break-word;font-size:.94rem}}