/* STS v5.8.18 — Channel Hub redesign */
html body.streamx-v5.twitch-v53 .sts-channel-panels-live{
  position:relative!important;
  overflow:hidden!important;
  padding:26px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:20px!important;
  background:
    radial-gradient(900px 360px at 12% -10%,rgba(145,71,255,.14),transparent 58%),
    radial-gradient(700px 300px at 95% 0%,rgba(77,255,79,.075),transparent 62%),
    linear-gradient(145deg,#0c1018 0%,#080b11 100%)!important;
  box-shadow:0 22px 65px rgba(0,0,0,.34)!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panels-live::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 24%,transparent 78%,rgba(145,71,255,.035))!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panels-head{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  gap:6px!important;
  margin:0 0 22px!important;
  padding:0 2px!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-eyebrow{
  width:max-content!important;
  padding:6px 10px!important;
  border:1px solid rgba(83,252,24,.28)!important;
  border-radius:999px!important;
  background:rgba(83,252,24,.075)!important;
  color:#76ff5c!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panels-head h2{
  margin:0!important;
  color:#f7f7fb!important;
  font-size:clamp(25px,2vw,34px)!important;
  line-height:1.08!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panels-head p{
  margin:0!important;
  color:#9299a8!important;
  font-size:13px!important;
  line-height:1.5!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panel-grid{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:dense!important;
  align-items:start!important;
  gap:14px!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panel-card{
  grid-column:span 4!important;
  position:relative!important;
  min-width:0!important;
  min-height:164px!important;
  height:auto!important;
  align-self:start!important;
  display:flex!important;
  gap:14px!important;
  padding:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:16px!important;
  background:linear-gradient(150deg,rgba(19,24,35,.98),rgba(13,17,25,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.16)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panel-card::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:14px!important;
  bottom:14px!important;
  width:2px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#9147ff,rgba(83,252,24,.75))!important;
  opacity:.45!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panel-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(145,71,255,.42)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.25),0 0 0 1px rgba(145,71,255,.07)!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-about-card{grid-column:span 5!important;min-height:202px!important}
html body.streamx-v5.twitch-v53 .sts-panel-tier-card{grid-column:span 3!important}
html body.streamx-v5.twitch-v53 .panel-type-donate{grid-column:span 4!important}
html body.streamx-v5.twitch-v53 .panel-type-pc_specs{grid-column:span 4!important}
html body.streamx-v5.twitch-v53 .panel-type-rules{grid-column:span 5!important}
html body.streamx-v5.twitch-v53 .sts-panel-rewards-card{grid-column:span 3!important}
html body.streamx-v5.twitch-v53 .sts-panel-community-card{grid-column:span 4!important}
html body.streamx-v5.twitch-v53 .sts-panel-icon{
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#42df70 0%,#8d5cff 100%)!important;
  color:#fff!important;
  font-size:21px!important;
  box-shadow:0 8px 22px rgba(83,252,24,.13),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-copy{
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-copy h3{
  margin:1px 0 7px!important;
  color:#f4f4f7!important;
  font-size:16px!important;
  line-height:1.22!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-copy p,
html body.streamx-v5.twitch-v53 .sts-panel-copy .sts-panel-body{
  width:100%!important;
  margin:0!important;
  color:#b7bdc9!important;
  font-size:13px!important;
  line-height:1.58!important;
  white-space:pre-line!important;
  overflow-wrap:anywhere!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-copy small{
  display:inline-flex!important;
  margin-top:12px!important;
  padding:6px 9px!important;
  border:1px solid rgba(83,252,24,.2)!important;
  border-radius:999px!important;
  background:rgba(83,252,24,.07)!important;
  color:#72ff5a!important;
  font-size:11px!important;
  font-weight:850!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  margin-top:15px!important;
  padding:9px 13px!important;
  border:1px solid rgba(83,252,24,.28)!important;
  border-radius:999px!important;
  background:rgba(83,252,24,.075)!important;
  color:#72ff5a!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:850!important;
  text-decoration:none!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-link:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(83,252,24,.55)!important;
  background:rgba(83,252,24,.14)!important;
  color:#91ff7e!important;
}
html body.streamx-v5.twitch-v53 .panel-type-rules .sts-panel-body{
  max-height:330px!important;
  overflow:auto!important;
  padding:0 10px 4px 0!important;
  scrollbar-width:thin!important;
  scrollbar-color:#7240b7 rgba(255,255,255,.035)!important;
}
html body.streamx-v5.twitch-v53 .panel-type-rules .sts-panel-body::-webkit-scrollbar{width:6px!important}
html body.streamx-v5.twitch-v53 .panel-type-rules .sts-panel-body::-webkit-scrollbar-track{background:rgba(255,255,255,.035)!important;border-radius:999px!important}
html body.streamx-v5.twitch-v53 .panel-type-rules .sts-panel-body::-webkit-scrollbar-thumb{background:#7240b7!important;border-radius:999px!important}
html body.streamx-v5.twitch-v53 .panel-type-pc_specs .sts-panel-body{
  line-height:1.72!important;
}
html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image){
  grid-column:span 4!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:0!important;
}
html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image)::before{display:none!important}
html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image) .sts-panel-image{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/6.4!important;
  max-width:none!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#0b0e14!important;
}
html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image) .sts-panel-image::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:42%!important;
  background:linear-gradient(transparent,rgba(9,12,18,.72))!important;
  pointer-events:none!important;
}
html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image) .sts-panel-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .3s ease!important;
}
html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image):hover .sts-panel-image img{transform:scale(1.025)!important}
html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image) .sts-panel-copy{padding:16px 18px 18px!important}
@media(max-width:1180px){
  html body.streamx-v5.twitch-v53 .sts-channel-panel-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  html body.streamx-v5.twitch-v53 .sts-channel-panel-card,
  html body.streamx-v5.twitch-v53 .sts-panel-tier-card,
  html body.streamx-v5.twitch-v53 .sts-panel-rewards-card,
  html body.streamx-v5.twitch-v53 .sts-panel-community-card,
  html body.streamx-v5.twitch-v53 .panel-type-donate,
  html body.streamx-v5.twitch-v53 .panel-type-pc_specs,
  html body.streamx-v5.twitch-v53 .panel-type-rules,
  html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image){grid-column:span 3!important}
  html body.streamx-v5.twitch-v53 .sts-panel-about-card{grid-column:span 6!important}
}
@media(max-width:720px){
  html body.streamx-v5.twitch-v53 .sts-channel-panels-live{padding:16px!important;border-radius:16px!important}
  html body.streamx-v5.twitch-v53 .sts-channel-panel-grid{grid-template-columns:1fr!important;gap:11px!important}
  html body.streamx-v5.twitch-v53 .sts-channel-panel-card,
  html body.streamx-v5.twitch-v53 .sts-panel-about-card,
  html body.streamx-v5.twitch-v53 .sts-panel-tier-card,
  html body.streamx-v5.twitch-v53 .sts-panel-rewards-card,
  html body.streamx-v5.twitch-v53 .sts-panel-community-card,
  html body.streamx-v5.twitch-v53 .panel-type-donate,
  html body.streamx-v5.twitch-v53 .panel-type-pc_specs,
  html body.streamx-v5.twitch-v53 .panel-type-rules,
  html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image){grid-column:1!important;min-height:0!important}
  html body.streamx-v5.twitch-v53 .sts-channel-panel-card{padding:15px!important}
  html body.streamx-v5.twitch-v53 .sts-panel-icon{flex-basis:43px!important;width:43px!important;height:43px!important}
  html body.streamx-v5.twitch-v53 .panel-type-rules .sts-panel-body{max-height:390px!important}
}
@media(prefers-reduced-motion:reduce){
  html body.streamx-v5.twitch-v53 .sts-channel-panel-card,
  html body.streamx-v5.twitch-v53 .sts-panel-link,
  html body.streamx-v5.twitch-v53 .sts-panel-image img{transition:none!important}
}