/* STS v5.7.2 — homepage rebuilt from the approved clean mockup */
html body.streamx-v5.twitch-v53 main.page.v5-page{width:100%;max-width:none;margin:0;padding:0;overflow:visible;background:#05070b}
.sts402-shell{display:grid;grid-template-columns:214px minmax(0,1fr);width:100%;min-height:calc(100vh - 108px);background:radial-gradient(circle at 50% 0,rgba(104,40,190,.08),transparent 34%),#05070b;color:#f7f7fb}
.sts402-sidebar{position:sticky;top:108px;align-self:start;height:calc(100vh - 108px);padding:16px;background:linear-gradient(180deg,#0c1017,#090d13);border-right:1px solid rgba(255,255,255,.055);overflow:auto;z-index:3}
.sts402-side-nav{display:grid;gap:5px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.06)}
.sts402-side-nav a{display:flex;align-items:center;gap:13px;min-height:40px;padding:0 12px;border-radius:8px;color:#e7e8ed;text-decoration:none;font-size:13px;font-weight:700;transition:.18s ease}
.sts402-side-nav a span{width:20px;color:#c9c9d2;font-size:19px;text-align:center}.sts402-side-nav a:hover{background:rgba(255,255,255,.055)}.sts402-side-nav a.active{background:linear-gradient(90deg,rgba(139,65,255,.28),rgba(139,65,255,.12));color:#fff}.sts402-side-nav a.active span{color:#b986ff}
.sts402-side-title{margin:17px 2px 9px;color:#9da2ad;font-size:10px;font-weight:800;letter-spacing:.08em}
.sts402-followed{display:grid;gap:4px}.sts402-followed>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px;border-radius:8px;text-decoration:none;color:#fff}.sts402-followed>a:hover{background:rgba(255,255,255,.045)}.sts402-followed img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid rgba(147,74,255,.55)}.sts402-followed span{min-width:0}.sts402-followed b,.sts402-followed small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sts402-followed b{font-size:11px}.sts402-followed small{margin-top:2px;color:#999eaa;font-size:10px}.sts402-followed em{display:flex;align-items:center;gap:4px;color:#c5c8d0;font-size:10px;font-style:normal}.sts402-followed em i{width:6px;height:6px;border-radius:50%;background:#ff2f58}.sts402-followed em.offline{color:#696e78}.sts402-followed em.offline i{background:#555b65}.sts402-show-more{display:block;margin-top:12px;padding:10px;border-radius:8px;background:#141820;color:#fff;text-align:center;text-decoration:none;font-size:11px;font-weight:800}.sts402-side-empty{padding:12px;color:#858b96;font-size:11px;line-height:1.5}
.sts402-content{min-width:0;padding:12px 16px 28px}.sts402-hero{position:relative;min-height:292px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background-size:cover;background-position:center;overflow:hidden;transition:opacity .22s ease}.sts402-hero.switching{opacity:.65}.sts402-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:292px;width:min(520px,55%);padding:34px 66px}.sts402-live-badge{display:inline-flex;padding:5px 10px;border-radius:6px;background:#f42646;color:#fff;font-size:11px;font-weight:900}.sts402-hero h1{margin:14px 0 7px;font-size:clamp(29px,3vw,42px);line-height:1;font-weight:950;letter-spacing:-.035em;text-transform:uppercase}.sts402-hero-meta{display:flex;align-items:center;gap:8px;color:#e1e2e7;font-size:13px}.sts402-hero-meta b{color:#747985}.sts402-hero-copy>p{max-width:440px;margin:13px 0 18px;color:#e3e4e8;font-size:14px;line-height:1.55}.sts402-hero-actions{display:flex;gap:10px}.sts402-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:1px solid rgba(187,125,255,.48);border-radius:7px;background:rgba(11,13,20,.72);color:#fff;text-decoration:none;font-size:13px;font-weight:850;backdrop-filter:blur(8px)}.sts402-hero-actions a.primary{border-color:#7f25ff;background:linear-gradient(135deg,#7d1fff,#9a39ff)}.sts402-hero-actions a:hover{transform:translateY(-1px);filter:brightness(1.08)}.sts402-arrow{position:absolute;top:50%;z-index:4;width:36px;height:36px;border:0;border-radius:50%;background:rgba(18,21,28,.9);color:#fff;font-size:27px;line-height:1;cursor:pointer;transform:translateY(-50%)}.sts402-arrow.left{left:12px}.sts402-arrow.right{right:12px}.sts402-dots{position:absolute;left:50%;bottom:16px;display:flex;gap:8px;transform:translateX(-50%)}.sts402-dots i{display:block;width:24px;height:6px;border-radius:20px;background:rgba(255,255,255,.3)}.sts402-dots i.active{background:#8d36ff}
.sts402-section{min-width:0;margin-top:14px}.sts402-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;padding:0 1px}.sts402-heading h2{margin:0;font-size:17px;font-weight:850;letter-spacing:-.015em}.sts402-heading a{color:#b56dff;text-decoration:none;font-size:11px;font-weight:750}
.sts402-live-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(8,11,16,.75)}.sts402-live-card{min-width:0;color:#fff;text-decoration:none}.sts402-live-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;background-size:cover;background-position:center;overflow:hidden}.sts402-live-thumb:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72))}.sts402-live-thumb>i{position:absolute;left:8px;top:8px;z-index:2;padding:4px 7px;border-radius:4px;background:#f12543;color:#fff;font-size:10px;font-style:normal;font-weight:900}.sts402-live-thumb>em{position:absolute;right:7px;bottom:7px;z-index:2;padding:3px 6px;border-radius:5px;background:rgba(5,7,10,.84);font-size:10px;font-style:normal}.sts402-card-info{display:grid;grid-template-columns:35px minmax(0,1fr);gap:8px;padding:8px 2px 2px}.sts402-card-info>img{width:35px;height:35px;border-radius:50%;object-fit:cover;border:1px solid rgba(154,70,255,.7)}.sts402-card-info b,.sts402-card-info small,.sts402-card-info label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sts402-card-info b{font-size:12px}.sts402-card-info small{margin-top:2px;color:#989da7;font-size:10px}.sts402-card-info label{width:max-content;margin-top:5px;padding:2px 6px;border-radius:4px;background:#11151b;color:#c5c8cf;font-size:9px}.sts402-live-card:hover .sts402-live-thumb{box-shadow:0 0 0 2px #8a35ff,0 12px 28px rgba(0,0,0,.35)}.sts402-empty{grid-column:1/-1;padding:38px 20px;border:1px dashed rgba(255,255,255,.12);border-radius:10px;color:#89909b;text-align:center;font-size:12px}.sts402-enter{animation:sts402In .25s ease both}@keyframes sts402In{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.sts402-discovery-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}.sts402-cat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.sts402-cat-grid>a{position:relative;min-width:0;height:158px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#0c1017;color:#fff;text-decoration:none;overflow:hidden}.sts402-cat-grid span{position:absolute;inset:0;background-size:cover;background-position:center}.sts402-cat-grid b,.sts402-cat-grid small{position:absolute;z-index:2;left:9px}.sts402-cat-grid b{bottom:27px;font-size:11px}.sts402-cat-grid small{bottom:10px;display:flex;align-items:center;gap:5px;color:#c6c9d1;font-size:9px}.sts402-cat-grid small i{width:6px;height:6px;border-radius:50%;background:#ff2e51}.sts402-cat-grid>a:hover{transform:translateY(-2px);border-color:rgba(151,70,255,.6)}
.sts402-clips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.sts402-clips-grid>a{min-width:0;color:#fff;text-decoration:none}.sts402-clips-grid>a>span{position:relative;display:block;aspect-ratio:16/8.8;border-radius:9px;background-size:cover;background-position:center;overflow:hidden}.sts402-clips-grid span i,.sts402-clips-grid span b,.sts402-clips-grid span em{position:absolute;z-index:2;padding:3px 5px;border-radius:4px;background:rgba(6,8,11,.84);font-size:9px;font-style:normal}.sts402-clips-grid span i{left:7px;top:7px}.sts402-clips-grid span b{left:7px;bottom:7px}.sts402-clips-grid span em{right:7px;bottom:7px}.sts402-clips-grid strong,.sts402-clips-grid small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sts402-clips-grid strong{margin-top:7px;font-size:11px}.sts402-clips-grid small{margin-top:3px;color:#747a85;font-size:9px}.sts402-clips-grid>a:hover>span{box-shadow:0 0 0 2px #8a35ff}
.sts402-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:linear-gradient(90deg,#0e1219,#0a0e14)}.sts402-benefits>a{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;padding:4px 18px;border-right:1px solid rgba(255,255,255,.06);color:#fff;text-decoration:none}.sts402-benefits>a:last-child{border-right:0}.sts402-benefits>a>span{color:#9b43ff;font-size:32px;line-height:1}.sts402-benefits b{color:#c27eff;font-size:11px}.sts402-benefits small{display:block;margin-top:3px;color:#969ca8;font-size:9px;font-weight:500}
@media(max-width:1350px){.sts402-live-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sts402-live-card:nth-child(5){display:none}.sts402-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sts402-cat-grid>a{height:125px}}
@media(max-width:1060px){.sts402-shell{grid-template-columns:72px minmax(0,1fr)}.sts402-sidebar{padding:12px 8px}.sts402-side-nav a{justify-content:center;padding:0}.sts402-side-nav a:not(.active){font-size:0}.sts402-side-nav a span{font-size:20px}.sts402-side-title,.sts402-followed span,.sts402-followed em,.sts402-show-more{display:none}.sts402-followed>a{display:block;padding:6px}.sts402-followed img{width:38px;height:38px}.sts402-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sts402-live-card:nth-child(4),.sts402-live-card:nth-child(5){display:none}.sts402-discovery-grid{grid-template-columns:1fr}.sts402-hero-copy{width:70%}}
@media(max-width:760px){.sts402-shell{display:block}.sts402-sidebar{display:none}.sts402-content{padding:8px 10px 80px}.sts402-hero{min-height:390px;background-position:65% center}.sts402-hero-copy{justify-content:flex-end;width:100%;min-height:390px;padding:28px 22px 48px;background:linear-gradient(0deg,rgba(3,5,9,.96),transparent 78%)}.sts402-hero h1{font-size:31px}.sts402-arrow{display:none}.sts402-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sts402-live-card:nth-child(3){display:none}.sts402-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sts402-clips-grid{grid-template-columns:1fr 1fr}.sts402-clips-grid>a:nth-child(3){display:none}.sts402-benefits{grid-template-columns:1fr 1fr}.sts402-benefits>a:nth-child(2){border-right:0}.sts402-benefits>a{justify-content:flex-start;border-bottom:1px solid rgba(255,255,255,.06)}.sts402-benefits>a:nth-child(3),.sts402-benefits>a:nth-child(4){border-bottom:0}}
@media(max-width:480px){.sts402-live-grid{grid-template-columns:1fr}.sts402-live-card:nth-child(2){display:none}.sts402-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sts402-clips-grid{grid-template-columns:1fr}.sts402-clips-grid>a:nth-child(2){display:none}.sts402-benefits{grid-template-columns:1fr}.sts402-benefits>a{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.sts402-benefits>a:last-child{border-bottom:0!important}.sts402-hero-actions a{flex:1;padding:0 10px;font-size:11px}}

/* =====================================================================
   STS v5.7.3 — TRUE FULL-SCREEN HOMEPAGE
   Removes legacy canvas limits and lets every homepage section fill the
   available viewport on desktop, ultrawide, tablet and mobile displays.
===================================================================== */
html,
body.streamx-v5.twitch-v53{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  overflow-x:hidden!important;
}
body.streamx-v5.twitch-v53{
  padding-left:0!important;
}
html body.streamx-v5.twitch-v53 main.page.v5-page,
html body.streamx-v5.twitch-v53 .page.v5-page{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html body.streamx-v5.twitch-v53 main.page.v5-page > .sts402-shell{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
.sts402-shell{
  grid-template-columns:clamp(190px,12vw,240px) minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
}
.sts402-content{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:14px clamp(14px,1.25vw,28px) 36px!important;
}
.sts402-hero{
  width:100%!important;
  max-width:none!important;
  min-height:clamp(310px,31vw,600px)!important;
  background-position:center!important;
}
.sts402-hero-copy{
  min-height:clamp(310px,31vw,600px)!important;
  width:min(700px,54%)!important;
  padding:clamp(38px,5vw,88px) clamp(54px,5vw,110px)!important;
}
.sts402-hero h1{
  font-size:clamp(38px,4.2vw,82px)!important;
}
.sts402-hero-copy>p{
  max-width:600px!important;
  font-size:clamp(14px,1vw,18px)!important;
}
.sts402-heading h2{
  font-size:clamp(21px,1.65vw,32px)!important;
}
.sts402-section{
  width:100%!important;
  max-width:none!important;
  margin-top:20px!important;
}
.sts402-live-grid{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))!important;
  gap:clamp(12px,1vw,20px)!important;
  padding:clamp(10px,1vw,18px)!important;
}
.sts402-live-card,
.sts402-live-card:nth-child(n){
  display:block!important;
}
.sts402-card-info b{font-size:clamp(12px,.85vw,15px)!important}
.sts402-card-info small{font-size:clamp(10px,.7vw,13px)!important}
.sts402-discovery-grid{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:minmax(520px,.9fr) minmax(620px,1.1fr)!important;
  gap:clamp(20px,1.5vw,34px)!important;
}
.sts402-cat-grid{
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;
  gap:clamp(9px,.75vw,15px)!important;
}
.sts402-cat-grid>a{
  height:clamp(150px,11vw,235px)!important;
}
.sts402-clips-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(11px,1vw,18px)!important;
}
.sts402-benefits{
  width:100%!important;
  max-width:none!important;
  margin-top:24px!important;
  padding:clamp(14px,1.2vw,22px)!important;
}

@media(min-width:2200px){
  .sts402-shell{grid-template-columns:260px minmax(0,1fr)!important}
  .sts402-content{padding-left:32px!important;padding-right:32px!important}
  .sts402-live-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important}
  .sts402-discovery-grid{grid-template-columns:minmax(760px,.95fr) minmax(900px,1.05fr)!important}
}
@media(max-width:1450px){
  .sts402-discovery-grid{grid-template-columns:1fr!important}
  .sts402-cat-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media(max-width:1100px){
  .sts402-shell{grid-template-columns:76px minmax(0,1fr)!important}
  .sts402-hero-copy{width:68%!important}
  .sts402-live-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}
  .sts402-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body.streamx-v5.twitch-v53{padding-left:0!important}
  .sts402-shell{display:block!important}
  .sts402-content{padding:8px 10px 84px!important}
  .sts402-hero{min-height:430px!important}
  .sts402-hero-copy{min-height:430px!important;width:100%!important;padding:28px 22px 48px!important}
  .sts402-hero h1{font-size:clamp(30px,10vw,46px)!important}
  .sts402-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sts402-live-card:nth-child(n){display:block!important}
  .sts402-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sts402-clips-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sts402-clips-grid>a:nth-child(n){display:block!important}
}
@media(max-width:520px){
  .sts402-live-grid{grid-template-columns:1fr!important}
  .sts402-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sts402-clips-grid{grid-template-columns:1fr!important}
  .sts402-benefits{grid-template-columns:1fr!important}
}