/* STS v5.6.161 - STS themed clear live showcase carousel */
html body.streamx-v5.twitch-v53 .sts-live-showcase{
  width:min(1560px, calc(100vw - 310px)) !important;
  margin:28px auto 46px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

html body.streamx-v5.twitch-v53 .sts-live-main-card{
  display:grid !important;
  grid-template-columns:minmax(720px, 1fr) 350px !important;
  min-height:470px !important;
  background:rgba(4,6,10,.52) !important;
  border:1px solid rgba(139,92,246,.55) !important;
  border-radius:24px !important;
  overflow:hidden !important;
  box-shadow:
    0 0 0 1px rgba(57,255,20,.14) inset,
    0 0 42px rgba(139,92,246,.22),
    0 18px 70px rgba(0,0,0,.46) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-preview-stack{
  min-height:470px !important;
  background:#020407 !important;
  border-right:1px solid rgba(139,92,246,.32) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-preview,
html body.streamx-v5.twitch-v53 .sts-live-preview img{
  background:#020407 !important;
}

html body.streamx-v5.twitch-v53 .sts-live-preview img{
  filter:none !important;
  opacity:1 !important;
}

/* keep image clear: only a tiny top/bottom readability shade */
html body.streamx-v5.twitch-v53 .sts-live-preview::after{
  background:linear-gradient(180deg, rgba(0,0,0,.04), transparent 35%, rgba(0,0,0,.18)) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-badge{
  background:linear-gradient(135deg,#ff174d,#ff3f7f) !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:10px !important;
  box-shadow:0 0 18px rgba(255,23,77,.55) !important;
}

html body.streamx-v5.twitch-v53 .sts-viewer-badge{
  background:rgba(0,0,0,.76) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 0 16px rgba(139,92,246,.22) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-play{
  width:82px !important;
  height:82px !important;
  background:radial-gradient(circle, rgba(255,255,255,.32), rgba(0,0,0,.48)) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:0 0 28px rgba(139,92,246,.34) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-details{
  background:
    radial-gradient(circle at top left, rgba(57,255,20,.12), transparent 34%),
    radial-gradient(circle at bottom right, rgba(139,92,246,.22), transparent 45%),
    rgba(8,10,16,.92) !important;
  border-left:1px solid rgba(57,255,20,.18) !important;
  color:#fff !important;
}

html body.streamx-v5.twitch-v53 .sts-live-creator-row img{
  width:64px !important;
  height:64px !important;
  border:2px solid #39ff14 !important;
  box-shadow:0 0 20px rgba(57,255,20,.34), 0 0 30px rgba(139,92,246,.24) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-creator-row strong{
  font-size:20px !important;
  letter-spacing:.02em !important;
  color:#fff !important;
  text-shadow:0 0 12px rgba(139,92,246,.38) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-creator-row small{
  color:#cfd5e3 !important;
}

html body.streamx-v5.twitch-v53 .sts-live-detail p{
  color:#f6f7fb !important;
  font-size:18px !important;
}

html body.streamx-v5.twitch-v53 .sts-live-meta-line span:first-child{
  color:#ffffff !important;
}

html body.streamx-v5.twitch-v53 .sts-live-meta-line span:first-child::first-letter{
  color:#39ff14 !important;
}

html body.streamx-v5.twitch-v53 .sts-watch-earn{
  min-height:58px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#39ff14,#8b5cf6) !important;
  color:#050509 !important;
  text-shadow:none !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 0 24px rgba(57,255,20,.24), 0 0 34px rgba(139,92,246,.28) !important;
}

html body.streamx-v5.twitch-v53 .sts-watch-earn:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.08) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-thumb-rail{
  margin-top:12px !important;
  gap:10px !important;
  grid-template-columns:repeat(auto-fit, minmax(118px, 1fr)) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-thumb{
  height:76px !important;
  border-radius:12px !important;
  background:rgba(5,8,12,.85) !important;
  border:1px solid rgba(139,92,246,.32) !important;
  opacity:.72 !important;
  box-shadow:0 0 0 1px rgba(57,255,20,.05) inset !important;
}

html body.streamx-v5.twitch-v53 .sts-live-thumb.active{
  opacity:1 !important;
  border-color:#39ff14 !important;
  box-shadow:0 0 0 2px rgba(57,255,20,.55), 0 0 26px rgba(139,92,246,.34) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-thumb span{
  left:8px !important;
  right:8px !important;
  bottom:7px !important;
  color:#fff !important;
  background:linear-gradient(90deg, rgba(255,23,77,.92), rgba(139,92,246,.75)) !important;
  border-radius:999px !important;
  padding:5px 8px !important;
  text-align:center !important;
}

html body.streamx-v5.twitch-v53 .sts-live-showcase-empty{
  border-radius:22px !important;
  background:rgba(5,8,12,.7) !important;
  border:1px solid rgba(139,92,246,.45) !important;
  box-shadow:0 0 34px rgba(139,92,246,.18) !important;
}

@media (max-width:1200px){
  html body.streamx-v5.twitch-v53 .sts-live-showcase{width:calc(100vw - 28px)!important;}
  html body.streamx-v5.twitch-v53 .sts-live-main-card{grid-template-columns:1fr!important;}
  html body.streamx-v5.twitch-v53 .sts-live-preview-stack{min-height:360px!important;}
}

@media (max-width:700px){
  html body.streamx-v5.twitch-v53 .sts-live-preview-stack{min-height:240px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-details{padding:18px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-thumb-rail{grid-template-columns:repeat(2, 1fr)!important;}
}