.stream-section{container-type:inline-size}.stream-head{display:flex;flex-direction:column;align-items:flex-start;gap:20px}@container (min-width: 640px){.stream-head{flex-direction:row;align-items:flex-end;justify-content:space-between}.stream-head-actions{padding-bottom:2px}}.stream-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;background:radial-gradient(560px 180px at 0 0,rgba(10,108,245,.1),transparent 70%),linear-gradient(180deg,#0b1528,#081120);box-shadow:0 30px 60px -38px rgba(0,0,0,.9)}.stream-stage:before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(30,139,255,.42),rgba(28,42,64,.95) 64px,#162033);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.stream-stage-bar{position:relative;border-bottom:1px solid #162033}.stream-open{padding-left:11px;padding-right:11px}.stream-open-label{display:none}@container (min-width: 560px){.stream-open{padding-left:16px;padding-right:16px}.stream-open-label{display:inline}}.stream-stage-body{display:grid;grid-template-columns:minmax(0,1fr)}.stream-player{position:relative;aspect-ratio:16/9;background:#000}.stream-chat{position:relative;height:420px;border-top:1px solid #162033;background:#0e0e10}@container (min-width: 600px){.stream-chat{height:480px}}@container (min-width: 960px){.stream-stage-body{grid-template-columns:minmax(0,1fr) 340px}.stream-chat{height:auto;border-top:0;border-left:1px solid #162033}}@container (min-width: 1280px){.stream-stage-body{grid-template-columns:minmax(0,1fr) 360px}}.stream-live-dot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#ff4a4a;animation:stream-ping 1.8s cubic-bezier(.22,1,.36,1) infinite}@keyframes stream-ping{0%{transform:scale(1);opacity:.6}70%,to{transform:scale(2.8);opacity:0}}.stream-grid{display:grid;gap:19px;grid-template-columns:minmax(0,1fr)}.stream-grid>.stream-skel-card:nth-child(n+3){display:none}@container (min-width: 560px){.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 900px){.stream-grid--vods{grid-template-columns:repeat(3,minmax(0,1fr))}.stream-grid--vods>.stream-skel-card:nth-child(3){display:flex}}@container (min-width: 860px){.stream-grid--clips{grid-template-columns:repeat(3,minmax(0,1fr))}.stream-grid--clips>.stream-skel-card:nth-child(3){display:flex}}@container (min-width: 1180px){.stream-grid--clips{grid-template-columns:repeat(4,minmax(0,1fr))}.stream-grid--clips>.stream-skel-card:nth-child(4){display:flex}}.stream-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;border-radius:14px;background:linear-gradient(180deg,#0c1629,#08111f);transition:transform .18s cubic-bezier(.2,0,0,1)}.stream-card:after,.stream-card:before{content:"";position:absolute;inset:0;z-index:4;border-radius:inherit;pointer-events:none}.stream-card:before{box-shadow:inset 0 0 0 1px #1c2a40}.stream-card:after{box-shadow:inset 0 0 0 1px rgba(30,139,255,.5),0 0 24px -8px rgba(30,139,255,.45);opacity:0;transition:opacity .18s cubic-bezier(.2,0,0,1)}.stream-card:focus-within:after,.stream-card:hover:after,.stream-card[data-playing=true]:after{opacity:1}.stream-card[data-playing=false]:hover{transform:translateY(-2px)}.stream-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px 14px 0 0;background:#030c1b}.stream-thumb{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.stream-thumb:focus-visible{box-shadow:inset 0 0 0 2px #1e8bff}.stream-thumb-img{transition:transform .42s cubic-bezier(.22,1,.36,1)}.stream-card:hover .stream-thumb-img{transform:scale(1.04)}.stream-thumb-shade{background:linear-gradient(180deg,rgba(3,12,27,0) 45%,rgba(3,12,27,.78)),rgba(3,12,27,.18);transition:opacity .18s cubic-bezier(.2,0,0,1)}.stream-card:hover .stream-thumb-shade{opacity:.72}.stream-play{transition:transform .18s cubic-bezier(.2,0,0,1)}.stream-card:hover .stream-play{transform:scale(1.06)}.stream-thumb:active .stream-play{transform:scale(.96);transition-duration:.12s}.stream-ext-arrow{transition:transform .18s cubic-bezier(.2,0,0,1)}.stream-ext:hover .stream-ext-arrow{transform:translate(1px,-1px)}.stream-skel{overflow:hidden;background:#0f1a2c}.stream-skel:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,rgba(120,165,235,0),rgba(120,165,235,.07) 50%,rgba(120,165,235,0));animation:stream-shimmer 1.6s cubic-bezier(.4,0,.2,1) infinite}@keyframes stream-shimmer{to{transform:translateX(100%)}}.stream-panel{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;background:radial-gradient(460px 200px at 50% 0,rgba(10,108,245,.11),transparent 72%),linear-gradient(180deg,#0a1426,#070f1d);box-shadow:inset 0 0 0 1px #1a2740}.stream-panel-icon{background:linear-gradient(160deg,rgba(10,108,245,.24),rgba(2,43,108,.28));box-shadow:inset 0 0 0 1px rgba(30,139,255,.34),0 12px 30px -14px rgba(10,108,245,.55)}@media (prefers-reduced-motion:reduce){.stream-card,.stream-card:after,.stream-ext-arrow,.stream-play,.stream-thumb-img,.stream-thumb-shade{transition-duration:0ms}.stream-card:hover .stream-play,.stream-card:hover .stream-thumb-img,.stream-card[data-playing=false]:hover,.stream-ext:hover .stream-ext-arrow,.stream-thumb:active .stream-play{transform:none}.stream-live-dot:after,.stream-skel:after{animation:none}.stream-skel:after{opacity:0}}