/* STS v5.6.254 - wider sidebar gap + rebuilt Who's Live rail
   Final override after v253: keeps the left panel, adds breathing room,
   and changes the live rail from broken overlapping pills into clean creator cards. */
html,body{max-width:100%!important;overflow-x:hidden!important;}

/* Wider, reliable gap between left panel and carousel */
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-tv-home{
  grid-template-columns:260px minmax(0,1fr)!important;
  column-gap:72px!important;
  width:calc(100% - 44px)!important;
  max-width:1760px!important;
  margin:0 auto!important;
  padding-top:92px!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{
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  margin:0!important;
  overflow:hidden!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-tv-main{
  min-width:0!important;
  margin-left:0!important;
  padding-left:0!important;
  overflow:visible!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-showcase,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-main-card{
  margin-left:0!important;
  transform:none!important;
}

/* keep hero controls from hanging over the left gap */
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-controls{
  left:16px!important;
  right:16px!important;
  width:auto!important;
}

/* Clean Who's Live section */
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-whos-live-title{
  width:min(620px,78%)!important;
  margin:44px auto 24px!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  gap:18px!important;
  align-items:center!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-whos-live-title span{
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(155,55,255,.65),transparent)!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-whos-live-title b{
  font-size:16px!important;
  color:#45ff2e!important;
  text-shadow:0 0 16px rgba(69,255,46,.85)!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;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:28px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:210px!important;
  margin:0 auto 64px!important;
  padding:8px 18px 30px!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 148px!important;
  width:148px!important;
  min-width:148px!important;
  max-width:148px!important;
  height:184px!important;
  min-height:184px!important;
  max-height:184px!important;
  position:relative!important;
  display:block!important;
  padding:0!important;
  border:1px solid rgba(160,62,255,.75)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(34,12,54,.72),rgba(7,4,13,.96))!important;
  box-shadow:0 0 24px rgba(153,42,255,.22), inset 0 0 26px rgba(127,35,255,.18)!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-card.active{
  border-color:#39ff23!important;
  box-shadow:0 0 0 2px rgba(57,255,35,.72),0 0 34px rgba(57,255,35,.38), inset 0 0 24px rgba(57,255,35,.10)!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:transparent!important;
  pointer-events:none!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-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;
  transform:none!important;
  border:0!important;
  border-radius:28px!important;
  object-fit:cover!important;
  opacity:.92!important;
  filter:saturate(1.08) contrast(1.05) brightness(1)!important;
  box-shadow:none!important;
  background:#090510!important;
  z-index:0!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-video{opacity:0!important;z-index:0!important;}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-card.video-ready .sts-live-mini-video{opacity:.95!important;}

/* Badges sit at the top, not over the name */
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;
  top:10px!important;
  z-index:5!important;
  height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  line-height:1!important;
  font-size:9px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-live{
  left:10px!important;
  padding:0 8px!important;
  color:#fff!important;
  background:#ff0967!important;
  box-shadow:0 0 18px rgba(255,9,103,.65)!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-viewers{
  right:10px!important;
  max-width:74px!important;
  padding:0 8px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#6531bb,#aa43ff)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Name pill at bottom with avatar floating cleanly above it */
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-meta{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:12px!important;
  z-index:6!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  height:auto!important;
  padding:0 10px!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:block!important;
  width:50px!important;
  height:50px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:3px solid #39ff23!important;
  background:#08040d!important;
  box-shadow:0 0 18px rgba(57,255,35,.55)!important;
  flex:0 0 auto!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 11px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff0967,#9d32ff)!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 12px 28px rgba(0,0,0,.45)!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:54px!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) 255px!important;gap:18px!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;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-thumb-rail{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-left:10px!important;}
}

/* STS v5.6.256 - remove dark overlay from Who's Live preview thumbnails only */
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-thumb::before,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-thumb::after,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-card::before,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-card::after{
  display:none!important;
  content:none!important;
  background:none!important;
  opacity:0!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-card .sts-live-mini-bg,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-card-rail .sts-live-mini-bg{
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  z-index:1!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-card.video-ready .sts-live-mini-bg{
  opacity:1!important;
  filter:none!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-video{
  filter:none!important;
  mix-blend-mode:normal!important;
}
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-mini-card,
body.streamx-v5.twitch-v53:has(.sts-tv-home) .sts-live-thumb{
  background:#05020a!important;
}