/* STS v5.6.252 - homepage spacing + clean Who's Live cards
   Fixes the sidebar/main gap and rebuilds the mini live rail so cards no longer squash/overlap. */
html,body{max-width:100%!important;overflow-x:hidden!important;}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-tv-home{
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:30px!important;
  width:calc(100% - 56px)!important;
  max-width:1760px!important;
  margin:0 auto!important;
  padding-top:92px!important;
  box-sizing:border-box!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{
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  margin:0!important;
  border-radius:0 18px 18px 0!important;
  overflow:hidden auto!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-tv-main{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-showcase{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 44px!important;
  overflow:visible!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-main-card{
  grid-template-columns:minmax(0,1fr) 285px!important;
  gap:20px!important;
  width:100%!important;
  max-width:100%!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-preview-stack{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

/* Who's Live title spacing */
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-whos-live-title{
  width:min(560px,72%)!important;
  margin:34px auto 22px!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 b{
  font-size:16px!important;
  line-height:1!important;
  color:#47ff2b!important;
  text-shadow:0 0 16px rgba(71,255,43,.75)!important;
}

/* Clean mini rail: no squashed inner boxes, no clipped names */
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:22px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0 auto 54px!important;
  padding:0 18px 20px!important;
  overflow:visible!important;
  clear:both!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 168px!important;
  width:168px!important;
  min-width:168px!important;
  max-width:168px!important;
  height:202px!important;
  min-height:202px!important;
  max-height:202px!important;
  padding:0!important;
  border-radius:28px!important;
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(24,6,38,.96),rgba(6,3,12,.98))!important;
  border:1px solid rgba(168,85,247,.8)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.52),0 0 22px rgba(168,85,247,.24)!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-thumb.active,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-card.active{
  border-color:#37ff21!important;
  box-shadow:0 0 0 2px rgba(55,255,33,.88),0 0 46px rgba(55,255,33,.42),0 18px 42px rgba(0,0,0,.55)!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;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:0!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-bg{
  opacity:.54!important;
  filter:saturate(1.1) contrast(1.08) brightness(.58)!important;
  z-index:1!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-video{opacity:0!important;z-index:2!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.video-ready .sts-live-mini-bg{opacity:.24!important;}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-card::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.18) 48%,rgba(5,0,12,.94) 100%)!important;
  pointer-events: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:6!important;
  top:10px!important;
  bottom:auto!important;
  height:auto!important;
  line-height:1!important;
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-live{
  left:10px!important;
  right:auto!important;
  padding:6px 9px!important;
  max-width:none!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:1000!important;
  color:#fff!important;
  background:#ff0967!important;
  box-shadow:0 0 18px rgba(255,9,103,.45)!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-viewers{
  right:10px!important;
  left:auto!important;
  padding:6px 9px!important;
  max-width:76px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:1000!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(104,58,178,.94),rgba(151,71,255,.88))!important;
  border:1px solid rgba(255,255,255,.22)!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:7!important;
  left:12px!important;
  right:12px!important;
  bottom:12px!important;
  height:70px!important;
  display:grid!important;
  grid-template-rows:46px 18px!important;
  justify-items:center!important;
  align-items:end!important;
  gap:4px!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{
  grid-row:1!important;
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:3px solid #37ff21!important;
  background:#06020c!important;
  box-shadow:0 0 18px rgba(55,255,33,.45)!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-meta b{
  grid-row:2!important;
  width:100%!important;
  max-width:132px!important;
  min-width:0!important;
  display:block!important;
  padding:5px 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-sizing:border-box!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-meta small{display:none!important;}
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;gap:22px!important;width:calc(100% - 32px)!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) 260px!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-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;}
}