/* STS v5.6.253 - hard sidebar gap + clean circular live rail
   Fixes the main carousel touching the left panel and replaces the squashed mini rail cards. */
html,body{max-width:100%!important;overflow-x:hidden!important;}
body.streamx-v5.twitch-v53:has(.sts-tv-home) main.page.v5-page,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .page.v5-page{
  padding-left:0!important;
  padding-right:0!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow:visible!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-tv-home{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  column-gap:42px!important;
  row-gap:0!important;
  width:calc(100% - 34px)!important;
  max-width:1740px!important;
  margin:0 auto!important;
  padding:92px 0 70px!important;
  box-sizing:border-box!important;
  align-items:start!important;
  overflow:visible!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-tv-sidebar,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-fresh-left-panel{
  position:sticky!important;
  top:94px!important;
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  margin:0!important;
  box-sizing:border-box!important;
  z-index:20!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-tv-main{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-showcase{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 38px!important;
  padding:0!important;
  overflow:visible!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-main-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 285px!important;
  gap:20px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-preview-stack{
  min-width:0!important;
  width:100%!important;
  height:390px!important;
  min-height:390px!important;
  overflow:hidden!important;
}

/* Clean Who's Live section */
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-whos-live-title{
  width:min(560px,72%)!important;
  margin:32px auto 28px!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  gap:18px!important;
  align-items:center!important;
  clear:both!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-whos-live-title span{
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(158,55,255,.55),transparent)!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-whos-live-title b{
  color:#47ff2b!important;
  font-size:16px!important;
  line-height:1!important;
  text-shadow:0 0 16px rgba(71,255,43,.8)!important;
  white-space:nowrap!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-thumb-rail,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-card-rail{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:28px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:170px!important;
  margin:0 auto 58px!important;
  padding:0 12px 22px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-thumb,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-card,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-card-rail .sts-live-mini-card{
  flex:0 0 128px!important;
  width:128px!important;
  min-width:128px!important;
  max-width:128px!important;
  height:158px!important;
  min-height:158px!important;
  max-height:158px!important;
  position:relative!important;
  display:block!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  cursor:pointer!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-bg,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-video{
  position:absolute!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:108px!important;
  height:108px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  inset:auto!important;
  z-index:2!important;
  opacity:1!important;
  border:3px solid rgba(168,85,247,.9)!important;
  background:#07030d!important;
  box-shadow:0 0 0 5px rgba(8,2,15,.92),0 0 28px rgba(168,85,247,.38)!important;
  filter:saturate(1.08) contrast(1.08) brightness(.74)!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-video{opacity:0!important;z-index:3!important;}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-card.video-ready .sts-live-mini-video{opacity:1!important;}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-card.active .sts-live-mini-bg,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-card.active .sts-live-mini-video{
  border-color:#37ff21!important;
  box-shadow:0 0 0 5px rgba(8,2,15,.92),0 0 0 8px rgba(55,255,33,.88),0 0 46px rgba(55,255,33,.48)!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-card::after{display:none!important;content:none!important;}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-live,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-viewers{
  position:absolute!important;
  z-index:8!important;
  top:78px!important;
  bottom:auto!important;
  height:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  line-height:1!important;
  font-weight:1000!important;
  border-radius:999px!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-live{
  left:10px!important;
  padding:6px 9px!important;
  font-size:9px!important;
  color:#fff!important;
  background:#ff0967!important;
  box-shadow:0 0 18px rgba(255,9,103,.55)!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-viewers{
  right:2px!important;
  max-width:74px!important;
  padding:6px 9px!important;
  font-size:9px!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(100,55,174,.98),rgba(155,66,255,.92))!important;
  border:1px solid rgba(255,255,255,.2)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-meta{
  position:absolute!important;
  z-index:9!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:44px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-meta img{display:none!important;}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-meta b{
  display:block!important;
  width:120px!important;
  max-width:120px!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff0967,#8b35ff)!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:1000!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:0 10px 28px rgba(0,0,0,.42)!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-meta small,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-meta .sts-badge,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-meta .sts-badge-icon,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-meta svg,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-meta i{display:none!important;}

@media(max-width:1280px){
  body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-tv-home{grid-template-columns:240px minmax(0,1fr)!important;column-gap:28px!important;width:calc(100% - 28px)!important;}
  body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-tv-sidebar{width:240px!important;min-width:240px!important;max-width:240px!important;}
  body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-main-card{grid-template-columns:minmax(0,1fr) 255px!important;}
}
@media(max-width:980px){
  body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-tv-home{display:block!important;width:calc(100% - 24px)!important;margin:0 auto!important;padding-top:24px!important;}
  body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-tv-sidebar{display:none!important;}
  body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-main-card{display:block!important;}
  body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-preview-stack{height:310px!important;min-height:310px!important;}
  body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-details{margin-top:14px!important;width:100%!important;max-width:100%!important;}
  body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-thumb-rail{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-left:8px!important;}
}