/* STS clean bundle - consolidated old version patch CSS. */

/* ===== public/css/sts-real-ui.css ===== */

/* STS v5.6.80 - Real Streaming UI: no fake CSS mockup content */
:root{
  --sts-topbar-h:74px;
  --sts-rail-w:280px;
  --sts-chat-w:410px;
  --sts-green:#4bff16;
  --sts-purple:#9147ff;
  --sts-purple2:#b847ff;
  --sts-red:#ff315d;
  --sts-muted:#9ca7b5;
  --sts-border:rgba(255,255,255,.085);
}
body{
  background:radial-gradient(circle at 20% 0%,rgba(145,71,255,.16),transparent 32%),radial-gradient(circle at 90% 5%,rgba(75,255,22,.10),transparent 32%),#070a0f!important;
  color:#f6f8fb!important;
  overflow-x:hidden!important;
}
main.page.v5-page{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}

/* topbar */
.tw-topbar.sts-glass-nav{
  height:var(--sts-topbar-h)!important;min-height:var(--sts-topbar-h)!important;position:sticky!important;top:0!important;z-index:9000!important;
  display:flex!important;align-items:center!important;gap:16px!important;padding:0 18px!important;
  background:rgba(7,10,15,.95)!important;border-bottom:1px solid rgba(75,255,22,.2)!important;box-shadow:0 14px 50px rgba(0,0,0,.38)!important;backdrop-filter:blur(18px)!important;
}
.tw-left.sts-nav-left{display:flex!important;align-items:center!important;gap:16px!important;min-width:0!important}
.tw-logo.mock-logo,.sts-brand-card{
  width:178px!important;min-width:178px!important;height:var(--sts-topbar-h)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  padding:0 18px!important;border-radius:0!important;text-decoration:none!important;background:linear-gradient(90deg,rgba(75,255,22,.12),rgba(17,22,34,.7))!important;border-right:2px solid rgba(75,255,22,.7)!important;
}
.tw-logo.mock-logo strong,.sts-brand-card strong{font-size:32px!important;line-height:.82!important;font-weight:1000!important;font-style:italic!important;letter-spacing:-.055em!important;color:var(--sts-green)!important;text-shadow:0 0 20px rgba(75,255,22,.48)!important}
.tw-logo.mock-logo small,.sts-brand-card small{margin-top:6px!important;color:#fff!important;font-size:8px!important;letter-spacing:.24em!important;font-weight:1000!important}
.tw-main-nav.sts-icon-nav{display:flex!important;align-items:center!important;gap:5px!important;overflow:visible!important}
.tw-main-nav.sts-icon-nav a{height:42px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 12px!important;border-radius:12px!important;color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:900!important;background:transparent!important;border:1px solid transparent!important}
.tw-main-nav.sts-icon-nav a:hover,.tw-main-nav.sts-icon-nav a.is-active,.tw-main-nav.sts-icon-nav .sts-nav-chat{background:linear-gradient(135deg,var(--sts-green),#28d90a)!important;color:#041006!important;box-shadow:0 10px 28px rgba(75,255,22,.22)!important}
.sts-nav-search{width:min(360px,24vw)!important;margin-left:auto!important;height:44px!important;display:flex!important;background:#101722!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:12px!important;overflow:hidden!important}
.sts-nav-search input{flex:1!important;border:0!important;background:transparent!important;color:#fff!important;outline:0!important;padding:0 14px!important}
.sts-nav-search button{width:50px!important;border:0!important;border-left:1px solid rgba(255,255,255,.1)!important;background:#121a25!important;color:#fff!important}
.sts-user-actions{display:flex!important;align-items:center!important;gap:10px!important;min-width:max-content!important}
.tw-btn,.watch-action-btn,.v53-btn{border-radius:12px!important;border:1px solid rgba(255,255,255,.12)!important;background:#121923!important;color:#fff!important;padding:10px 14px!important;font-weight:900!important;text-decoration:none!important}
.tw-btn.primary,.watch-action-btn.follow,.v53-btn.primary{background:linear-gradient(135deg,var(--sts-purple),var(--sts-purple2))!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 10px 34px rgba(145,71,255,.33)!important}
.sts-nav-profile{width:46px!important;height:46px!important;border-radius:999px!important;overflow:hidden!important;border:2px solid var(--sts-purple)!important;box-shadow:0 0 0 3px rgba(145,71,255,.22),0 0 24px rgba(145,71,255,.38)!important}
.sts-nav-profile img{width:100%;height:100%;object-fit:cover}

/* Following dropdown */
.sts-following-nav{position:relative!important;margin-left:6px!important}
.sts-following-btn{height:44px!important;border:0!important;border-radius:12px!important;padding:0 16px!important;color:#fff!important;background:linear-gradient(135deg,#7224d8,#4f168f)!important;font-weight:950!important;cursor:pointer!important}
.sts-following-dropdown{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;width:330px!important;padding:12px!important;display:none!important;z-index:99999!important;background:rgba(9,13,20,.99)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;box-shadow:0 22px 80px rgba(0,0,0,.62)!important}
.sts-following-nav:hover .sts-following-dropdown,.sts-following-nav.open .sts-following-dropdown{display:block!important}
.sts-following-dropdown h4{margin:4px 4px 12px!important;color:#d4c5ff!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.sts-following-list{display:grid!important;gap:8px!important}
.sts-following-item{display:grid!important;grid-template-columns:38px 1fr auto!important;gap:10px!important;align-items:center!important;padding:8px!important;border-radius:13px!important;text-decoration:none!important;color:#fff!important;background:rgba(255,255,255,.025)!important}
.sts-following-item:hover{background:rgba(145,71,255,.15)!important}
.sts-following-item img{width:38px!important;height:38px!important;border-radius:999px!important;object-fit:cover!important;border:2px solid rgba(75,255,22,.65)!important}
.sts-following-item b{display:block;font-size:13px}.sts-following-item small{color:var(--sts-muted);font-size:12px}
.sts-live-dot-small{width:7px;height:7px;border-radius:999px;background:var(--sts-red);display:inline-block;margin-right:5px}
.sts-view-all-following{display:block;margin-top:10px;padding:8px;color:#c45cff!important;font-weight:900;text-decoration:none}

/* Layout */
.v53-watch,.v586-watch-match,.sts-real-watch-layout{display:grid!important;grid-template-columns:var(--sts-rail-w) minmax(0,1fr) var(--sts-chat-w)!important;gap:0!important;align-items:start!important;min-height:calc(100vh - var(--sts-topbar-h))!important;padding:0!important;background:transparent!important}
.v53-watch:before,.v586-watch-match:before{content:none!important;display:none!important}
.sts-watch-sidebar{grid-column:1!important;position:sticky!important;top:var(--sts-topbar-h)!important;height:calc(100vh - var(--sts-topbar-h))!important;overflow:auto!important;padding:18px 16px!important;background:linear-gradient(180deg,rgba(11,16,24,.96),rgba(8,11,17,.96))!important;border-right:1px solid rgba(255,255,255,.08)!important}
.v53-watch-main{grid-column:2!important;min-width:0!important;width:100%!important;max-width:none!important;padding:24px!important}
.chat-panel,.upgraded.pro-chat,.v53-chat{grid-column:3!important;position:sticky!important;top:var(--sts-topbar-h)!important;width:var(--sts-chat-w)!important;max-width:var(--sts-chat-w)!important;height:calc(100vh - var(--sts-topbar-h))!important;border-radius:0!important;border:0!important;border-left:1px solid rgba(255,255,255,.08)!important;background:rgba(12,18,25,.97)!important;display:flex!important;flex-direction:column!important}

/* Real sidebar */
.sts-side-block{margin-bottom:22px!important;padding-bottom:18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.sts-side-title{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 12px!important;font-size:13px!important;letter-spacing:.04em!important;text-transform:uppercase!important;font-weight:1000!important;color:#fff!important}
.sts-side-list{display:grid!important;gap:10px!important}
.sts-side-channel{display:grid!important;grid-template-columns:38px 1fr auto!important;gap:10px!important;align-items:center!important;color:#fff!important;text-decoration:none!important;border-radius:13px!important;padding:7px!important}
.sts-side-channel:hover{background:rgba(255,255,255,.05)!important}
.sts-side-avatar{width:38px!important;height:38px!important;border-radius:999px!important;overflow:hidden!important;background:#171f2b!important}
.sts-side-avatar img{width:100%;height:100%;object-fit:cover}
.sts-side-channel b{display:block!important;max-width:140px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important}
.sts-side-channel small{display:block!important;color:var(--sts-muted)!important;font-size:12px!important}
.sts-side-viewers{font-size:12px;color:#dfe7ee}.sts-side-dot{width:7px;height:7px;border-radius:99px;background:var(--sts-red);display:inline-block;margin-right:4px}
.sts-side-more{display:inline-block!important;margin-top:10px!important;color:#c45cff!important;text-decoration:none!important;font-weight:900!important;font-size:13px!important}
.sts-side-category,.sts-quick-link{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:8px 0!important;color:#dfe7ee!important;text-decoration:none!important;font-size:13px!important}
.sts-side-category span:first-child,.sts-quick-link span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sts-side-category em{font-style:normal;color:var(--sts-muted)}

/* Player */
.v53-player{position:relative!important;overflow:hidden!important;aspect-ratio:16/9!important;min-height:420px!important;border-radius:12px!important;background:#030508!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 22px 90px rgba(0,0,0,.46)!important}
.v53-player video,.v53-player img,.mobile-webrtc-player,.mobile-viewer-player{width:100%!important;height:100%!important;object-fit:cover!important}
.v53-player-badges{position:absolute!important;top:16px!important;right:16px!important;z-index:12!important;display:flex!important;gap:8px!important}
.v53-live{background:var(--sts-red)!important;color:#fff!important;border:0!important;border-radius:7px!important;padding:7px 9px!important;font-weight:1000!important}
.v53-viewers{background:rgba(0,0,0,.62)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:7px!important;padding:7px 9px!important;color:#fff!important;font-weight:850!important}
.sts-player-widgets{position:absolute;left:18px;bottom:64px;z-index:15;display:grid;gap:12px;width:220px;pointer-events:none}
.sts-player-widget{padding:13px;border-radius:14px;background:rgba(8,10,15,.72);border:1px solid rgba(255,255,255,.09);box-shadow:0 12px 40px rgba(0,0,0,.35)}
.sts-player-widget h4{margin:0 0 9px;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.sts-player-widget-row{display:flex;align-items:center;justify-content:space-between;color:#dfe7ee;font-size:12px;margin:6px 0}
.sts-progress{height:8px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}.sts-progress b{display:block;height:100%;width:76%;background:linear-gradient(90deg,var(--sts-green),var(--sts-purple))}
.sts-player-enhance{left:16px!important;bottom:14px!important;opacity:1!important;transform:none!important;pointer-events:auto!important;padding:6px!important;background:rgba(6,10,14,.78)!important;border-radius:14px!important}

/* Stream info + cards */
.v53-stream-info,.v586-channel-info-row{margin:0!important;padding:18px 0!important;display:flex!important;justify-content:space-between!important;gap:18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.avatar.big{width:70px!important;height:70px!important;border-radius:999px!important;border:3px solid var(--sts-purple)!important;overflow:hidden!important;box-shadow:0 0 0 4px rgba(145,71,255,.18),0 0 28px rgba(145,71,255,.42)!important}
.v53-stream-info h1{margin:0 0 7px!important;color:#fff!important;font-size:24px!important;font-weight:1000!important}
.v586-channel-tabs{display:flex!important;gap:26px!important;margin:0!important;padding:14px 0 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.v586-channel-tabs a{color:#dfe7ee!important;text-decoration:none!important;padding:0 0 14px!important;position:relative!important;font-weight:850!important}
.v586-channel-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--sts-purple),#ff2d9c)}
.sts-goal-grid,.v53-panels{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.sts-goal-card,.v53-panels article,.channel-tier-card{border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(180deg,rgba(16,23,34,.9),rgba(10,15,22,.92))!important;border-radius:14px!important}

/* Chat */
.chat-head.v55-chat-head{height:62px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 14px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.v55-chat-title strong{text-transform:uppercase!important;letter-spacing:.04em!important;font-size:15px!important}.v55-chat-title small{display:none!important}.chat-panel-menu{position:absolute!important;right:14px!important}
.sts-chat-rank-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(10,15,22,.96);font-size:12px}
.sts-chat-rank-strip span{border-radius:12px;background:rgba(145,71,255,.12);border:1px solid rgba(145,71,255,.18);padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-messages,.pro-messages{flex:1!important;padding:16px!important;overflow:auto!important;background:linear-gradient(rgba(12,18,25,.88),rgba(12,18,25,.88)),var(--chat-bg-image, none) center/cover!important}
.chat-line.pro-message{display:grid!important;grid-template-columns:36px 1fr!important;gap:10px!important;margin:0 0 13px!important;padding:0!important;background:transparent!important;border:0!important}
.chat-avatar-mini{width:34px!important;height:34px!important;border-radius:999px!important;overflow:hidden!important;border:2px solid var(--sts-green)!important}
.chat-bubble{background:transparent!important;border:0!important;padding:0!important}.chat-meta{display:flex!important;align-items:center!important;gap:7px!important}
.chat-name,.chat-name-link{color:#ff42d0!important;font-weight:1000!important;text-decoration:none!important;font-size:13px!important}.chat-bubble>span{display:block!important;margin-top:4px!important;color:#fff!important;line-height:1.45!important;font-size:14px!important}
.v53-emote-strip{padding:10px 14px!important;border-top:1px solid rgba(255,255,255,.08)!important;background:#0b1118!important;display:flex!important;gap:7px!important;overflow:auto!important}
.emote-pick{width:36px!important;min-width:36px!important;height:36px!important;border-radius:10px!important;background:#141d28!important;border:1px solid rgba(255,255,255,.1)!important}.emote-pick span{display:none!important}
.chat-form.pro-chat-form{padding:14px!important;display:grid!important;grid-template-columns:42px 1fr 70px!important;gap:9px!important;border-top:1px solid rgba(255,255,255,.08)!important;background:#0c121a!important}
.chat-form input{height:46px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.1)!important;background:#111922!important;color:#fff!important;padding:0 13px!important}
.chat-form button{height:46px!important;border-radius:11px!important;border:0!important;background:linear-gradient(135deg,var(--sts-purple),var(--sts-purple2))!important;color:#fff!important;font-weight:1000!important}
.sts-chat-announcements{margin:14px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(16,23,34,.85),rgba(8,12,18,.9))}
.sts-chat-announcements h3{margin:0 0 10px;font-size:16px}.sts-chat-announcements p{margin:0;color:#cbd3df;font-size:13px;line-height:1.55}

/* Hide old sidebar widgets */
.followed-channels,.followed-streamers,.sidebar-followed,#followedChannels,[data-section="followed-channels"],.left-followed-channels{display:none!important}

/* Mobile */
@media(max-width:1250px){
  :root{--sts-rail-w:84px;--sts-chat-w:360px}
  .sts-watch-sidebar{padding:14px 8px}.sts-side-block:not(:first-child){display:none!important}
  .sts-side-title span:not(:first-child),.sts-side-channel div,.sts-side-viewers,.sts-side-more{display:none!important}
  .sts-side-channel{grid-template-columns:38px!important;justify-content:center}
  .tw-main-nav.sts-icon-nav a span:not(.nav-ico){display:none!important}
  .tw-logo.mock-logo,.sts-brand-card{width:112px!important;min-width:112px!important}
}
@media(max-width:920px){
  :root{--sts-topbar-h:64px;--sts-rail-w:0px;--sts-chat-w:100%}
  .tw-topbar.sts-glass-nav{height:auto!important;min-height:64px!important;padding:8px!important;overflow-x:auto!important}
  .tw-logo.mock-logo,.sts-brand-card{height:52px!important;width:92px!important;min-width:92px!important;padding:0 10px!important}
  .tw-logo.mock-logo strong,.sts-brand-card strong{font-size:24px!important}.sts-nav-search{display:none!important}
  .v53-watch,.v586-watch-match,.sts-real-watch-layout{display:block!important}.sts-watch-sidebar{display:none!important}.v53-watch-main{padding:10px!important}
  .v53-player{min-height:auto!important;border-radius:14px!important}.sts-player-widgets{display:none!important}
  .chat-panel,.upgraded.pro-chat,.v53-chat{position:relative!important;top:auto!important;width:calc(100% - 20px)!important;max-width:none!important;height:68vh!important;border-radius:14px!important;margin:10px!important}
  .sts-goal-grid,.v53-panels{grid-template-columns:1fr!important}
}


/* STS v5.6.96 - real subscriber strip fix */
.sts-chat-rank-strip.sts-chat-sub-strip{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px 12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin;
  background:rgba(10,15,22,.98)!important;
  border-bottom:1px solid rgba(57,255,20,.22)!important;
}
.sts-chat-sub-title{
  flex:0 0 auto!important;
  color:#39ff14!important;
  font-size:12px!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.sts-chat-rank-strip.sts-chat-sub-strip .sts-chat-sub-pill{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  max-width:190px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg, rgba(57,255,20,.14), rgba(145,71,255,.16))!important;
  border:1px solid rgba(57,255,20,.26)!important;
  color:#fff!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 0 16px rgba(57,255,20,.08)!important;
}
.sts-chat-rank-strip.sts-chat-sub-strip .sts-chat-sub-pill img{
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  flex:0 0 auto!important;
}
.sts-chat-rank-strip.sts-chat-sub-strip .sts-chat-sub-pill span{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-weight:800!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
.sts-chat-rank-strip.sts-chat-sub-strip .sts-chat-sub-pill small{
  color:#ffd66b!important;
  font-size:11px!important;
  flex:0 0 auto!important;
}


/* v5.6.98 watch chat cleanup: remove empty info pill + keep menu inside chat panel */
.v55-chat-strip:empty{display:none!important;}
.chat-panel-menu{right:14px!important;left:auto!important;z-index:250!important;}
.chat-panel-menu-pop{
  left:auto!important;
  right:0!important;
  top:46px!important;
  width:210px!important;
  min-width:210px!important;
  max-width:calc(100vw - 24px)!important;
  z-index:9999!important;
  padding:8px!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.chat-panel-menu-pop form{margin:0!important;display:block!important;}
.chat-panel-menu-item{
  width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  justify-content:flex-start!important;
}
@media (max-width:700px){
  .chat-panel-menu-pop{right:0!important;width:190px!important;min-width:190px!important;top:42px!important;}
}


/* STS v5.6.114 - Player brightness / bottom dark overlay final fix */

/* Force the real player/video layers to stay bright */
.video-wrap,
.stream-player,
.player-wrap,
.watch-player,
.video-panel,
.player-shell,
.stream-player-card,
.sts-video-player,
.live-player,
.player-frame {
  background: #000 !important;
  isolation: isolate !important;
}

.video-wrap video,
.stream-player video,
.player-wrap video,
.watch-player video,
.video-panel video,
.player-shell video,
.stream-player-card video,
.sts-video-player video,
.live-player video,
.player-frame video,
.video-wrap img,
.stream-player img,
.player-wrap img,
.watch-player img,
.video-panel img,
.player-shell img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* Disable dark gradient pseudo overlays on the player shell */
.video-wrap::before,
.video-wrap::after,
.stream-player::before,
.stream-player::after,
.player-wrap::before,
.player-wrap::after,
.watch-player::before,
.watch-player::after,
.video-panel::before,
.video-panel::after,
.player-shell::before,
.player-shell::after,
.stream-player-card::before,
.stream-player-card::after,
.sts-video-player::before,
.sts-video-player::after,
.live-player::before,
.live-player::after,
.player-frame::before,
.player-frame::after {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  display: none !important;
  pointer-events: none !important;
  content: none !important;
}

/* Remove known dark overlay layers but keep buttons/badges visible */
.player-gradient,
.bottom-gradient,
.player-bottom-gradient,
.video-gradient,
.player-dim,
.video-dim,
.stream-dim,
.player-shade,
.video-shade,
.stream-shade,
.player-overlay-dark,
.video-overlay-dark,
.stream-overlay-dark,
.player-vignette,
.video-vignette,
.stream-vignette,
.watch-vignette,
.player-fade,
.video-fade,
.stream-fade,
.watch-fade,
.player-bottom-fade,
.video-bottom-fade,
.stream-bottom-fade,
.watch-bottom-fade {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* If the controls wrapper itself had a big dark background, remove only the background */
.sts-player-enhance {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Keep the actual control buttons readable without dimming the whole video */
.sts-player-enhance .sts-player-btn,
.sts-player-btn {
  background: rgba(15, 23, 42, .72) !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.25) !important;
}

/* Make sure the custom player controls sit above video but do not create a full overlay */
.sts-player-enhance {
  position: absolute !important;
  z-index: 15 !important;
  pointer-events: auto !important;
}

/* Native video controls can add a bottom shade in some browsers; keep custom controls clean */
video::-webkit-media-controls-panel {
  background: transparent !important;
}



/* STS v5.6.115 - Remove full-player dim overlay but keep controls */

/* Player containers should not dim their children */
.watch-player,
.player-shell,
.player-wrap,
.stream-player,
.video-wrap,
.video-panel,
.stream-player-card,
.live-player,
.player-frame,
.sts-video-player {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-color: #000 !important;
}

/* Video/image itself stays untouched and bright */
.watch-player video,
.player-shell video,
.player-wrap video,
.stream-player video,
.video-wrap video,
.video-panel video,
.stream-player-card video,
.live-player video,
.player-frame video,
.sts-video-player video,
.watch-player iframe,
.player-shell iframe,
.player-wrap iframe,
.stream-player iframe,
.video-wrap iframe,
.video-panel iframe,
.stream-player-card iframe,
.live-player iframe,
.player-frame iframe,
.sts-video-player iframe {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Hide broad overlay/fade layers inside player that darken the video */
.watch-player > .overlay,
.watch-player > .video-overlay,
.watch-player > .player-overlay,
.watch-player > .stream-overlay,
.watch-player > .shade,
.watch-player > .dim,
.watch-player > .fade,
.watch-player > .gradient,
.player-shell > .overlay,
.player-shell > .video-overlay,
.player-shell > .player-overlay,
.player-shell > .stream-overlay,
.player-shell > .shade,
.player-shell > .dim,
.player-shell > .fade,
.player-shell > .gradient,
.player-wrap > .overlay,
.player-wrap > .video-overlay,
.player-wrap > .player-overlay,
.player-wrap > .stream-overlay,
.player-wrap > .shade,
.player-wrap > .dim,
.player-wrap > .fade,
.player-wrap > .gradient,
.stream-player > .overlay,
.stream-player > .video-overlay,
.stream-player > .player-overlay,
.stream-player > .stream-overlay,
.stream-player > .shade,
.stream-player > .dim,
.stream-player > .fade,
.stream-player > .gradient,
.video-wrap > .overlay,
.video-wrap > .video-overlay,
.video-wrap > .player-overlay,
.video-wrap > .stream-overlay,
.video-wrap > .shade,
.video-wrap > .dim,
.video-wrap > .fade,
.video-wrap > .gradient,
.video-panel > .overlay,
.video-panel > .video-overlay,
.video-panel > .player-overlay,
.video-panel > .stream-overlay,
.video-panel > .shade,
.video-panel > .dim,
.video-panel > .fade,
.video-panel > .gradient,
.stream-player-card > .overlay,
.stream-player-card > .video-overlay,
.stream-player-card > .player-overlay,
.stream-player-card > .stream-overlay,
.stream-player-card > .shade,
.stream-player-card > .dim,
.stream-player-card > .fade,
.stream-player-card > .gradient {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* Kill pseudo-element darkness even if old CSS uses ::before/after */
.watch-player::before,
.watch-player::after,
.player-shell::before,
.player-shell::after,
.player-wrap::before,
.player-wrap::after,
.stream-player::before,
.stream-player::after,
.video-wrap::before,
.video-wrap::after,
.video-panel::before,
.video-panel::after,
.stream-player-card::before,
.stream-player-card::after,
.live-player::before,
.live-player::after,
.player-frame::before,
.player-frame::after,
.sts-video-player::before,
.sts-video-player::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  pointer-events: none !important;
}

/* Preserve useful UI */
.sts-player-enhance,
.sts-player-enhance *,
.live-badge,
.viewer-badge,
.viewer-count,
.highlights-badge,
.player-badge,
.player-top,
.player-meta,
.player-controls,
.video-controls,
.watch-player-controls,
.sts-player-controls,
.stream-actions,
.player-actions {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* The control container should not create the large dark rectangle */
.sts-player-enhance {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Make buttons themselves readable */
.sts-player-btn,
.sts-player-enhance .sts-player-btn {
  background: rgba(15,23,42,.78) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}

/* Emergency: brighten only the media area slightly if an unavoidable external/native overlay remains */
.watch-player video,
.player-shell video,
.player-wrap video,
.stream-player video,
.video-wrap video,
.video-panel video,
.stream-player-card video {
  brightness: 1 !important;
}



/* STS v5.6.116 - FINAL player dim fix */

/* Keep the actual media bright */
.watch-player video,
.player-shell video,
.player-wrap video,
.stream-player video,
.video-wrap video,
.video-panel video,
.stream-player-card video,
.live-player video,
.player-frame video,
.sts-video-player video,
.watch-player iframe,
.player-shell iframe,
.player-wrap iframe,
.stream-player iframe,
.video-wrap iframe,
.video-panel iframe,
.stream-player-card iframe,
.live-player iframe,
.player-frame iframe,
.sts-video-player iframe {
  opacity: 1 !important;
  filter: brightness(1) contrast(1) saturate(1) !important;
  mix-blend-mode: normal !important;
}

/* The player wrappers themselves must not dim children */
.watch-player,
.player-shell,
.player-wrap,
.stream-player,
.video-wrap,
.video-panel,
.stream-player-card,
.live-player,
.player-frame,
.sts-video-player {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  isolation: isolate !important;
}

/* Remove pseudo overlays/fades from any player shell */
.watch-player::before,
.watch-player::after,
.player-shell::before,
.player-shell::after,
.player-wrap::before,
.player-wrap::after,
.stream-player::before,
.stream-player::after,
.video-wrap::before,
.video-wrap::after,
.video-panel::before,
.video-panel::after,
.stream-player-card::before,
.stream-player-card::after,
.live-player::before,
.live-player::after,
.player-frame::before,
.player-frame::after,
.sts-video-player::before,
.sts-video-player::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Remove named dim/fade/gradient layers */
.player-gradient,
.bottom-gradient,
.player-bottom-gradient,
.video-gradient,
.player-dim,
.video-dim,
.stream-dim,
.player-shade,
.video-shade,
.stream-shade,
.player-overlay-dark,
.video-overlay-dark,
.stream-overlay-dark,
.player-vignette,
.video-vignette,
.stream-vignette,
.watch-vignette,
.player-fade,
.video-fade,
.stream-fade,
.watch-fade,
.player-bottom-fade,
.video-bottom-fade,
.stream-bottom-fade,
.watch-bottom-fade,
.overlay-dim,
.overlay-dark,
.watch-player-dim,
.player-blackout,
.video-blackout {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* Any full-size absolute overlay directly inside the player that is NOT a control/badge is hidden */
.watch-player > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.player-shell > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.player-wrap > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.stream-player > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.video-wrap > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.video-panel > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.stream-player-card > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge) {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* The custom control bar must never darken the whole player */
.sts-player-enhance {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Auto-hide actual player controls */
.sts-player-enhance {
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
}
.sts-player-enhance.sts-player-enhance-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px) !important;
}
.sts-player-enhance.open,
.video-wrap:hover .sts-player-enhance,
.stream-player:hover .sts-player-enhance,
.player-wrap:hover .sts-player-enhance,
.watch-player:hover .sts-player-enhance,
.video-panel:hover .sts-player-enhance,
.player-shell:hover .sts-player-enhance,
.stream-player-card:hover .sts-player-enhance {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

/* Keep buttons readable without a full dark rectangle */
.sts-player-btn,
.sts-player-enhance .sts-player-btn {
  background: rgba(15,23,42,.78) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}


.sts-compact-count,.sts-compact-count span{display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}


/* ===== public/css/sts-clips.css ===== */
/* STS Clips */
.clips-page,.clip-watch-page,.dashboard-clips-page{padding:24px;max-width:1400px;margin:0 auto}.clips-hero{border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(145,71,255,.2),rgba(75,255,22,.08),rgba(8,12,18,.92));border-radius:22px;padding:28px;margin-bottom:22px}.clips-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(75,255,22,.12);border:1px solid rgba(75,255,22,.25);color:#75ff45;font-size:12px;font-weight:1000;letter-spacing:.14em}.clips-hero h1{margin:12px 0 6px;font-size:42px}.clips-hero p{margin:0;color:#b8c2cf}.clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.clip-card{color:#fff;text-decoration:none;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#101722;transition:.18s}.clip-card:hover{transform:translateY(-3px);border-color:rgba(145,71,255,.45)}.clip-thumb{height:146px;position:relative;background:#05080d;overflow:hidden}.clip-thumb video{width:100%;height:100%;object-fit:cover}.clip-thumb b{position:absolute;left:10px;top:10px;padding:5px 8px;border-radius:8px;background:rgba(0,0,0,.72)}.clip-processing{width:100%;height:100%;display:grid;place-items:center;color:#75ff45;font-size:36px;background:radial-gradient(circle at center,rgba(145,71,255,.24),transparent 50%),#080d13}.clip-processing span{display:block;font-size:12px;color:#dfe7ee;text-transform:uppercase;letter-spacing:.12em}.clip-card-body{padding:13px}.clip-card-body strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-card-body span{display:block;margin-top:5px;color:#9aa4b2;font-size:13px}.clips-empty{grid-column:1/-1;border:1px dashed rgba(255,255,255,.14);border-radius:18px;padding:30px;color:#cbd3df;background:rgba(255,255,255,.03)}.clip-watch-main{max-width:1000px;margin:0 auto}.clip-player-card{background:#030508;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden}.clip-player-card video{width:100%;display:block;max-height:70vh;background:#000}.clip-not-ready{min-height:420px;display:grid;place-items:center;text-align:center;padding:30px}.clip-not-ready b{font-size:60px;color:#75ff45}.clip-info{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 0}.clip-info h1{margin:0 0 6px}.clip-info p{margin:0;color:#a8b3c1}.clip-info a{color:#b65cff}.clip-actions{display:flex;gap:10px}.clip-actions button,.clip-actions a,.dash-clip-edit button,.dash-clip-edit a,.dash-clip-row .danger{border:1px solid rgba(255,255,255,.12);background:#141d28;color:#fff;padding:10px 13px;border-radius:11px;font-weight:900;text-decoration:none;cursor:pointer}.clip-actions button,.dash-clip-edit button{background:linear-gradient(135deg,#9147ff,#b847ff)}.clip-description{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#101722;padding:16px}.dash-clip-list{display:grid;gap:14px}.dash-clip-row{display:grid;grid-template-columns:220px 1fr auto;gap:14px;align-items:start;border:1px solid rgba(255,255,255,.08);background:#101722;padding:14px;border-radius:16px}.dash-clip-thumb{height:124px;border-radius:12px;overflow:hidden;background:#05080d;color:#75ff45;display:grid;place-items:center;text-decoration:none}.dash-clip-thumb video{width:100%;height:100%;object-fit:cover}.dash-clip-edit{display:grid;gap:8px}.dash-clip-edit input,.dash-clip-edit textarea{width:100%;border:1px solid rgba(255,255,255,.1);background:#0b1118;color:#fff;border-radius:10px;padding:10px}.dash-clip-edit textarea{min-height:70px;resize:vertical}.dash-clip-edit small{color:#9aa4b2}.dash-clip-edit div{display:flex;gap:8px;flex-wrap:wrap}.dash-clip-row .danger{background:#39111d;color:#ff92ab}.sts-chat-clip-btn{height:24px;border:1px solid rgba(255,255,255,.12);background:rgba(145,71,255,.22);color:#fff;border-radius:8px;padding:0 8px;font-size:11px;font-weight:900;cursor:pointer}.sts-chat-clip-btn:hover{background:rgba(145,71,255,.38)}@media(max-width:760px){.clips-page,.clip-watch-page,.dashboard-clips-page{padding:12px}.clips-hero h1{font-size:30px}.dash-clip-row{grid-template-columns:1fr}}

/* STS v5.6.114 - Player brightness / bottom dark overlay final fix */

/* Force the real player/video layers to stay bright */
.video-wrap,
.stream-player,
.player-wrap,
.watch-player,
.video-panel,
.player-shell,
.stream-player-card,
.sts-video-player,
.live-player,
.player-frame {
  background: #000 !important;
  isolation: isolate !important;
}

.video-wrap video,
.stream-player video,
.player-wrap video,
.watch-player video,
.video-panel video,
.player-shell video,
.stream-player-card video,
.sts-video-player video,
.live-player video,
.player-frame video,
.video-wrap img,
.stream-player img,
.player-wrap img,
.watch-player img,
.video-panel img,
.player-shell img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* Disable dark gradient pseudo overlays on the player shell */
.video-wrap::before,
.video-wrap::after,
.stream-player::before,
.stream-player::after,
.player-wrap::before,
.player-wrap::after,
.watch-player::before,
.watch-player::after,
.video-panel::before,
.video-panel::after,
.player-shell::before,
.player-shell::after,
.stream-player-card::before,
.stream-player-card::after,
.sts-video-player::before,
.sts-video-player::after,
.live-player::before,
.live-player::after,
.player-frame::before,
.player-frame::after {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  display: none !important;
  pointer-events: none !important;
  content: none !important;
}

/* Remove known dark overlay layers but keep buttons/badges visible */
.player-gradient,
.bottom-gradient,
.player-bottom-gradient,
.video-gradient,
.player-dim,
.video-dim,
.stream-dim,
.player-shade,
.video-shade,
.stream-shade,
.player-overlay-dark,
.video-overlay-dark,
.stream-overlay-dark,
.player-vignette,
.video-vignette,
.stream-vignette,
.watch-vignette,
.player-fade,
.video-fade,
.stream-fade,
.watch-fade,
.player-bottom-fade,
.video-bottom-fade,
.stream-bottom-fade,
.watch-bottom-fade {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* If the controls wrapper itself had a big dark background, remove only the background */
.sts-player-enhance {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Keep the actual control buttons readable without dimming the whole video */
.sts-player-enhance .sts-player-btn,
.sts-player-btn {
  background: rgba(15, 23, 42, .72) !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.25) !important;
}

/* Make sure the custom player controls sit above video but do not create a full overlay */
.sts-player-enhance {
  position: absolute !important;
  z-index: 15 !important;
  pointer-events: auto !important;
}

/* Native video controls can add a bottom shade in some browsers; keep custom controls clean */
video::-webkit-media-controls-panel {
  background: transparent !important;
}



/* STS v5.6.115 - Remove full-player dim overlay but keep controls */

/* Player containers should not dim their children */
.watch-player,
.player-shell,
.player-wrap,
.stream-player,
.video-wrap,
.video-panel,
.stream-player-card,
.live-player,
.player-frame,
.sts-video-player {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-color: #000 !important;
}

/* Video/image itself stays untouched and bright */
.watch-player video,
.player-shell video,
.player-wrap video,
.stream-player video,
.video-wrap video,
.video-panel video,
.stream-player-card video,
.live-player video,
.player-frame video,
.sts-video-player video,
.watch-player iframe,
.player-shell iframe,
.player-wrap iframe,
.stream-player iframe,
.video-wrap iframe,
.video-panel iframe,
.stream-player-card iframe,
.live-player iframe,
.player-frame iframe,
.sts-video-player iframe {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Hide broad overlay/fade layers inside player that darken the video */
.watch-player > .overlay,
.watch-player > .video-overlay,
.watch-player > .player-overlay,
.watch-player > .stream-overlay,
.watch-player > .shade,
.watch-player > .dim,
.watch-player > .fade,
.watch-player > .gradient,
.player-shell > .overlay,
.player-shell > .video-overlay,
.player-shell > .player-overlay,
.player-shell > .stream-overlay,
.player-shell > .shade,
.player-shell > .dim,
.player-shell > .fade,
.player-shell > .gradient,
.player-wrap > .overlay,
.player-wrap > .video-overlay,
.player-wrap > .player-overlay,
.player-wrap > .stream-overlay,
.player-wrap > .shade,
.player-wrap > .dim,
.player-wrap > .fade,
.player-wrap > .gradient,
.stream-player > .overlay,
.stream-player > .video-overlay,
.stream-player > .player-overlay,
.stream-player > .stream-overlay,
.stream-player > .shade,
.stream-player > .dim,
.stream-player > .fade,
.stream-player > .gradient,
.video-wrap > .overlay,
.video-wrap > .video-overlay,
.video-wrap > .player-overlay,
.video-wrap > .stream-overlay,
.video-wrap > .shade,
.video-wrap > .dim,
.video-wrap > .fade,
.video-wrap > .gradient,
.video-panel > .overlay,
.video-panel > .video-overlay,
.video-panel > .player-overlay,
.video-panel > .stream-overlay,
.video-panel > .shade,
.video-panel > .dim,
.video-panel > .fade,
.video-panel > .gradient,
.stream-player-card > .overlay,
.stream-player-card > .video-overlay,
.stream-player-card > .player-overlay,
.stream-player-card > .stream-overlay,
.stream-player-card > .shade,
.stream-player-card > .dim,
.stream-player-card > .fade,
.stream-player-card > .gradient {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* Kill pseudo-element darkness even if old CSS uses ::before/after */
.watch-player::before,
.watch-player::after,
.player-shell::before,
.player-shell::after,
.player-wrap::before,
.player-wrap::after,
.stream-player::before,
.stream-player::after,
.video-wrap::before,
.video-wrap::after,
.video-panel::before,
.video-panel::after,
.stream-player-card::before,
.stream-player-card::after,
.live-player::before,
.live-player::after,
.player-frame::before,
.player-frame::after,
.sts-video-player::before,
.sts-video-player::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  pointer-events: none !important;
}

/* Preserve useful UI */
.sts-player-enhance,
.sts-player-enhance *,
.live-badge,
.viewer-badge,
.viewer-count,
.highlights-badge,
.player-badge,
.player-top,
.player-meta,
.player-controls,
.video-controls,
.watch-player-controls,
.sts-player-controls,
.stream-actions,
.player-actions {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* The control container should not create the large dark rectangle */
.sts-player-enhance {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Make buttons themselves readable */
.sts-player-btn,
.sts-player-enhance .sts-player-btn {
  background: rgba(15,23,42,.78) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}

/* Emergency: brighten only the media area slightly if an unavoidable external/native overlay remains */
.watch-player video,
.player-shell video,
.player-wrap video,
.stream-player video,
.video-wrap video,
.video-panel video,
.stream-player-card video {
  brightness: 1 !important;
}



/* STS v5.6.116 - FINAL player dim fix */

/* Keep the actual media bright */
.watch-player video,
.player-shell video,
.player-wrap video,
.stream-player video,
.video-wrap video,
.video-panel video,
.stream-player-card video,
.live-player video,
.player-frame video,
.sts-video-player video,
.watch-player iframe,
.player-shell iframe,
.player-wrap iframe,
.stream-player iframe,
.video-wrap iframe,
.video-panel iframe,
.stream-player-card iframe,
.live-player iframe,
.player-frame iframe,
.sts-video-player iframe {
  opacity: 1 !important;
  filter: brightness(1) contrast(1) saturate(1) !important;
  mix-blend-mode: normal !important;
}

/* The player wrappers themselves must not dim children */
.watch-player,
.player-shell,
.player-wrap,
.stream-player,
.video-wrap,
.video-panel,
.stream-player-card,
.live-player,
.player-frame,
.sts-video-player {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  isolation: isolate !important;
}

/* Remove pseudo overlays/fades from any player shell */
.watch-player::before,
.watch-player::after,
.player-shell::before,
.player-shell::after,
.player-wrap::before,
.player-wrap::after,
.stream-player::before,
.stream-player::after,
.video-wrap::before,
.video-wrap::after,
.video-panel::before,
.video-panel::after,
.stream-player-card::before,
.stream-player-card::after,
.live-player::before,
.live-player::after,
.player-frame::before,
.player-frame::after,
.sts-video-player::before,
.sts-video-player::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Remove named dim/fade/gradient layers */
.player-gradient,
.bottom-gradient,
.player-bottom-gradient,
.video-gradient,
.player-dim,
.video-dim,
.stream-dim,
.player-shade,
.video-shade,
.stream-shade,
.player-overlay-dark,
.video-overlay-dark,
.stream-overlay-dark,
.player-vignette,
.video-vignette,
.stream-vignette,
.watch-vignette,
.player-fade,
.video-fade,
.stream-fade,
.watch-fade,
.player-bottom-fade,
.video-bottom-fade,
.stream-bottom-fade,
.watch-bottom-fade,
.overlay-dim,
.overlay-dark,
.watch-player-dim,
.player-blackout,
.video-blackout {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* Any full-size absolute overlay directly inside the player that is NOT a control/badge is hidden */
.watch-player > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.player-shell > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.player-wrap > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.stream-player > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.video-wrap > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.video-panel > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.stream-player-card > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge) {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* The custom control bar must never darken the whole player */
.sts-player-enhance {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Auto-hide actual player controls */
.sts-player-enhance {
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
}
.sts-player-enhance.sts-player-enhance-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px) !important;
}
.sts-player-enhance.open,
.video-wrap:hover .sts-player-enhance,
.stream-player:hover .sts-player-enhance,
.player-wrap:hover .sts-player-enhance,
.watch-player:hover .sts-player-enhance,
.video-panel:hover .sts-player-enhance,
.player-shell:hover .sts-player-enhance,
.stream-player-card:hover .sts-player-enhance {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

/* Keep buttons readable without a full dark rectangle */
.sts-player-btn,
.sts-player-enhance .sts-player-btn {
  background: rgba(15,23,42,.78) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}


.sts-compact-count,.sts-compact-count span{display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}


/* ===== public/css/sts-paypal.css ===== */
.sts-paypal-support{margin:18px 0;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(145,71,255,.16),rgba(75,255,22,.07),rgba(12,18,25,.92))}.sts-paypal-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:14px}.sts-paypal-head span{font-size:18px;font-weight:1000}.sts-paypal-head small{color:#9aa4b2}.sts-paypal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sts-paypal-card{display:grid;gap:10px;border:1px solid rgba(255,255,255,.08);background:rgba(7,10,15,.62);border-radius:16px;padding:14px}.sts-paypal-card strong{font-size:16px}.sts-tip-buttons{display:flex;flex-wrap:wrap;gap:8px}.sts-tip-buttons label{cursor:pointer;border:1px solid rgba(255,255,255,.11);background:#111923;color:#fff;border-radius:999px;padding:8px 11px;font-weight:900}.sts-paypal-card input[name="message"],.sts-paypal-card select{width:100%;border:1px solid rgba(255,255,255,.11);background:#0b1118;color:#fff;border-radius:11px;padding:11px 12px}.sts-paypal-card p{color:#b9c3d0;margin:0}.sts-paypal-card button{border:0;border-radius:12px;background:linear-gradient(135deg,#0070ba,#003087);color:#fff;font-weight:1000;padding:12px 14px;cursor:pointer}.dashboard-paypal-page{padding:24px;max-width:1300px;margin:0 auto}.paypal-hero{border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(0,112,186,.25),rgba(145,71,255,.16),rgba(8,12,18,.94));border-radius:22px;padding:28px;margin-bottom:20px}.paypal-hero span{color:#75ff45;font-weight:1000;letter-spacing:.12em;font-size:12px}.paypal-hero h1{margin:10px 0 6px}.paypal-warning{margin-top:12px;background:#3a2410;border:1px solid rgba(255,183,77,.35);color:#ffd69a;padding:12px;border-radius:12px}.paypal-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.paypal-stats-grid article,.paypal-panel{border:1px solid rgba(255,255,255,.08);background:#101722;border-radius:16px;padding:16px}.paypal-stats-grid strong{display:block;font-size:28px}.paypal-stats-grid span,.paypal-row small,.paypal-row span{color:#9aa4b2}.paypal-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.paypal-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.paypal-row b,.paypal-row small{display:block}@media(max-width:800px){.sts-paypal-grid,.paypal-columns,.paypal-stats-grid{grid-template-columns:1fr}.sts-paypal-head{display:block}}
/* STS v5.6.87 Streamer PayPal Settings */
.paypal-settings-form{
  display:grid;
  gap:16px;
}
.paypal-toggle{
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(255,255,255,.08);
  background:#101722;
  border-radius:16px;
  padding:16px;
  font-weight:1000;
}
.paypal-toggle input{
  width:22px;
  height:22px;
}
.paypal-settings-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.paypal-settings-card{
  border:1px solid rgba(255,255,255,.08);
  background:#101722;
  border-radius:16px;
  padding:18px;
  display:grid;
  gap:10px;
}
.paypal-settings-card h2{
  margin:0;
}
.paypal-settings-card p{
  color:#9aa4b2;
  margin:0 0 8px;
}
.paypal-settings-card label{
  font-weight:900;
  color:#dfe7ee;
}
.paypal-settings-card input{
  width:100%;
  border:1px solid rgba(255,255,255,.11);
  background:#0b1118;
  color:#fff;
  border-radius:11px;
  padding:12px;
}
.paypal-settings-note{
  border:1px solid rgba(75,255,22,.18);
  background:rgba(75,255,22,.07);
  color:#dfffd8;
  border-radius:14px;
  padding:14px;
  display:grid;
  gap:4px;
}
.paypal-save-btn{
  justify-self:start;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#9147ff,#b847ff);
  color:#fff;
  font-weight:1000;
  padding:13px 18px;
  cursor:pointer;
}
.sts-paypal-card button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.paypal-settings-link-warning{
  color:#ffd69a !important;
}
@media(max-width:800px){
  .paypal-settings-grid{
    grid-template-columns:1fr;
  }
}

/* STS v5.6.88 Dashboard PayPal Links */
.dashboard-paypal-quick-card{
  border-color:rgba(0,112,186,.35) !important;
  background:linear-gradient(135deg,rgba(0,112,186,.18),rgba(145,71,255,.12),rgba(12,18,25,.94)) !important;
}
.paypal-dashboard-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:14px 0;
}
.paypal-mini-notes{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.paypal-mini-notes span{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(7,10,15,.45);
  border-radius:12px;
  padding:11px;
  color:#cbd3df;
  font-size:13px;
}
@media(max-width:800px){
  .paypal-mini-notes{
    grid-template-columns:1fr;
  }
}

/* STS v5.6.90 PayPal Subscriber Chat Badges */
.creator-badge.badge-paypal-sub-tier1{
  background:linear-gradient(135deg,#ffd84d,#ff9f1a) !important;
  color:#1b1200 !important;
  border-color:rgba(255,216,77,.55) !important;
}
.creator-badge.badge-paypal-sub-tier2{
  background:linear-gradient(135deg,#8ee7ff,#8b5cf6) !important;
  color:#070a12 !important;
  border-color:rgba(142,231,255,.55) !important;
}
.creator-badge.badge-paypal-sub-tier3{
  background:linear-gradient(135deg,#ffd84d,#ff5bd5,#9147ff) !important;
  color:#120612 !important;
  border-color:rgba(255,216,77,.65) !important;
}
.badge-row.compact .creator-badge.badge-paypal-sub-tier1 .badge-label,
.badge-row.compact .creator-badge.badge-paypal-sub-tier2 .badge-label,
.badge-row.compact .creator-badge.badge-paypal-sub-tier3 .badge-label{
  display:none !important;
}

.paypal-manual-sub{
  margin-bottom:16px;
}
.paypal-manual-form{
  display:grid;
  grid-template-columns:1fr 220px auto;
  gap:10px;
}
.paypal-manual-form input,
.paypal-manual-form select{
  border:1px solid rgba(255,255,255,.11);
  background:#0b1118;
  color:#fff;
  border-radius:11px;
  padding:11px 12px;
}
.paypal-manual-form button{
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#9147ff,#b847ff);
  color:#fff;
  font-weight:1000;
  padding:11px 14px;
}
@media(max-width:800px){
  .paypal-manual-form{grid-template-columns:1fr}
}

/* v5.6.91 paid-only note: subscriber badges require ACTIVE/COMPLETED/PAID status */


/* STS v5.6.114 - Player brightness / bottom dark overlay final fix */

/* Force the real player/video layers to stay bright */
.video-wrap,
.stream-player,
.player-wrap,
.watch-player,
.video-panel,
.player-shell,
.stream-player-card,
.sts-video-player,
.live-player,
.player-frame {
  background: #000 !important;
  isolation: isolate !important;
}

.video-wrap video,
.stream-player video,
.player-wrap video,
.watch-player video,
.video-panel video,
.player-shell video,
.stream-player-card video,
.sts-video-player video,
.live-player video,
.player-frame video,
.video-wrap img,
.stream-player img,
.player-wrap img,
.watch-player img,
.video-panel img,
.player-shell img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* Disable dark gradient pseudo overlays on the player shell */
.video-wrap::before,
.video-wrap::after,
.stream-player::before,
.stream-player::after,
.player-wrap::before,
.player-wrap::after,
.watch-player::before,
.watch-player::after,
.video-panel::before,
.video-panel::after,
.player-shell::before,
.player-shell::after,
.stream-player-card::before,
.stream-player-card::after,
.sts-video-player::before,
.sts-video-player::after,
.live-player::before,
.live-player::after,
.player-frame::before,
.player-frame::after {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  display: none !important;
  pointer-events: none !important;
  content: none !important;
}

/* Remove known dark overlay layers but keep buttons/badges visible */
.player-gradient,
.bottom-gradient,
.player-bottom-gradient,
.video-gradient,
.player-dim,
.video-dim,
.stream-dim,
.player-shade,
.video-shade,
.stream-shade,
.player-overlay-dark,
.video-overlay-dark,
.stream-overlay-dark,
.player-vignette,
.video-vignette,
.stream-vignette,
.watch-vignette,
.player-fade,
.video-fade,
.stream-fade,
.watch-fade,
.player-bottom-fade,
.video-bottom-fade,
.stream-bottom-fade,
.watch-bottom-fade {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* If the controls wrapper itself had a big dark background, remove only the background */
.sts-player-enhance {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Keep the actual control buttons readable without dimming the whole video */
.sts-player-enhance .sts-player-btn,
.sts-player-btn {
  background: rgba(15, 23, 42, .72) !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.25) !important;
}

/* Make sure the custom player controls sit above video but do not create a full overlay */
.sts-player-enhance {
  position: absolute !important;
  z-index: 15 !important;
  pointer-events: auto !important;
}

/* Native video controls can add a bottom shade in some browsers; keep custom controls clean */
video::-webkit-media-controls-panel {
  background: transparent !important;
}



/* STS v5.6.115 - Remove full-player dim overlay but keep controls */

/* Player containers should not dim their children */
.watch-player,
.player-shell,
.player-wrap,
.stream-player,
.video-wrap,
.video-panel,
.stream-player-card,
.live-player,
.player-frame,
.sts-video-player {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-color: #000 !important;
}

/* Video/image itself stays untouched and bright */
.watch-player video,
.player-shell video,
.player-wrap video,
.stream-player video,
.video-wrap video,
.video-panel video,
.stream-player-card video,
.live-player video,
.player-frame video,
.sts-video-player video,
.watch-player iframe,
.player-shell iframe,
.player-wrap iframe,
.stream-player iframe,
.video-wrap iframe,
.video-panel iframe,
.stream-player-card iframe,
.live-player iframe,
.player-frame iframe,
.sts-video-player iframe {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Hide broad overlay/fade layers inside player that darken the video */
.watch-player > .overlay,
.watch-player > .video-overlay,
.watch-player > .player-overlay,
.watch-player > .stream-overlay,
.watch-player > .shade,
.watch-player > .dim,
.watch-player > .fade,
.watch-player > .gradient,
.player-shell > .overlay,
.player-shell > .video-overlay,
.player-shell > .player-overlay,
.player-shell > .stream-overlay,
.player-shell > .shade,
.player-shell > .dim,
.player-shell > .fade,
.player-shell > .gradient,
.player-wrap > .overlay,
.player-wrap > .video-overlay,
.player-wrap > .player-overlay,
.player-wrap > .stream-overlay,
.player-wrap > .shade,
.player-wrap > .dim,
.player-wrap > .fade,
.player-wrap > .gradient,
.stream-player > .overlay,
.stream-player > .video-overlay,
.stream-player > .player-overlay,
.stream-player > .stream-overlay,
.stream-player > .shade,
.stream-player > .dim,
.stream-player > .fade,
.stream-player > .gradient,
.video-wrap > .overlay,
.video-wrap > .video-overlay,
.video-wrap > .player-overlay,
.video-wrap > .stream-overlay,
.video-wrap > .shade,
.video-wrap > .dim,
.video-wrap > .fade,
.video-wrap > .gradient,
.video-panel > .overlay,
.video-panel > .video-overlay,
.video-panel > .player-overlay,
.video-panel > .stream-overlay,
.video-panel > .shade,
.video-panel > .dim,
.video-panel > .fade,
.video-panel > .gradient,
.stream-player-card > .overlay,
.stream-player-card > .video-overlay,
.stream-player-card > .player-overlay,
.stream-player-card > .stream-overlay,
.stream-player-card > .shade,
.stream-player-card > .dim,
.stream-player-card > .fade,
.stream-player-card > .gradient {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* Kill pseudo-element darkness even if old CSS uses ::before/after */
.watch-player::before,
.watch-player::after,
.player-shell::before,
.player-shell::after,
.player-wrap::before,
.player-wrap::after,
.stream-player::before,
.stream-player::after,
.video-wrap::before,
.video-wrap::after,
.video-panel::before,
.video-panel::after,
.stream-player-card::before,
.stream-player-card::after,
.live-player::before,
.live-player::after,
.player-frame::before,
.player-frame::after,
.sts-video-player::before,
.sts-video-player::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  pointer-events: none !important;
}

/* Preserve useful UI */
.sts-player-enhance,
.sts-player-enhance *,
.live-badge,
.viewer-badge,
.viewer-count,
.highlights-badge,
.player-badge,
.player-top,
.player-meta,
.player-controls,
.video-controls,
.watch-player-controls,
.sts-player-controls,
.stream-actions,
.player-actions {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* The control container should not create the large dark rectangle */
.sts-player-enhance {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Make buttons themselves readable */
.sts-player-btn,
.sts-player-enhance .sts-player-btn {
  background: rgba(15,23,42,.78) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}

/* Emergency: brighten only the media area slightly if an unavoidable external/native overlay remains */
.watch-player video,
.player-shell video,
.player-wrap video,
.stream-player video,
.video-wrap video,
.video-panel video,
.stream-player-card video {
  brightness: 1 !important;
}



/* STS v5.6.116 - FINAL player dim fix */

/* Keep the actual media bright */
.watch-player video,
.player-shell video,
.player-wrap video,
.stream-player video,
.video-wrap video,
.video-panel video,
.stream-player-card video,
.live-player video,
.player-frame video,
.sts-video-player video,
.watch-player iframe,
.player-shell iframe,
.player-wrap iframe,
.stream-player iframe,
.video-wrap iframe,
.video-panel iframe,
.stream-player-card iframe,
.live-player iframe,
.player-frame iframe,
.sts-video-player iframe {
  opacity: 1 !important;
  filter: brightness(1) contrast(1) saturate(1) !important;
  mix-blend-mode: normal !important;
}

/* The player wrappers themselves must not dim children */
.watch-player,
.player-shell,
.player-wrap,
.stream-player,
.video-wrap,
.video-panel,
.stream-player-card,
.live-player,
.player-frame,
.sts-video-player {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  isolation: isolate !important;
}

/* Remove pseudo overlays/fades from any player shell */
.watch-player::before,
.watch-player::after,
.player-shell::before,
.player-shell::after,
.player-wrap::before,
.player-wrap::after,
.stream-player::before,
.stream-player::after,
.video-wrap::before,
.video-wrap::after,
.video-panel::before,
.video-panel::after,
.stream-player-card::before,
.stream-player-card::after,
.live-player::before,
.live-player::after,
.player-frame::before,
.player-frame::after,
.sts-video-player::before,
.sts-video-player::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Remove named dim/fade/gradient layers */
.player-gradient,
.bottom-gradient,
.player-bottom-gradient,
.video-gradient,
.player-dim,
.video-dim,
.stream-dim,
.player-shade,
.video-shade,
.stream-shade,
.player-overlay-dark,
.video-overlay-dark,
.stream-overlay-dark,
.player-vignette,
.video-vignette,
.stream-vignette,
.watch-vignette,
.player-fade,
.video-fade,
.stream-fade,
.watch-fade,
.player-bottom-fade,
.video-bottom-fade,
.stream-bottom-fade,
.watch-bottom-fade,
.overlay-dim,
.overlay-dark,
.watch-player-dim,
.player-blackout,
.video-blackout {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* Any full-size absolute overlay directly inside the player that is NOT a control/badge is hidden */
.watch-player > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.player-shell > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.player-wrap > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.stream-player > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.video-wrap > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.video-panel > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.stream-player-card > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge) {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* The custom control bar must never darken the whole player */
.sts-player-enhance {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Auto-hide actual player controls */
.sts-player-enhance {
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
}
.sts-player-enhance.sts-player-enhance-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px) !important;
}
.sts-player-enhance.open,
.video-wrap:hover .sts-player-enhance,
.stream-player:hover .sts-player-enhance,
.player-wrap:hover .sts-player-enhance,
.watch-player:hover .sts-player-enhance,
.video-panel:hover .sts-player-enhance,
.player-shell:hover .sts-player-enhance,
.stream-player-card:hover .sts-player-enhance {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

/* Keep buttons readable without a full dark rectangle */
.sts-player-btn,
.sts-player-enhance .sts-player-btn {
  background: rgba(15,23,42,.78) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}


.sts-compact-count,.sts-compact-count span{display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}


/* ===== public/css/sts-v93-cleanup.css ===== */
/* STS v5.6.93 cleanup */
.sts-following-nav,
.sts-player-widgets,
.sts-player-widget,
.following-dropdown,
.following-btn,
.top-supporters,
.sts-coin-goal,
.coin-goal-widget,
.support-widget {
  display: none !important;
}

/* Give search/profile area room after removing following */
.sts-nav-search {
  margin-left: auto !important;
}

/* Keep player clean */
.v53-player {
  isolation: isolate;
}


/* STS v5.6.95 - Search popup + sidebar/header alignment fix */
html body.streamx-v5.twitch-v53 .page.v5-page{
  padding:0!important;
  margin:0!important;
  max-width:none!important;
  width:100%!important;
  background:transparent!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-home{
  margin-top:0!important;
  padding-top:0!important;
  align-items:start!important;
  border-top:0!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar{
  margin-top:0!important;
  padding-top:24px!important;
  top:0!important;
  align-self:start!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-title button,
html body.streamx-v5.twitch-v53 .sts-tv-sidebar button,
.sidebar-toggle,
#sidebarToggle,
.side-collapse,
.sidebar-collapse,
.left-sidebar-toggle{
  display:none!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar::before,
html body.streamx-v5.twitch-v53 .sts-tv-home::before,
html body.streamx-v5.twitch-v53 .page.v5-page::before{
  display:none!important;
  content:none!important;
}

html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search{
  position:relative!important;
  overflow:visible!important;
  z-index:9999!important;
}

html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search input{
  position:relative!important;
  z-index:2!important;
}

.sts-search-results{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  background:#080b10;
  border:1px solid rgba(75,255,22,.42);
  box-shadow:0 18px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04) inset;
  border-radius:14px;
  padding:8px;
  z-index:10000;
  min-width:360px;
  max-height:390px;
  overflow:auto;
}

.sts-search-results.open{display:block;}

.sts-search-item{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px;
  color:#fff!important;
  text-decoration:none!important;
  border-radius:11px;
}

.sts-search-item:hover{background:rgba(75,255,22,.12);}
.sts-search-item img{width:42px;height:42px;border-radius:999px;object-fit:cover;background:#111827;}
.sts-search-item b{display:block;font-size:14px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sts-search-item small{display:block;color:#b6c2cf;font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sts-search-item em{font-style:normal;font-size:10px;font-weight:900;color:#051006;background:#4bff16;border-radius:999px;padding:5px 7px;}
.sts-search-item i{font-style:normal;font-size:11px;color:#8ea0b5;}
.sts-search-empty{padding:13px 14px;color:#d9e2ef;font-size:14px;}

@media(max-width:900px){
  .sts-search-results{min-width:0;left:-10px;right:-10px;}
}


/* STS v5.6.114 - Player brightness / bottom dark overlay final fix */

/* Force the real player/video layers to stay bright */
.video-wrap,
.stream-player,
.player-wrap,
.watch-player,
.video-panel,
.player-shell,
.stream-player-card,
.sts-video-player,
.live-player,
.player-frame {
  background: #000 !important;
  isolation: isolate !important;
}

.video-wrap video,
.stream-player video,
.player-wrap video,
.watch-player video,
.video-panel video,
.player-shell video,
.stream-player-card video,
.sts-video-player video,
.live-player video,
.player-frame video,
.video-wrap img,
.stream-player img,
.player-wrap img,
.watch-player img,
.video-panel img,
.player-shell img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* Disable dark gradient pseudo overlays on the player shell */
.video-wrap::before,
.video-wrap::after,
.stream-player::before,
.stream-player::after,
.player-wrap::before,
.player-wrap::after,
.watch-player::before,
.watch-player::after,
.video-panel::before,
.video-panel::after,
.player-shell::before,
.player-shell::after,
.stream-player-card::before,
.stream-player-card::after,
.sts-video-player::before,
.sts-video-player::after,
.live-player::before,
.live-player::after,
.player-frame::before,
.player-frame::after {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  display: none !important;
  pointer-events: none !important;
  content: none !important;
}

/* Remove known dark overlay layers but keep buttons/badges visible */
.player-gradient,
.bottom-gradient,
.player-bottom-gradient,
.video-gradient,
.player-dim,
.video-dim,
.stream-dim,
.player-shade,
.video-shade,
.stream-shade,
.player-overlay-dark,
.video-overlay-dark,
.stream-overlay-dark,
.player-vignette,
.video-vignette,
.stream-vignette,
.watch-vignette,
.player-fade,
.video-fade,
.stream-fade,
.watch-fade,
.player-bottom-fade,
.video-bottom-fade,
.stream-bottom-fade,
.watch-bottom-fade {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* If the controls wrapper itself had a big dark background, remove only the background */
.sts-player-enhance {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Keep the actual control buttons readable without dimming the whole video */
.sts-player-enhance .sts-player-btn,
.sts-player-btn {
  background: rgba(15, 23, 42, .72) !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.25) !important;
}

/* Make sure the custom player controls sit above video but do not create a full overlay */
.sts-player-enhance {
  position: absolute !important;
  z-index: 15 !important;
  pointer-events: auto !important;
}

/* Native video controls can add a bottom shade in some browsers; keep custom controls clean */
video::-webkit-media-controls-panel {
  background: transparent !important;
}



/* STS v5.6.115 - Remove full-player dim overlay but keep controls */

/* Player containers should not dim their children */
.watch-player,
.player-shell,
.player-wrap,
.stream-player,
.video-wrap,
.video-panel,
.stream-player-card,
.live-player,
.player-frame,
.sts-video-player {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-color: #000 !important;
}

/* Video/image itself stays untouched and bright */
.watch-player video,
.player-shell video,
.player-wrap video,
.stream-player video,
.video-wrap video,
.video-panel video,
.stream-player-card video,
.live-player video,
.player-frame video,
.sts-video-player video,
.watch-player iframe,
.player-shell iframe,
.player-wrap iframe,
.stream-player iframe,
.video-wrap iframe,
.video-panel iframe,
.stream-player-card iframe,
.live-player iframe,
.player-frame iframe,
.sts-video-player iframe {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Hide broad overlay/fade layers inside player that darken the video */
.watch-player > .overlay,
.watch-player > .video-overlay,
.watch-player > .player-overlay,
.watch-player > .stream-overlay,
.watch-player > .shade,
.watch-player > .dim,
.watch-player > .fade,
.watch-player > .gradient,
.player-shell > .overlay,
.player-shell > .video-overlay,
.player-shell > .player-overlay,
.player-shell > .stream-overlay,
.player-shell > .shade,
.player-shell > .dim,
.player-shell > .fade,
.player-shell > .gradient,
.player-wrap > .overlay,
.player-wrap > .video-overlay,
.player-wrap > .player-overlay,
.player-wrap > .stream-overlay,
.player-wrap > .shade,
.player-wrap > .dim,
.player-wrap > .fade,
.player-wrap > .gradient,
.stream-player > .overlay,
.stream-player > .video-overlay,
.stream-player > .player-overlay,
.stream-player > .stream-overlay,
.stream-player > .shade,
.stream-player > .dim,
.stream-player > .fade,
.stream-player > .gradient,
.video-wrap > .overlay,
.video-wrap > .video-overlay,
.video-wrap > .player-overlay,
.video-wrap > .stream-overlay,
.video-wrap > .shade,
.video-wrap > .dim,
.video-wrap > .fade,
.video-wrap > .gradient,
.video-panel > .overlay,
.video-panel > .video-overlay,
.video-panel > .player-overlay,
.video-panel > .stream-overlay,
.video-panel > .shade,
.video-panel > .dim,
.video-panel > .fade,
.video-panel > .gradient,
.stream-player-card > .overlay,
.stream-player-card > .video-overlay,
.stream-player-card > .player-overlay,
.stream-player-card > .stream-overlay,
.stream-player-card > .shade,
.stream-player-card > .dim,
.stream-player-card > .fade,
.stream-player-card > .gradient {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* Kill pseudo-element darkness even if old CSS uses ::before/after */
.watch-player::before,
.watch-player::after,
.player-shell::before,
.player-shell::after,
.player-wrap::before,
.player-wrap::after,
.stream-player::before,
.stream-player::after,
.video-wrap::before,
.video-wrap::after,
.video-panel::before,
.video-panel::after,
.stream-player-card::before,
.stream-player-card::after,
.live-player::before,
.live-player::after,
.player-frame::before,
.player-frame::after,
.sts-video-player::before,
.sts-video-player::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  pointer-events: none !important;
}

/* Preserve useful UI */
.sts-player-enhance,
.sts-player-enhance *,
.live-badge,
.viewer-badge,
.viewer-count,
.highlights-badge,
.player-badge,
.player-top,
.player-meta,
.player-controls,
.video-controls,
.watch-player-controls,
.sts-player-controls,
.stream-actions,
.player-actions {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* The control container should not create the large dark rectangle */
.sts-player-enhance {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Make buttons themselves readable */
.sts-player-btn,
.sts-player-enhance .sts-player-btn {
  background: rgba(15,23,42,.78) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}

/* Emergency: brighten only the media area slightly if an unavoidable external/native overlay remains */
.watch-player video,
.player-shell video,
.player-wrap video,
.stream-player video,
.video-wrap video,
.video-panel video,
.stream-player-card video {
  brightness: 1 !important;
}



/* STS v5.6.116 - FINAL player dim fix */

/* Keep the actual media bright */
.watch-player video,
.player-shell video,
.player-wrap video,
.stream-player video,
.video-wrap video,
.video-panel video,
.stream-player-card video,
.live-player video,
.player-frame video,
.sts-video-player video,
.watch-player iframe,
.player-shell iframe,
.player-wrap iframe,
.stream-player iframe,
.video-wrap iframe,
.video-panel iframe,
.stream-player-card iframe,
.live-player iframe,
.player-frame iframe,
.sts-video-player iframe {
  opacity: 1 !important;
  filter: brightness(1) contrast(1) saturate(1) !important;
  mix-blend-mode: normal !important;
}

/* The player wrappers themselves must not dim children */
.watch-player,
.player-shell,
.player-wrap,
.stream-player,
.video-wrap,
.video-panel,
.stream-player-card,
.live-player,
.player-frame,
.sts-video-player {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  isolation: isolate !important;
}

/* Remove pseudo overlays/fades from any player shell */
.watch-player::before,
.watch-player::after,
.player-shell::before,
.player-shell::after,
.player-wrap::before,
.player-wrap::after,
.stream-player::before,
.stream-player::after,
.video-wrap::before,
.video-wrap::after,
.video-panel::before,
.video-panel::after,
.stream-player-card::before,
.stream-player-card::after,
.live-player::before,
.live-player::after,
.player-frame::before,
.player-frame::after,
.sts-video-player::before,
.sts-video-player::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Remove named dim/fade/gradient layers */
.player-gradient,
.bottom-gradient,
.player-bottom-gradient,
.video-gradient,
.player-dim,
.video-dim,
.stream-dim,
.player-shade,
.video-shade,
.stream-shade,
.player-overlay-dark,
.video-overlay-dark,
.stream-overlay-dark,
.player-vignette,
.video-vignette,
.stream-vignette,
.watch-vignette,
.player-fade,
.video-fade,
.stream-fade,
.watch-fade,
.player-bottom-fade,
.video-bottom-fade,
.stream-bottom-fade,
.watch-bottom-fade,
.overlay-dim,
.overlay-dark,
.watch-player-dim,
.player-blackout,
.video-blackout {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* Any full-size absolute overlay directly inside the player that is NOT a control/badge is hidden */
.watch-player > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.player-shell > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.player-wrap > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.stream-player > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.video-wrap > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.video-panel > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge),
.stream-player-card > [class*="overlay"]:not(.sts-player-enhance):not(.player-controls):not(.video-controls):not(.watch-player-controls):not(.sts-player-controls):not(.stream-actions):not(.player-actions):not(.live-badge):not(.viewer-badge):not(.viewer-count):not(.highlights-badge):not(.player-badge) {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* The custom control bar must never darken the whole player */
.sts-player-enhance {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Auto-hide actual player controls */
.sts-player-enhance {
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
}
.sts-player-enhance.sts-player-enhance-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px) !important;
}
.sts-player-enhance.open,
.video-wrap:hover .sts-player-enhance,
.stream-player:hover .sts-player-enhance,
.player-wrap:hover .sts-player-enhance,
.watch-player:hover .sts-player-enhance,
.video-panel:hover .sts-player-enhance,
.player-shell:hover .sts-player-enhance,
.stream-player-card:hover .sts-player-enhance {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

/* Keep buttons readable without a full dark rectangle */
.sts-player-btn,
.sts-player-enhance .sts-player-btn {
  background: rgba(15,23,42,.78) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}


.sts-compact-count,.sts-compact-count span{display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}


/* STS v5.6.130 - bright player bottom fix
   Removes the black native-control band and keeps the stream image visible. */
.v53-player,
.v53-player.is-live,
.v586-watch-match .v53-player,
html body.streamx-v5.twitch-v53 section.v53-watch.v586-watch-match .v53-player{
  background:#000!important;
  isolation:isolate!important;
}

.v53-player video,
.v586-watch-match .v53-player video,
html body.streamx-v5.twitch-v53 section.v53-watch.v586-watch-match .v53-player video{
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#000!important;
}

/* Do not let WebKit's native media panel paint a dark gradient. */
.v53-player video::-webkit-media-controls,
.v53-player video::-webkit-media-controls-enclosure,
.v53-player video::-webkit-media-controls-panel,
.v53-player video::-webkit-media-controls-overlay-play-button,
.v53-player video::-webkit-media-controls-start-playback-button{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Kill player-only pseudo dimmers on the real watch player too. */
.v53-player::before,
.v53-player::after,
.v586-watch-match .v53-player::before,
.v586-watch-match .v53-player::after{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Lightweight controls: no full black rectangle at the bottom. */
.sts-player-enhance{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  z-index:60!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:auto!important;
}

.sts-player-spacer{flex:1 1 auto!important;}

.sts-player-btn,
.sts-player-enhance .sts-player-btn{
  min-width:42px!important;
  height:38px!important;
  border-radius:13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  background:rgba(10,12,18,.62)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
  font-weight:1000!important;
  text-shadow:0 2px 10px rgba(0,0,0,.6)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
}

.sts-player-btn.live{
  color:#fff!important;
  background:rgba(255,23,79,.78)!important;
  border-color:rgba(255,255,255,.24)!important;
}

.sts-player-enhance-hidden{
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(8px)!important;
}

.sts-player-enhance.open,
.v53-player:hover .sts-player-enhance,
.v53-player:focus-within .sts-player-enhance{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}


/* ===== public/css/sts-header-logo-redesign.css ===== */
/* STS v5.6.134 - compact premium header redesign */
:root{--sts-lime:#8dff00;--sts-lime2:#42ff57;--sts-purple:#a020ff;--sts-purple2:#6d28d9;--sts-bg:#07070b;--sts-panel:#111119;}

html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav,
.tw-topbar.sts-glass-nav{
  height:86px!important;
  min-height:86px!important;
  padding:0 14px!important;
  display:grid!important;
  grid-template-columns:minmax(680px,1fr) minmax(290px,420px) auto!important;
  align-items:center!important;
  gap:14px!important;
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 18% 40%, rgba(135,255,0,.14), transparent 15%),
    radial-gradient(circle at 36% 35%, rgba(160,32,255,.26), transparent 22%),
    radial-gradient(circle at 58% 35%, rgba(135,255,0,.12), transparent 18%),
    linear-gradient(180deg, rgba(24,24,29,.98), rgba(10,10,13,.98))!important;
  border-bottom:1px solid rgba(135,255,0,.28)!important;
  box-shadow:0 8px 34px rgba(0,0,0,.55), inset 0 -1px 0 rgba(160,32,255,.34)!important;
}

.tw-topbar.sts-glass-nav:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg, rgba(160,32,255,.2), transparent 12%, transparent 72%, rgba(135,255,0,.12));opacity:.9;}
.tw-topbar.sts-glass-nav:after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:1px;background:linear-gradient(90deg, transparent, rgba(135,255,0,.55), rgba(160,32,255,.45), transparent);opacity:.7;}

.tw-topbar.sts-glass-nav .sts-nav-left{
  position:relative;
  z-index:2;
  display:grid!important;
  grid-template-columns:105px 280px 130px minmax(0,1fr)!important;
  grid-template-rows:48px 28px!important;
  align-items:center!important;
  gap:0 10px!important;
  min-width:0!important;
  height:86px!important;
}

.sts-logo-png-link{
  grid-row:1 / 3!important;
  grid-column:1!important;
  width:100px!important;
  height:70px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  background:linear-gradient(90deg, rgba(0,0,0,.72), rgba(16,16,22,.2))!important;
  border:1px solid rgba(160,32,255,.18)!important;
  border-right:2px solid rgba(135,255,0,.6)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.sts-logo-png{width:118px!important;height:70px!important;object-fit:contain!important;max-width:none!important;filter:drop-shadow(0 0 8px rgba(160,32,255,.72));}

.sts-header-wordmark{
  grid-row:1!important;
  grid-column:2!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  padding-left:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  position:relative!important;
  z-index:4!important;
}
.sts-header-wordmark:before{content:"";position:absolute;left:0;right:-40px;bottom:6px;height:2px;background:linear-gradient(90deg,rgba(135,255,0,.65),transparent);box-shadow:0 0 14px rgba(135,255,0,.45);}
.sts-header-wordmark>span{font:900 27px/1 Impact,Arial Black,sans-serif!important;letter-spacing:2px!important;font-style:italic!important;color:#f3f3f5!important;text-shadow:0 2px 0 #000,0 0 12px rgba(160,32,255,.9)!important;}
.sts-header-wordmark>span>span{color:var(--sts-lime)!important;text-shadow:0 0 13px rgba(135,255,0,.8)!important;}

.sts-header-mascot-bg{
  grid-row:1 / 3!important;
  grid-column:3!important;
  width:130px!important;
  height:86px!important;
  object-fit:cover!important;
  object-position:center 25%!important;
  opacity:.86!important;
  margin:0!important;
  align-self:stretch!important;
  filter:drop-shadow(0 0 14px rgba(160,32,255,.85));
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
}

.tw-topbar.sts-glass-nav .sts-icon-nav{
  grid-row:2!important;
  grid-column:2 / 5!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  min-width:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
}
.tw-topbar.sts-glass-nav .sts-icon-nav a{
  height:28px!important;
  min-width:auto!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:10px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#c4c4ce!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.6px!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.tw-topbar.sts-glass-nav .sts-icon-nav .nav-ico{display:none!important;}
.tw-topbar.sts-glass-nav .sts-icon-nav a:hover{color:#fff!important;background:rgba(255,255,255,.05)!important;border-color:rgba(160,32,255,.25)!important;}
.tw-topbar.sts-glass-nav .sts-icon-nav a.is-active,
.tw-topbar.sts-glass-nav .sts-icon-nav a[href="/logo-pack"]:hover{
  color:#050506!important;
  background:linear-gradient(135deg,var(--sts-lime),#3bdd10)!important;
  border-color:rgba(135,255,0,.8)!important;
  box-shadow:0 0 16px rgba(135,255,0,.38)!important;
}
.tw-topbar.sts-glass-nav .sts-icon-nav a[href="/watch-parties"],
.tw-topbar.sts-glass-nav .sts-icon-nav a[href="/chat-app"]{display:none!important;}

.tw-topbar.sts-glass-nav .sts-nav-search{
  position:relative!important;
  z-index:4!important;
  height:40px!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  background:rgba(6,7,11,.78)!important;
  border:1px solid rgba(135,255,0,.34)!important;
  border-radius:4px!important;
  box-shadow:inset 0 -1px 0 rgba(135,255,0,.25),0 0 18px rgba(135,255,0,.08)!important;
  overflow:visible!important;
}
.tw-topbar.sts-glass-nav .sts-nav-search input{height:38px!important;background:transparent!important;border:0!important;color:#f5f5f7!important;font-size:13px!important;font-weight:700!important;padding:0 12px!important;}
.tw-topbar.sts-glass-nav .sts-nav-search input::placeholder{color:rgba(235,235,245,.55)!important;}
.tw-topbar.sts-glass-nav .sts-nav-search button{width:48px!important;height:38px!important;color:var(--sts-lime)!important;background:transparent!important;border-left:1px solid rgba(135,255,0,.22)!important;border-radius:0!important;}

.tw-topbar.sts-glass-nav .sts-user-actions{position:relative!important;z-index:4!important;display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;}
.tw-topbar.sts-glass-nav .tw-btn{height:38px!important;border-radius:8px!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(17,20,31,.82)!important;color:#f2f2f6!important;font-size:13px!important;font-weight:900!important;box-shadow:0 6px 18px rgba(0,0,0,.28)!important;}
.tw-topbar.sts-glass-nav .tw-btn.primary{background:linear-gradient(135deg,#8f35ff,#b339ff)!important;border-color:rgba(185,90,255,.7)!important;color:#fff!important;box-shadow:0 0 18px rgba(160,32,255,.35)!important;}
.tw-topbar.sts-glass-nav .sts-nav-profile{width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;border:2px solid rgba(160,32,255,.82)!important;box-shadow:0 0 14px rgba(160,32,255,.62)!important;overflow:hidden!important;background:#050508!important;}
.tw-topbar.sts-glass-nav .sts-nav-profile img{width:100%!important;height:100%!important;object-fit:cover!important;}
.tw-topbar.sts-glass-nav .notification-bell-btn,.tw-topbar.sts-glass-nav .tw-icon{width:38px!important;height:38px!important;border-radius:10px!important;}
.sts-crypto-ticker{border-top:0!important;}

@media (max-width:1500px){
  .tw-topbar.sts-glass-nav{grid-template-columns:minmax(600px,1fr) minmax(250px,360px) auto!important;gap:10px!important;}
  .tw-topbar.sts-glass-nav .sts-nav-left{grid-template-columns:92px 245px 115px minmax(0,1fr)!important;}
  .sts-logo-png-link{width:90px!important}.sts-logo-png{width:105px!important}.sts-header-wordmark>span{font-size:23px!important}.sts-header-mascot-bg{width:115px!important}
  .tw-topbar.sts-glass-nav .sts-icon-nav a{padding:0 7px!important;font-size:10px!important;}
}
@media (max-width:1220px){
  html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav,.tw-topbar.sts-glass-nav{grid-template-columns:1fr auto!important;height:auto!important;min-height:76px!important;padding:6px 10px!important;}
  .tw-topbar.sts-glass-nav .sts-nav-left{grid-template-columns:82px 1fr!important;grid-template-rows:38px 28px!important;height:76px!important;}
  .sts-logo-png-link{height:62px!important;width:78px!important}.sts-logo-png{width:90px!important;height:62px!important}.sts-header-wordmark{height:38px!important}.sts-header-wordmark>span{font-size:21px!important}.sts-header-mascot-bg{display:none!important;}
  .tw-topbar.sts-glass-nav .sts-icon-nav{grid-column:2!important;overflow-x:auto!important;scrollbar-width:none!important;}
  .tw-topbar.sts-glass-nav .sts-icon-nav::-webkit-scrollbar{display:none!important;}
  .tw-topbar.sts-glass-nav .sts-nav-search{display:none!important;}
}
@media (max-width:760px){
  .tw-topbar.sts-glass-nav .sts-user-actions .tw-btn:not(.primary){display:none!important;}
  .sts-header-wordmark{display:none!important;}
  .tw-topbar.sts-glass-nav .sts-nav-left{grid-template-columns:80px 1fr!important;}
  .tw-topbar.sts-glass-nav .sts-icon-nav{grid-column:2!important;}
}

/* STS v5.6.135 - closer to DevMarvel mockup header */
html body.streamx-v5.twitch-v53,
body.streamx-v5.twitch-v53{padding-top:0!important;margin-top:0!important;}

html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav,
.tw-topbar.sts-glass-nav{
  height:84px!important;
  min-height:84px!important;
  padding:0 12px!important;
  grid-template-columns:minmax(720px,1fr) minmax(320px,420px) auto!important;
  gap:12px!important;
  background:
    radial-gradient(circle at 8% 50%, rgba(137,255,0,.10), transparent 10%),
    radial-gradient(circle at 23% 44%, rgba(164,37,255,.26), transparent 18%),
    radial-gradient(circle at 46% 50%, rgba(137,255,0,.10), transparent 22%),
    linear-gradient(180deg,#242428 0%,#15151a 54%,#101014 100%)!important;
  border-bottom:1px solid rgba(143,255,0,.45)!important;
  box-shadow:0 8px 32px rgba(0,0,0,.65), inset 0 -1px 0 rgba(159,40,255,.55)!important;
}
.tw-topbar.sts-glass-nav:before{
  background:linear-gradient(90deg, rgba(160,32,255,.22), transparent 22%, rgba(137,255,0,.10) 42%, transparent 62%, rgba(160,32,255,.16))!important;
}
.tw-topbar.sts-glass-nav:after{left:8px!important;right:8px!important;bottom:5px!important;background:linear-gradient(90deg,transparent,rgba(137,255,0,.65),rgba(160,32,255,.55),transparent)!important;}

.tw-topbar.sts-glass-nav .sts-nav-left{
  position:relative!important;
  display:block!important;
  height:84px!important;
  min-width:0!important;
  overflow:hidden!important;
  z-index:3!important;
}

.sts-header-brand-strip{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:560px!important;
  height:78px!important;
  display:block!important;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
  z-index:2!important;
}
.sts-header-brand-strip img{
  width:560px!important;
  height:78px!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
  filter:drop-shadow(0 0 16px rgba(160,32,255,.55));
}

.tw-topbar.sts-glass-nav .sts-icon-nav{
  position:absolute!important;
  left:118px!important;
  right:6px!important;
  bottom:8px!important;
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  overflow:hidden!important;
  z-index:5!important;
  padding:0!important;
  margin:0!important;
}
.tw-topbar.sts-glass-nav .sts-icon-nav .nav-ico{display:none!important;}
.tw-topbar.sts-glass-nav .sts-icon-nav a,
.tw-topbar.sts-glass-nav .sts-icon-nav a.sts-nav-chip,
.tw-topbar.sts-glass-nav .sts-icon-nav a.sts-nav-chat{
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#cfcfd8!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.85px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 2px #000!important;
}
.tw-topbar.sts-glass-nav .sts-icon-nav a:hover,
.tw-topbar.sts-glass-nav .sts-icon-nav a.is-active{
  color:#93ff00!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:0 0 10px rgba(137,255,0,.7),0 1px 2px #000!important;
}
.tw-topbar.sts-glass-nav .sts-icon-nav a[href="/logo-pack"] span:last-child{font-size:0!important;}
.tw-topbar.sts-glass-nav .sts-icon-nav a[href="/logo-pack"] span:last-child:after{content:"Logo Pack";font-size:12px!important;}
.tw-topbar.sts-glass-nav .sts-icon-nav a[href="/sloth-coins"],
.tw-topbar.sts-glass-nav .sts-icon-nav a[href="/watch-parties"],
.tw-topbar.sts-glass-nav .sts-icon-nav a[href="/chat-app"]{display:none!important;}
.sts-following-nav{display:none!important;}

.tw-topbar.sts-glass-nav .sts-nav-search{
  height:38px!important;
  margin-top:0!important;
  border-radius:2px!important;
  background:rgba(12,14,21,.86)!important;
  border:1px solid rgba(132,255,0,.42)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.55), inset 0 0 0 1px rgba(160,32,255,.08)!important;
}
.tw-topbar.sts-glass-nav .sts-nav-search input{height:36px!important;font-size:13px!important;padding:0 13px!important;}
.tw-topbar.sts-glass-nav .sts-nav-search button{height:36px!important;width:46px!important;color:#fff!important;}

.tw-topbar.sts-glass-nav .sts-user-actions{gap:9px!important;}
.tw-topbar.sts-glass-nav .tw-btn{height:36px!important;border-radius:7px!important;padding:0 14px!important;font-size:12px!important;}
.tw-topbar.sts-glass-nav .tw-btn.primary{background:linear-gradient(135deg,#8b28ff,#a93dff)!important;box-shadow:0 0 20px rgba(168,85,247,.52)!important;}
.tw-topbar.sts-glass-nav .sts-nav-profile{width:42px!important;height:42px!important;min-width:42px!important;}

/* keep ticker from making the header feel too tall */
.sts-crypto-ticker{height:28px!important;min-height:28px!important;font-size:12px!important;background:#090a0d!important;border-bottom:1px solid rgba(160,32,255,.22)!important;}
.sts-crypto-track{height:28px!important;align-items:center!important;}

@media(max-width:1500px){
  html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav,.tw-topbar.sts-glass-nav{grid-template-columns:minmax(650px,1fr) minmax(290px,360px) auto!important;}
  .sts-header-brand-strip,.sts-header-brand-strip img{width:500px!important;}
  .tw-topbar.sts-glass-nav .sts-icon-nav{left:110px!important;gap:12px!important;}
  .tw-topbar.sts-glass-nav .sts-icon-nav a{font-size:11px!important;}
}
@media(max-width:1220px){
  html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav,.tw-topbar.sts-glass-nav{grid-template-columns:1fr auto!important;height:78px!important;min-height:78px!important;}
  .tw-topbar.sts-glass-nav .sts-nav-left{height:78px!important;}
  .sts-header-brand-strip,.sts-header-brand-strip img{width:430px!important;height:72px!important;}
  .tw-topbar.sts-glass-nav .sts-icon-nav{left:92px!important;right:0!important;gap:10px!important;overflow-x:auto!important;bottom:7px!important;scrollbar-width:none!important;}
  .tw-topbar.sts-glass-nav .sts-icon-nav::-webkit-scrollbar{display:none!important;}
  .tw-topbar.sts-glass-nav .sts-nav-search{display:none!important;}
}
@media(max-width:760px){
  .sts-header-brand-strip,.sts-header-brand-strip img{width:250px!important;height:64px!important;}
  .tw-topbar.sts-glass-nav .sts-icon-nav{left:74px!important;gap:12px!important;}
  .tw-topbar.sts-glass-nav .sts-user-actions .tw-btn:not(.primary){display:none!important;}
}

/* STS v5.6.136 - true mockup-style header proportions */
html body.streamx-v5.twitch-v53,
body.streamx-v5.twitch-v53{
  margin:0!important;
  padding-top:0!important;
  background:#06070a!important;
}

html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header,
.tw-topbar.sts-glass-nav.sts-mockup-header{
  height:78px!important;
  min-height:78px!important;
  padding:0 16px!important;
  display:grid!important;
  grid-template-columns:minmax(900px,1fr) minmax(320px,420px) auto!important;
  align-items:center!important;
  gap:20px!important;
  overflow:visible!important;
  position:sticky!important;
  top:0!important;
  z-index:2000!important;
  background:
    radial-gradient(circle at 11% 48%, rgba(126,255,0,.15), transparent 14%),
    radial-gradient(circle at 26% 45%, rgba(161,42,255,.24), transparent 20%),
    linear-gradient(180deg,#252529 0%,#1a1a1f 52%,#101014 100%)!important;
  border-bottom:1px solid rgba(126,255,0,.42)!important;
  box-shadow:0 10px 36px rgba(0,0,0,.72), inset 0 -1px 0 rgba(166,45,255,.55)!important;
}
.tw-topbar.sts-glass-nav.sts-mockup-header::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(135,255,0,.06) 18%,rgba(160,32,255,.14) 35%,transparent 65%,rgba(160,32,255,.10))!important;
  z-index:0!important;
}
.tw-topbar.sts-glass-nav.sts-mockup-header::after{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:4px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(128,255,0,.75),rgba(160,32,255,.55),transparent)!important;
  z-index:1!important;
}

.sts-mock-left{
  position:relative!important;
  z-index:3!important;
  height:78px!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:620px minmax(0,1fr)!important;
  grid-template-rows:48px 30px!important;
  align-items:end!important;
  overflow:hidden!important;
}
.sts-mock-brand{
  grid-column:1!important;
  grid-row:1 / 3!important;
  width:620px!important;
  height:78px!important;
  display:flex!important;
  align-items:center!important;
  text-decoration:none!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.sts-mock-brand img{
  width:620px!important;
  height:70px!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
  filter:drop-shadow(0 0 14px rgba(161,42,255,.42));
}
.sts-mock-nav{
  grid-column:2!important;
  grid-row:2!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  padding:0 0 5px 0!important;
  margin:0!important;
}
.sts-mock-nav a,
.sts-mock-more-btn{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  color:#d2d2da!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.8px!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  padding:0!important;
  margin:0!important;
  height:auto!important;
  min-width:auto!important;
  text-shadow:0 1px 2px #000!important;
  cursor:pointer!important;
}
.sts-mock-nav a:hover,
.sts-mock-nav a.is-active,
.sts-mock-more-btn:hover{
  color:#91ff00!important;
  text-shadow:0 0 10px rgba(126,255,0,.75),0 1px 2px #000!important;
}
.sts-mock-more-wrap{position:relative!important;display:flex!important;align-items:center!important;z-index:30!important;}
.sts-mock-more-menu{
  display:none!important;
  position:absolute!important;
  top:22px!important;
  right:0!important;
  min-width:140px!important;
  padding:8px!important;
  border-radius:10px!important;
  background:rgba(10,10,15,.97)!important;
  border:1px solid rgba(145,255,0,.32)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.65),0 0 18px rgba(160,32,255,.28)!important;
}
.sts-mock-more-menu.open{display:grid!important;gap:8px!important;}
.sts-mock-more-menu a{font-size:11px!important;color:#fff!important;padding:8px 10px!important;border-radius:7px!important;}
.sts-mock-more-menu a:hover{background:rgba(145,255,0,.12)!important;}

.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-search{
  position:relative!important;
  z-index:4!important;
  height:38px!important;
  min-width:320px!important;
  max-width:420px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  background:rgba(12,15,24,.88)!important;
  border:1px solid rgba(137,255,0,.55)!important;
  border-radius:2px!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.7), inset 0 0 0 1px rgba(160,32,255,.10)!important;
  overflow:visible!important;
}
.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-search input{
  height:36px!important;
  background:transparent!important;
  border:0!important;
  color:#f1f1f5!important;
  font-size:13px!important;
  font-weight:700!important;
  padding:0 14px!important;
  min-width:0!important;
}
.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-search button{
  width:46px!important;
  height:36px!important;
  background:transparent!important;
  border:0!important;
  border-left:1px solid rgba(137,255,0,.22)!important;
  color:#fff!important;
  border-radius:0!important;
}

.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-actions{
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  white-space:nowrap!important;
}
.tw-topbar.sts-glass-nav.sts-mockup-header .tw-btn{
  height:36px!important;
  min-height:36px!important;
  border-radius:7px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(18,22,34,.86)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
  box-shadow:0 8px 20px rgba(0,0,0,.32)!important;
}
.tw-topbar.sts-glass-nav.sts-mockup-header .tw-btn.primary{
  background:linear-gradient(135deg,#8b2cff,#a43bff)!important;
  border-color:rgba(190,105,255,.7)!important;
  box-shadow:0 0 22px rgba(160,32,255,.48)!important;
}
.tw-topbar.sts-glass-nav.sts-mockup-header .sts-nav-profile{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  border:2px solid rgba(160,32,255,.75)!important;
  background:#08080c!important;
  box-shadow:0 0 16px rgba(160,32,255,.6)!important;
}
.tw-topbar.sts-glass-nav.sts-mockup-header .sts-nav-profile img{width:100%!important;height:100%!important;object-fit:cover!important;}
.tw-topbar.sts-glass-nav.sts-mockup-header .notification-bell-btn,
.tw-topbar.sts-glass-nav.sts-mockup-header .tw-icon{width:36px!important;height:36px!important;border-radius:8px!important;}

/* reduce ticker height so it doesn't make the header look like two nav bars */
.sts-crypto-ticker{height:26px!important;min-height:26px!important;font-size:12px!important;background:#07080a!important;border-top:0!important;border-bottom:1px solid rgba(160,32,255,.25)!important;}
.sts-crypto-track{height:26px!important;align-items:center!important;}

@media(max-width:1550px){
  .tw-topbar.sts-glass-nav.sts-mockup-header{grid-template-columns:minmax(780px,1fr) minmax(270px,360px) auto!important;gap:14px!important;}
  .sts-mock-left{grid-template-columns:500px minmax(0,1fr)!important;}
  .sts-mock-brand,.sts-mock-brand img{width:500px!important;}
  .sts-mock-nav{gap:13px!important;}
  .sts-mock-nav a,.sts-mock-more-btn{font-size:11px!important;}
}
@media(max-width:1220px){
  .tw-topbar.sts-glass-nav.sts-mockup-header{grid-template-columns:1fr auto!important;height:74px!important;min-height:74px!important;padding:0 10px!important;}
  .sts-mock-left{height:74px!important;grid-template-columns:360px minmax(0,1fr)!important;grid-template-rows:44px 28px!important;}
  .sts-mock-brand,.sts-mock-brand img{width:360px!important;height:68px!important;}
  .sts-mock-nav{gap:12px!important;overflow-x:auto!important;scrollbar-width:none!important;}
  .sts-mock-nav::-webkit-scrollbar{display:none!important;}
  .sts-mock-search{display:none!important;}
}
@media(max-width:760px){
  .tw-topbar.sts-glass-nav.sts-mockup-header{height:68px!important;min-height:68px!important;grid-template-columns:1fr auto!important;}
  .sts-mock-left{height:68px!important;grid-template-columns:190px 1fr!important;grid-template-rows:38px 25px!important;}
  .sts-mock-brand,.sts-mock-brand img{width:190px!important;height:62px!important;}
  .sts-mock-nav{gap:11px!important;padding-bottom:4px!important;}
  .sts-mock-nav a,.sts-mock-more-btn{font-size:10px!important;}
  .sts-paypal-mini,.sts-dashboard-mini,.notification-bell-wrap{display:none!important;}
}

/* STS v5.6.137 - premium mockup header + fuller homepage */
html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header,
.tw-topbar.sts-glass-nav.sts-mockup-header{
  height:72px!important;
  min-height:72px!important;
  padding:0 16px!important;
  grid-template-columns:minmax(980px,1fr) minmax(300px,410px) auto!important;
  gap:18px!important;
  background:
    radial-gradient(circle at 7% 52%, rgba(126,255,0,.17), transparent 12%),
    radial-gradient(circle at 21% 48%, rgba(160,32,255,.32), transparent 18%),
    linear-gradient(180deg,#222226 0%,#17171b 52%,#0d0d11 100%)!important;
}
.sts-mock-left{
  height:72px!important;
  grid-template-columns:650px minmax(0,1fr)!important;
  grid-template-rows:43px 29px!important;
}
.sts-mock-brand{
  width:650px!important;
  height:72px!important;
}
.sts-mock-brand img{
  width:650px!important;
  height:68px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.sts-mock-nav{
  height:24px!important;
  gap:22px!important;
  padding:0 0 6px 0!important;
  align-self:end!important;
}
.sts-mock-nav a,
.sts-mock-more-btn{
  font-size:12px!important;
  letter-spacing:1px!important;
  color:#e5e5ec!important;
}
.sts-mock-more-btn::before{content:none!important;}
.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-search{
  height:36px!important;
  min-width:300px!important;
  max-width:410px!important;
}
.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-search input,
.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-search button{height:34px!important;}
.tw-topbar.sts-glass-nav.sts-mockup-header .tw-btn{height:34px!important;min-height:34px!important;}

/* make the crypto ticker a thin strip like the mockup */
.sts-crypto-ticker{
  height:24px!important;
  min-height:24px!important;
  font-size:11px!important;
  background:#06070a!important;
  border-top:0!important;
  border-bottom:1px solid rgba(126,255,0,.18)!important;
  overflow:hidden!important;
}
.sts-crypto-track{height:24px!important;line-height:24px!important;}
.sts-crypto-item{padding-inline:16px!important;}

/* homepage: remove old cramped side rail and make the stream platform feel full-width */
.sts-tv-home{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:
    radial-gradient(circle at 50% 8%, rgba(126,255,0,.08), transparent 26%),
    radial-gradient(circle at 70% 18%, rgba(160,32,255,.09), transparent 30%),
    #060807!important;
}
.sts-tv-sidebar{
  display:none!important;
}
.sts-tv-main{
  width:100%!important;
  max-width:1720px!important;
  margin:0 auto!important;
  padding:34px clamp(18px,2.4vw,46px) 80px!important;
}
.sts-coverflow{
  width:100%!important;
  min-height:390px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  padding:18px 54px 28px!important;
  background:radial-gradient(circle at 50% 35%, rgba(126,255,0,.10), transparent 38%)!important;
}
.coverflow-stage{
  width:100%!important;
  max-width:1320px!important;
  min-height:360px!important;
  position:relative!important;
}
.coverflow-card.active{
  width:min(980px,74vw)!important;
  transform:translate(-50%,-50%) scale(1)!important;
  opacity:1!important;
  z-index:10!important;
}
.coverflow-card.left{
  transform:translate(-92%,-50%) scale(.76)!important;
  opacity:.48!important;
}
.coverflow-card.right{
  transform:translate(-8%,-50%) scale(.76)!important;
  opacity:.48!important;
}
.coverflow-card.far-left,
.coverflow-card.far-right{opacity:.18!important;}
.coverflow-thumb{
  min-height:320px!important;
  border-radius:18px!important;
  background-size:cover!important;
  background-position:center!important;
  border:1px solid rgba(160,32,255,.42)!important;
  box-shadow:0 28px 85px rgba(0,0,0,.55),0 0 34px rgba(160,32,255,.18)!important;
}
.coverflow-arrow{
  width:44px!important;
  height:44px!important;
  border-radius:10px!important;
  background:rgba(20,25,38,.9)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.35)!important;
}
.tv-row-section,
.tv-bottom-grid{
  max-width:1560px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.tv-section-title{
  margin-top:18px!important;
  align-items:center!important;
}
.tv-section-title h2{
  font-size:28px!important;
  letter-spacing:-.5px!important;
}
.tv-card-row{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;
  gap:18px!important;
  overflow:visible!important;
}
.tv-live-card{
  min-width:0!important;
  width:100%!important;
  border-radius:16px!important;
  background:rgba(10,12,16,.72)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}
.tv-thumb{
  height:155px!important;
  border-radius:14px 14px 0 0!important;
  background-size:cover!important;
  background-position:center!important;
}
.tv-category-row{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;
  gap:18px!important;
  overflow:visible!important;
}
.tv-category-card{
  min-width:0!important;
  width:100%!important;
}
.tv-category-card>div{height:170px!important;background-size:cover!important;background-position:center!important;}
.tv-bottom-grid{
  display:grid!important;
  grid-template-columns:1.1fr .9fr!important;
  gap:22px!important;
}
@media(max-width:1550px){
  html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header,
  .tw-topbar.sts-glass-nav.sts-mockup-header{grid-template-columns:minmax(780px,1fr) minmax(280px,360px) auto!important;gap:14px!important;}
  .sts-mock-left{grid-template-columns:530px minmax(0,1fr)!important;}
  .sts-mock-brand,.sts-mock-brand img{width:530px!important;}
  .sts-mock-nav{gap:14px!important;}
  .sts-mock-nav a,.sts-mock-more-btn{font-size:11px!important;}
}
@media(max-width:1220px){
  .sts-tv-main{padding:22px 14px 60px!important;}
  .sts-coverflow{padding-inline:12px!important;min-height:300px!important;}
  .coverflow-stage{min-height:290px!important;}
  .coverflow-card.active{width:94vw!important;}
  .coverflow-card.left,.coverflow-card.right,.coverflow-card.far-left,.coverflow-card.far-right{display:none!important;}
  .coverflow-thumb{min-height:235px!important;}
  .tv-bottom-grid{grid-template-columns:1fr!important;}
}

/* ======================================================================
   STS v5.6.138 - HOMEPAGE WIDTH FIX
   Fixes the broken tiny-left homepage layout from v5.6.137.
   Makes the home page full-width, removes the old sidebar column,
   and restores the featured stream / content rows to proper size.
====================================================================== */
html body.streamx-v5.twitch-v53,
body.streamx-v5.twitch-v53{
  overflow-x:hidden!important;
  background:#030506!important;
}

html body.streamx-v5.twitch-v53 .page.v5-page,
html body.streamx-v5.twitch-v53 main.page.v5-page,
html body.streamx-v5.twitch-v53 .v5-page{
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(105,255,25,.10), transparent 32%),
    radial-gradient(circle at 76% 12%, rgba(147,45,255,.10), transparent 30%),
    #030506!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-home,
body.streamx-v5.twitch-v53 .sts-tv-home{
  display:block!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  min-height:calc(100vh - 96px)!important;
  background:transparent!important;
  border:0!important;
  overflow:visible!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar,
body.streamx-v5.twitch-v53 .sts-tv-sidebar{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  padding:0!important;
  margin:0!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-main,
body.streamx-v5.twitch-v53 .sts-tv-main{
  display:block!important;
  width:100%!important;
  max-width:1920px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:22px clamp(18px,2.2vw,42px) 70px!important;
  box-sizing:border-box!important;
  background:
    linear-gradient(90deg, rgba(8,28,10,.55), rgba(8,5,12,.65) 52%, rgba(16,8,24,.48)),
    radial-gradient(circle at 48% 4%, rgba(87,255,18,.12), transparent 26%)!important;
  overflow:visible!important;
}

html body.streamx-v5.twitch-v53 .sts-coverflow,
body.streamx-v5.twitch-v53 .sts-coverflow{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:1500px!important;
  height:440px!important;
  min-height:440px!important;
  margin:8px auto 46px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 50% 45%, rgba(91,255,22,.10), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01))!important;
  border:1px solid rgba(145,45,255,.23)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42), inset 0 0 0 1px rgba(105,255,25,.05)!important;
}

html body.streamx-v5.twitch-v53 .coverflow-stage,
body.streamx-v5.twitch-v53 .coverflow-stage{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:block!important;
  overflow:hidden!important;
}

html body.streamx-v5.twitch-v53 .coverflow-card,
body.streamx-v5.twitch-v53 .coverflow-card{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  display:block!important;
  width:min(920px,72vw)!important;
  height:360px!important;
  min-width:0!important;
  max-width:none!important;
  border-radius:18px!important;
  overflow:hidden!important;
  transform:translate(-50%,-50%) scale(.74)!important;
  opacity:.25!important;
  pointer-events:none!important;
  transition:transform .28s ease,opacity .28s ease,filter .28s ease!important;
}

html body.streamx-v5.twitch-v53 .coverflow-card.active,
body.streamx-v5.twitch-v53 .coverflow-card.active{
  transform:translate(-50%,-50%) scale(1)!important;
  opacity:1!important;
  z-index:5!important;
  pointer-events:auto!important;
  filter:none!important;
}
html body.streamx-v5.twitch-v53 .coverflow-card.left,
body.streamx-v5.twitch-v53 .coverflow-card.left{
  transform:translate(calc(-50% - 470px),-50%) scale(.70)!important;
  opacity:.46!important;
  z-index:3!important;
}
html body.streamx-v5.twitch-v53 .coverflow-card.right,
body.streamx-v5.twitch-v53 .coverflow-card.right{
  transform:translate(calc(-50% + 470px),-50%) scale(.70)!important;
  opacity:.46!important;
  z-index:3!important;
}
html body.streamx-v5.twitch-v53 .coverflow-card.far-left,
html body.streamx-v5.twitch-v53 .coverflow-card.far-right,
body.streamx-v5.twitch-v53 .coverflow-card.far-left,
body.streamx-v5.twitch-v53 .coverflow-card.far-right{
  opacity:0!important;
  pointer-events:none!important;
}

html body.streamx-v5.twitch-v53 .coverflow-thumb,
body.streamx-v5.twitch-v53 .coverflow-thumb{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  background-size:cover!important;
  background-position:center!important;
}

html body.streamx-v5.twitch-v53 .coverflow-info,
body.streamx-v5.twitch-v53 .coverflow-info{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  z-index:9!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  background:linear-gradient(90deg, rgba(2,3,5,.82), rgba(2,3,5,.35))!important;
  border:1px solid rgba(135,255,0,.18)!important;
  backdrop-filter:blur(10px)!important;
}

html body.streamx-v5.twitch-v53 .coverflow-arrow,
body.streamx-v5.twitch-v53 .coverflow-arrow{
  z-index:20!important;
  width:48px!important;
  height:58px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(12,15,22,.80)!important;
  color:#fff!important;
  font-size:44px!important;
  line-height:1!important;
  box-shadow:0 14px 30px rgba(0,0,0,.4)!important;
}
html body.streamx-v5.twitch-v53 .coverflow-prev{left:18px!important;}
html body.streamx-v5.twitch-v53 .coverflow-next{right:18px!important;}

html body.streamx-v5.twitch-v53 .tv-row-section,
body.streamx-v5.twitch-v53 .tv-row-section{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto 38px!important;
  padding:0!important;
  clear:both!important;
}

html body.streamx-v5.twitch-v53 .tv-section-title,
body.streamx-v5.twitch-v53 .tv-section-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 16px!important;
}
html body.streamx-v5.twitch-v53 .tv-section-title h2,
body.streamx-v5.twitch-v53 .tv-section-title h2{
  margin:0!important;
  font-size:clamp(24px,2vw,34px)!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}

html body.streamx-v5.twitch-v53 .tv-card-row,
body.streamx-v5.twitch-v53 .tv-card-row{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;
  gap:18px!important;
  width:100%!important;
  justify-content:stretch!important;
  align-items:start!important;
}
html body.streamx-v5.twitch-v53 .tv-live-card,
body.streamx-v5.twitch-v53 .tv-live-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
html body.streamx-v5.twitch-v53 .tv-thumb,
body.streamx-v5.twitch-v53 .tv-thumb{
  height:auto!important;
  aspect-ratio:16/9!important;
  min-height:150px!important;
}

html body.streamx-v5.twitch-v53 .tv-category-row,
body.streamx-v5.twitch-v53 .tv-category-row{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;
  gap:18px!important;
  width:100%!important;
}

/* Make ticker thinner so it stops eating the homepage. */
html body.streamx-v5.twitch-v53 .sts-crypto-ticker,
body.streamx-v5.twitch-v53 .sts-crypto-ticker{
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  overflow:hidden!important;
  font-size:12px!important;
  line-height:22px!important;
  border-bottom:1px solid rgba(135,255,0,.18)!important;
}
html body.streamx-v5.twitch-v53 .sts-crypto-track,
body.streamx-v5.twitch-v53 .sts-crypto-track{height:22px!important;align-items:center!important;}

@media(max-width:1500px){
  html body.streamx-v5.twitch-v53 .sts-coverflow{height:390px!important;min-height:390px!important;}
  html body.streamx-v5.twitch-v53 .coverflow-card{width:min(820px,76vw)!important;height:315px!important;}
  html body.streamx-v5.twitch-v53 .coverflow-card.left{transform:translate(calc(-50% - 395px),-50%) scale(.68)!important;}
  html body.streamx-v5.twitch-v53 .coverflow-card.right{transform:translate(calc(-50% + 395px),-50%) scale(.68)!important;}
}
@media(max-width:900px){
  html body.streamx-v5.twitch-v53 .sts-tv-main{padding:14px 12px 52px!important;}
  html body.streamx-v5.twitch-v53 .sts-coverflow{height:290px!important;min-height:290px!important;margin-bottom:30px!important;}
  html body.streamx-v5.twitch-v53 .coverflow-card{width:94vw!important;height:240px!important;}
  html body.streamx-v5.twitch-v53 .coverflow-card.left,
  html body.streamx-v5.twitch-v53 .coverflow-card.right{opacity:0!important;pointer-events:none!important;}
  html body.streamx-v5.twitch-v53 .tv-card-row{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:12px!important;}
}


/* ===== public/css/sts-v141-platform-refresh.css ===== */
/* STS v5.6.141 - DevMarvel full platform refresh
   Fixes the homepage, restores the fresh left rail, enlarges the hero, and gives shared pages the same STS premium skin. */
:root{
  --sts-neon:#39ff14;
  --sts-neon-2:#94ff00;
  --sts-purple:#9b2cff;
  --sts-purple-2:#5f19d6;
  --sts-bg:#030506;
  --sts-card:rgba(12,14,20,.82);
  --sts-card-2:rgba(18,10,28,.78);
  --sts-line:rgba(137,255,0,.22);
  --sts-line-purple:rgba(155,44,255,.30);
}

html,body{background:#030506!important;}
body.streamx-v5.twitch-v53{
  background:
    radial-gradient(circle at 12% 8%,rgba(57,255,20,.10),transparent 28%),
    radial-gradient(circle at 78% 3%,rgba(155,44,255,.16),transparent 32%),
    linear-gradient(120deg,#020805 0%,#050509 48%,#0c0612 100%)!important;
  color:#f7f7fb!important;
  overflow-x:hidden!important;
}

/* HEADER: keep the mockup vibe but make it reliable on all pages */
body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header,
body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav{
  height:72px!important;
  min-height:72px!important;
  padding:0 12px!important;
  grid-template-columns:minmax(760px,1fr) minmax(320px,430px) auto!important;
  gap:12px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 12% 42%,rgba(57,255,20,.14),transparent 15%),
    radial-gradient(circle at 27% 42%,rgba(155,44,255,.26),transparent 18%),
    linear-gradient(180deg,#26262a 0%,#17171c 50%,#0b0c10 100%)!important;
  border-bottom:1px solid rgba(57,255,20,.44)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.62), inset 0 -1px 0 rgba(155,44,255,.55)!important;
}
body.streamx-v5.twitch-v53 .sts-mock-left{height:72px!important;display:grid!important;grid-template-columns:565px minmax(0,1fr)!important;align-items:end!important;gap:16px!important;min-width:0!important;}
body.streamx-v5.twitch-v53 .sts-mock-brand{width:565px!important;height:72px!important;display:block!important;overflow:hidden!important;}
body.streamx-v5.twitch-v53 .sts-mock-brand img{width:565px!important;height:72px!important;object-fit:contain!important;object-position:left center!important;display:block!important;filter:drop-shadow(0 0 14px rgba(155,44,255,.62));}
body.streamx-v5.twitch-v53 .sts-mock-nav{height:30px!important;display:flex!important;align-items:center!important;gap:20px!important;min-width:0!important;overflow:hidden!important;padding-bottom:9px!important;}
body.streamx-v5.twitch-v53 .sts-mock-nav a,
body.streamx-v5.twitch-v53 .sts-mock-more-btn{
  background:transparent!important;border:0!important;box-shadow:none!important;color:#f3f3f6!important;height:auto!important;padding:0!important;min-width:0!important;border-radius:0!important;
  text-transform:uppercase!important;text-decoration:none!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.14em!important;white-space:nowrap!important;text-shadow:0 2px 0 #000!important;
}
body.streamx-v5.twitch-v53 .sts-mock-nav a:hover,
body.streamx-v5.twitch-v53 .sts-mock-nav a.is-active,
body.streamx-v5.twitch-v53 .sts-mock-more-btn:hover{color:var(--sts-neon)!important;text-shadow:0 0 12px rgba(57,255,20,.75),0 2px 0 #000!important;}
body.streamx-v5.twitch-v53 .sts-mock-more-wrap{position:relative!important;}
body.streamx-v5.twitch-v53 .sts-mock-more-menu{top:28px!important;right:0!important;background:rgba(9,10,16,.98)!important;border:1px solid rgba(155,44,255,.32)!important;border-radius:14px!important;box-shadow:0 18px 50px rgba(0,0,0,.45)!important;}
body.streamx-v5.twitch-v53 .sts-mock-search{height:40px!important;margin:0!important;border:1px solid rgba(57,255,20,.50)!important;background:rgba(7,9,14,.82)!important;border-radius:3px!important;box-shadow:0 0 22px rgba(57,255,20,.08)!important;}
body.streamx-v5.twitch-v53 .sts-mock-search input{height:38px!important;font-size:13px!important;font-weight:800!important;}
body.streamx-v5.twitch-v53 .sts-mock-search button{height:38px!important;}
body.streamx-v5.twitch-v53 .sts-mock-actions{gap:8px!important;}
body.streamx-v5.twitch-v53 .tw-btn{height:38px!important;border-radius:8px!important;font-weight:1000!important;}
body.streamx-v5.twitch-v53 .tw-btn.primary{background:linear-gradient(135deg,#8d37ff,#b733ff)!important;border-color:rgba(190,100,255,.75)!important;box-shadow:0 0 20px rgba(155,44,255,.36)!important;}

/* ticker: keep it thin so it does not crush the page */
body.streamx-v5.twitch-v53 .sts-crypto-ticker{height:24px!important;min-height:24px!important;max-height:24px!important;border-top:0!important;border-bottom:1px solid rgba(155,44,255,.25)!important;background:rgba(0,0,0,.70)!important;overflow:hidden!important;}
body.streamx-v5.twitch-v53 .sts-crypto-track{height:24px!important;align-items:center!important;}
body.streamx-v5.twitch-v53 .sts-crypto-item{font-size:12px!important;line-height:24px!important;}

/* Universal page skin for dashboard/settings/admin/logo-pack etc */
body.streamx-v5.twitch-v53 main.page.v5-page{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;
}
body.streamx-v5.twitch-v53 main.page.v5-page > :not(.sts-tv-home):not(script):not(style){
  max-width:1500px!important;margin-left:auto!important;margin-right:auto!important;
}
body.streamx-v5.twitch-v53 .panel,
body.streamx-v5.twitch-v53 .card,
body.streamx-v5.twitch-v53 .tv-panel,
body.streamx-v5.twitch-v53 .dashboard-card,
body.streamx-v5.twitch-v53 .settings-card,
body.streamx-v5.twitch-v53 .admin-card,
body.streamx-v5.twitch-v53 .logo-pack-card{
  background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.026))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 20px 70px rgba(0,0,0,.28)!important;
}

/* HOME: real two-column app layout with visible left rail */
body.streamx-v5.twitch-v53 .sts-tv-home{
  width:100%!important;max-width:none!important;min-height:calc(100vh - 96px)!important;margin:0!important;padding:0!important;
  display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:0!important;align-items:start!important;
  background:
    radial-gradient(circle at 28% 6%,rgba(57,255,20,.10),transparent 26%),
    radial-gradient(circle at 80% 12%,rgba(155,44,255,.14),transparent 30%),
    linear-gradient(115deg,#020805 0%,#050609 44%,#0b0511 100%)!important;
}
body.streamx-v5.twitch-v53 .sts-tv-sidebar,
body.streamx-v5.twitch-v53 .sts-fresh-left-panel{
  display:block!important;visibility:visible!important;opacity:1!important;
  position:sticky!important;top:96px!important;align-self:start!important;
  width:300px!important;min-width:300px!important;max-width:300px!important;height:calc(100vh - 96px)!important;
  padding:16px 14px 22px!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:25!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(57,255,20,.13),transparent 32%),
    linear-gradient(180deg,rgba(19,11,31,.96),rgba(5,7,11,.98))!important;
  border-right:1px solid rgba(155,44,255,.42)!important;
  box-shadow:20px 0 70px rgba(0,0,0,.45), inset -1px 0 0 rgba(57,255,20,.11)!important;
}
body.streamx-v5.twitch-v53 .sts-fresh-left-panel::-webkit-scrollbar{width:6px!important;}
body.streamx-v5.twitch-v53 .sts-fresh-left-panel::-webkit-scrollbar-thumb{background:rgba(57,255,20,.28)!important;border-radius:99px!important;}
body.streamx-v5.twitch-v53 .sts-left-brand-card{display:grid!important;grid-template-columns:58px minmax(0,1fr) 9px!important;align-items:center!important;gap:12px!important;min-height:82px!important;margin:0 0 14px!important;padding:12px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(57,255,20,.16),rgba(155,44,255,.18)),rgba(255,255,255,.04)!important;border:1px solid rgba(57,255,20,.25)!important;box-shadow:0 0 34px rgba(57,255,20,.08),inset 0 0 0 1px rgba(255,255,255,.04)!important;}
body.streamx-v5.twitch-v53 .sts-left-brand-logo{width:58px!important;height:58px!important;border-radius:16px!important;object-fit:cover!important;box-shadow:0 0 20px rgba(155,44,255,.55)!important;}
body.streamx-v5.twitch-v53 .sts-left-brand-card strong{display:block!important;color:#fff!important;font-size:16px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.05em!important;text-transform:uppercase!important;}
body.streamx-v5.twitch-v53 .sts-left-brand-card span{display:block!important;margin-top:5px!important;color:var(--sts-neon)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important;}
body.streamx-v5.twitch-v53 .sts-left-brand-card i{width:9px!important;height:56px!important;border-radius:99px!important;background:linear-gradient(var(--sts-neon),var(--sts-purple))!important;box-shadow:0 0 18px rgba(57,255,20,.55)!important;}
body.streamx-v5.twitch-v53 .sts-left-quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:0 0 14px!important;}
body.streamx-v5.twitch-v53 .sts-left-quick-grid a{min-height:58px!important;padding:10px!important;border-radius:16px!important;text-decoration:none!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.075)!important;color:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;}
body.streamx-v5.twitch-v53 .sts-left-quick-grid a:hover{transform:translateY(-2px)!important;background:rgba(57,255,20,.10)!important;border-color:rgba(57,255,20,.28)!important;box-shadow:0 0 20px rgba(57,255,20,.10)!important;}
body.streamx-v5.twitch-v53 .sts-left-quick-grid b{color:var(--sts-neon)!important;font-size:16px!important;line-height:1!important;}
body.streamx-v5.twitch-v53 .sts-left-quick-grid span{font-size:11px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-group{display:block!important;margin:0 0 14px!important;padding:12px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 16px 44px rgba(0,0,0,.24)!important;}
body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-title{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 10px!important;}
body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-title span{font-size:12px!important;font-weight:1000!important;color:#fff!important;letter-spacing:.13em!important;text-transform:uppercase!important;}
body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-title a{font-size:10px!important;color:var(--sts-neon)!important;text-decoration:none!important;font-weight:900!important;}
body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel{display:grid!important;align-items:center!important;gap:10px!important;min-height:58px!important;grid-template-columns:42px minmax(0,1fr) auto!important;border-radius:16px!important;padding:8px!important;background:rgba(0,0,0,.26)!important;border:1px solid transparent!important;text-decoration:none!important;color:#fff!important;margin-bottom:8px!important;}
body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel:hover{border-color:rgba(57,255,20,.28)!important;background:rgba(57,255,20,.07)!important;}
body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel img{width:42px!important;height:42px!important;border-radius:14px!important;border:2px solid rgba(57,255,20,.75)!important;object-fit:cover!important;}
body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel b{display:block!important;max-width:150px!important;color:#fff!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel small{display:block!important;max-width:150px!important;color:rgba(255,255,255,.62)!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em{font-style:normal!important;color:var(--sts-neon)!important;font-size:11px!important;font-weight:1000!important;}
body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em.offline{color:rgba(255,255,255,.36)!important;}
body.streamx-v5.twitch-v53 .side-empty{padding:14px!important;border-radius:16px!important;background:rgba(0,0,0,.25)!important;color:rgba(255,255,255,.68)!important;}
body.streamx-v5.twitch-v53 .side-empty b{color:#fff!important;display:block!important;font-size:12px!important;}
body.streamx-v5.twitch-v53 .side-empty small{display:block!important;margin-top:4px!important;font-size:11px!important;}
body.streamx-v5.twitch-v53 .sts-left-category-pills{display:flex!important;flex-wrap:wrap!important;gap:7px!important;}
body.streamx-v5.twitch-v53 .sts-left-category-pills a{padding:7px 9px!important;border-radius:999px!important;background:rgba(57,255,20,.10)!important;color:#dfffca!important;border:1px solid rgba(57,255,20,.18)!important;font-size:11px!important;font-weight:900!important;text-decoration:none!important;}
body.streamx-v5.twitch-v53 .side-stat-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:9px 0!important;border-top:1px solid rgba(255,255,255,.06)!important;color:rgba(255,255,255,.78)!important;font-size:12px!important;font-weight:800!important;}
body.streamx-v5.twitch-v53 .side-stat-row:first-of-type{border-top:0!important;}
body.streamx-v5.twitch-v53 .side-stat-row strong{color:var(--sts-neon)!important;font-weight:1000!important;}

/* Main homepage content */
body.streamx-v5.twitch-v53 .sts-tv-main{width:100%!important;min-width:0!important;max-width:none!important;padding:24px 32px 70px!important;}
body.streamx-v5.twitch-v53 .sts-coverflow{height:500px!important;max-width:1540px!important;margin:0 auto 36px!important;border:1px solid rgba(155,44,255,.30)!important;border-radius:28px!important;background:radial-gradient(circle at 50% 38%,rgba(57,255,20,.10),transparent 42%),linear-gradient(135deg,rgba(5,16,7,.72),rgba(15,7,22,.84))!important;box-shadow:0 24px 90px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.035)!important;position:relative!important;overflow:hidden!important;}
body.streamx-v5.twitch-v53 .sts-coverflow:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(57,255,20,.06),transparent 26%,transparent 74%,rgba(155,44,255,.07))!important;pointer-events:none!important;}
body.streamx-v5.twitch-v53 .coverflow-stage{position:relative!important;height:100%!important;}
body.streamx-v5.twitch-v53 .coverflow-card{width:min(1080px,66vw)!important;height:380px!important;border-radius:22px!important;overflow:hidden!important;background:#050609!important;border:1px solid rgba(155,44,255,.42)!important;}
body.streamx-v5.twitch-v53 .coverflow-card.active{box-shadow:0 0 0 1px rgba(57,255,20,.28),0 0 42px rgba(155,44,255,.32),0 28px 80px rgba(0,0,0,.48)!important;}
body.streamx-v5.twitch-v53 .coverflow-card.left{transform:translate(calc(-50% - 500px),-50%) scale(.70)!important;opacity:.24!important;}
body.streamx-v5.twitch-v53 .coverflow-card.right{transform:translate(calc(-50% + 500px),-50%) scale(.70)!important;opacity:.24!important;}
body.streamx-v5.twitch-v53 .coverflow-card.far-left,
body.streamx-v5.twitch-v53 .coverflow-card.far-right{opacity:0!important;pointer-events:none!important;}
body.streamx-v5.twitch-v53 .coverflow-thumb{height:100%!important;background-size:cover!important;background-position:center!important;}
body.streamx-v5.twitch-v53 .coverflow-info{left:18px!important;right:18px!important;bottom:18px!important;border-radius:18px!important;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(5,18,6,.82))!important;border:1px solid rgba(57,255,20,.28)!important;padding:14px!important;}
body.streamx-v5.twitch-v53 .coverflow-info img{width:48px!important;height:48px!important;border-radius:50%!important;border:2px solid var(--sts-neon)!important;}
body.streamx-v5.twitch-v53 .coverflow-info strong{font-size:17px!important;}
body.streamx-v5.twitch-v53 .coverflow-arrow{width:58px!important;height:58px!important;border-radius:17px!important;background:rgba(13,16,24,.86)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:0 0 22px rgba(0,0,0,.35)!important;z-index:5!important;}
body.streamx-v5.twitch-v53 .coverflow-arrow:hover{background:var(--sts-neon)!important;color:#061006!important;}
body.streamx-v5.twitch-v53 .tv-row-section{max-width:1540px!important;margin:0 auto 40px!important;}
body.streamx-v5.twitch-v53 .tv-section-title{display:flex!important;align-items:end!important;justify-content:space-between!important;margin:0 0 18px!important;}
body.streamx-v5.twitch-v53 .tv-section-title h2{font-size:clamp(26px,2.1vw,38px)!important;line-height:1!important;margin:0!important;color:#fff!important;text-shadow:0 0 18px rgba(155,44,255,.25)!important;}
body.streamx-v5.twitch-v53 .tv-section-title a{color:#fff!important;opacity:.86!important;font-size:13px!important;font-weight:1000!important;text-decoration:none!important;}
body.streamx-v5.twitch-v53 .tv-section-title a:hover{color:var(--sts-neon)!important;opacity:1!important;}
body.streamx-v5.twitch-v53 .tv-card-row{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(315px,1fr))!important;gap:22px!important;}
body.streamx-v5.twitch-v53 .tv-live-card{border-radius:20px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden!important;box-shadow:0 20px 55px rgba(0,0,0,.22)!important;}
body.streamx-v5.twitch-v53 .tv-live-card:hover{transform:translateY(-4px)!important;border-color:rgba(57,255,20,.30)!important;box-shadow:0 18px 40px rgba(0,0,0,.34),0 0 24px rgba(57,255,20,.08)!important;}
body.streamx-v5.twitch-v53 .tv-thumb{height:178px!important;background-size:cover!important;background-position:center!important;}
body.streamx-v5.twitch-v53 .tv-live-info{padding:12px!important;}
body.streamx-v5.twitch-v53 .tv-category-row{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:18px!important;}
body.streamx-v5.twitch-v53 .tv-category-card{min-height:210px!important;border-radius:20px!important;overflow:hidden!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important;text-decoration:none!important;color:#fff!important;}
body.streamx-v5.twitch-v53 .tv-category-card div{height:145px!important;background-size:cover!important;background-position:center!important;}
body.streamx-v5.twitch-v53 .tv-category-card strong{display:block!important;padding:12px 12px 3px!important;font-size:15px!important;}
body.streamx-v5.twitch-v53 .tv-category-card small{display:block!important;padding:0 12px 12px!important;color:rgba(255,255,255,.60)!important;}
body.streamx-v5.twitch-v53 .tv-bottom-grid{max-width:1540px!important;margin:0 auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px!important;}

/* Footer matching refresh */
body.streamx-v5.twitch-v53 .sts-footer-shell{background:linear-gradient(180deg,rgba(5,5,8,.98),rgba(3,4,6,.98))!important;border-top:1px solid rgba(155,44,255,.32)!important;box-shadow:0 -20px 70px rgba(0,0,0,.32)!important;}
body.streamx-v5.twitch-v53 .sts-footer-logo{width:70px!important;height:70px!important;object-fit:contain!important;filter:drop-shadow(0 0 12px rgba(155,44,255,.62));}
body.streamx-v5.twitch-v53 .sts-footer-shell a:hover{color:var(--sts-neon)!important;}

@media(max-width:1600px){
  body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header{grid-template-columns:minmax(650px,1fr) minmax(280px,390px) auto!important;}
  body.streamx-v5.twitch-v53 .sts-mock-left{grid-template-columns:470px minmax(0,1fr)!important;gap:12px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-brand,body.streamx-v5.twitch-v53 .sts-mock-brand img{width:470px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-nav{gap:14px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-nav a,body.streamx-v5.twitch-v53 .sts-mock-more-btn{font-size:11px!important;letter-spacing:.10em!important;}
  body.streamx-v5.twitch-v53 .sts-tv-home{grid-template-columns:270px minmax(0,1fr)!important;}
  body.streamx-v5.twitch-v53 .sts-tv-sidebar,body.streamx-v5.twitch-v53 .sts-fresh-left-panel{width:270px!important;min-width:270px!important;max-width:270px!important;}
  body.streamx-v5.twitch-v53 .sts-tv-main{padding:22px 24px 58px!important;}
  body.streamx-v5.twitch-v53 .coverflow-card{width:min(920px,62vw)!important;height:340px!important;}
  body.streamx-v5.twitch-v53 .sts-coverflow{height:455px!important;}
}
@media(max-width:1180px){
  body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header{height:auto!important;min-height:72px!important;grid-template-columns:1fr auto!important;padding:6px 10px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-left{height:64px!important;grid-template-columns:300px minmax(0,1fr)!important;}
  body.streamx-v5.twitch-v53 .sts-mock-brand,body.streamx-v5.twitch-v53 .sts-mock-brand img{width:300px!important;height:64px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-nav{overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:7px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-search{display:none!important;}
  body.streamx-v5.twitch-v53 .sts-tv-home{display:block!important;}
  body.streamx-v5.twitch-v53 .sts-tv-sidebar,body.streamx-v5.twitch-v53 .sts-fresh-left-panel{display:none!important;}
  body.streamx-v5.twitch-v53 .sts-tv-main{padding:16px 12px 48px!important;}
  body.streamx-v5.twitch-v53 .sts-coverflow{height:330px!important;border-radius:20px!important;}
  body.streamx-v5.twitch-v53 .coverflow-card{width:92vw!important;height:260px!important;}
  body.streamx-v5.twitch-v53 .coverflow-card.left,body.streamx-v5.twitch-v53 .coverflow-card.right,body.streamx-v5.twitch-v53 .coverflow-card.far-left,body.streamx-v5.twitch-v53 .coverflow-card.far-right{opacity:0!important;pointer-events:none!important;}
  body.streamx-v5.twitch-v53 .tv-bottom-grid{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  body.streamx-v5.twitch-v53 .sts-mock-left{grid-template-columns:200px minmax(0,1fr)!important;}
  body.streamx-v5.twitch-v53 .sts-mock-brand,body.streamx-v5.twitch-v53 .sts-mock-brand img{width:200px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-actions .tw-btn:not(.primary){display:none!important;}
  body.streamx-v5.twitch-v53 .sts-coverflow{height:285px!important;}
  body.streamx-v5.twitch-v53 .coverflow-card{height:225px!important;}
  body.streamx-v5.twitch-v53 .tv-card-row{grid-template-columns:1fr!important;}
  body.streamx-v5.twitch-v53 .tv-category-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* ===== public/css/sts-v142-component-system.css ===== */
/* STS v5.6.142 - component based polish layer
   This file sits LAST so the site can be refreshed without fighting the older CSS stack. */
:root{
  --sts-bg:#050609;
  --sts-bg-2:#090b10;
  --sts-panel:rgba(12,16,22,.78);
  --sts-panel-2:rgba(18,10,28,.66);
  --sts-line:rgba(156,60,255,.28);
  --sts-line-green:rgba(78,255,23,.30);
  --sts-green:#43ff17;
  --sts-green-2:#b9ff1b;
  --sts-purple:#9b36ff;
  --sts-purple-2:#6d28ff;
  --sts-text:#f7f7fb;
  --sts-muted:rgba(247,247,251,.64);
  --sts-shadow:0 22px 80px rgba(0,0,0,.42);
  --sts-radius:22px;
}
*{box-sizing:border-box}
html{background:var(--sts-bg)!important;scrollbar-color:var(--sts-purple) #111!important;}
body.streamx-v5.twitch-v53{
  background:
    radial-gradient(circle at 18% 8%,rgba(77,255,23,.12),transparent 25%),
    radial-gradient(circle at 78% 18%,rgba(155,54,255,.16),transparent 32%),
    linear-gradient(135deg,#041008 0%,#050609 42%,#0b0711 100%)!important;
  color:var(--sts-text)!important;
  overflow-x:hidden!important;
}
a{transition:.18s ease!important}

/* final compact header */
body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header{
  position:sticky!important;top:0!important;z-index:1000!important;
  height:76px!important;min-height:76px!important;width:100%!important;
  display:grid!important;grid-template-columns:minmax(760px,1fr) minmax(360px,430px) auto!important;
  align-items:center!important;gap:18px!important;padding:0 18px!important;margin:0!important;
  background:linear-gradient(90deg,rgba(7,10,13,.98),rgba(21,11,30,.95) 45%,rgba(7,10,13,.98))!important;
  border-bottom:1px solid var(--sts-line)!important;box-shadow:0 12px 46px rgba(0,0,0,.48)!important;
  backdrop-filter:blur(18px)!important;
}
body.streamx-v5.twitch-v53 .sts-mock-left{display:grid!important;grid-template-columns:540px minmax(0,1fr)!important;align-items:center!important;gap:20px!important;min-width:0!important;height:76px!important;}
body.streamx-v5.twitch-v53 .sts-mock-brand{display:block!important;width:540px!important;height:76px!important;overflow:hidden!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
body.streamx-v5.twitch-v53 .sts-mock-brand img{width:540px!important;height:76px!important;object-fit:contain!important;object-position:left center!important;display:block!important;filter:drop-shadow(0 0 16px rgba(155,54,255,.36));}
body.streamx-v5.twitch-v53 .sts-mock-nav{height:76px!important;display:flex!important;align-items:end!important;gap:22px!important;min-width:0!important;overflow:hidden!important;padding-bottom:12px!important;}
body.streamx-v5.twitch-v53 .sts-mock-nav a,
body.streamx-v5.twitch-v53 .sts-mock-more-btn{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  height:25px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;
  color:#fff!important;text-decoration:none!important;text-transform:uppercase!important;letter-spacing:.15em!important;font-size:12px!important;font-weight:1000!important;white-space:nowrap!important;
  text-shadow:0 1px 0 #000!important;
}
body.streamx-v5.twitch-v53 .sts-mock-nav a:after,
body.streamx-v5.twitch-v53 .sts-mock-more-btn:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-8px!important;height:2px!important;background:linear-gradient(90deg,transparent,var(--sts-green),transparent)!important;opacity:0!important;transform:scaleX(.35)!important;transition:.18s ease!important;}
body.streamx-v5.twitch-v53 .sts-mock-nav a:hover,
body.streamx-v5.twitch-v53 .sts-mock-nav a.is-active,
body.streamx-v5.twitch-v53 .sts-mock-more-btn:hover{color:var(--sts-green-2)!important;}
body.streamx-v5.twitch-v53 .sts-mock-nav a:hover:after,
body.streamx-v5.twitch-v53 .sts-mock-nav a.is-active:after,
body.streamx-v5.twitch-v53 .sts-mock-more-btn:hover:after{opacity:1!important;transform:scaleX(1)!important;}
body.streamx-v5.twitch-v53 .sts-mock-more-menu{top:64px!important;right:0!important;min-width:210px!important;border-radius:18px!important;background:rgba(8,10,14,.96)!important;border:1px solid var(--sts-line)!important;box-shadow:var(--sts-shadow)!important;backdrop-filter:blur(16px)!important;padding:10px!important;}
body.streamx-v5.twitch-v53 .sts-mock-more-menu a{height:auto!important;padding:12px!important;border-radius:12px!important;justify-content:flex-start!important;letter-spacing:.08em!important;}
body.streamx-v5.twitch-v53 .sts-mock-more-menu a:hover{background:rgba(67,255,23,.10)!important;}
body.streamx-v5.twitch-v53 .sts-mock-search{height:42px!important;margin:0!important;min-width:0!important;max-width:none!important;display:grid!important;grid-template-columns:1fr 46px!important;border:1px solid var(--sts-line-green)!important;border-radius:0!important;background:rgba(12,16,24,.86)!important;box-shadow:0 0 22px rgba(67,255,23,.06)!important;}
body.streamx-v5.twitch-v53 .sts-mock-search input{height:40px!important;background:transparent!important;border:0!important;color:#fff!important;padding:0 16px!important;font-size:13px!important;font-weight:700!important;}
body.streamx-v5.twitch-v53 .sts-mock-search button{height:40px!important;border:0!important;border-left:1px solid var(--sts-line-green)!important;background:rgba(0,0,0,.20)!important;color:#fff!important;font-weight:1000!important;}
body.streamx-v5.twitch-v53 .sts-mock-actions{display:flex!important;align-items:center!important;gap:10px!important;height:76px!important;white-space:nowrap!important;}
body.streamx-v5.twitch-v53 .tw-btn,
body.streamx-v5.twitch-v53 button.tw-btn,
body.streamx-v5.twitch-v53 a.tw-btn{height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;padding:0 16px!important;background:rgba(18,25,37,.88)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;text-decoration:none!important;font-weight:1000!important;font-size:12px!important;}
body.streamx-v5.twitch-v53 .tw-btn.primary{background:linear-gradient(135deg,var(--sts-purple),#7c2cff)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 0 24px rgba(155,54,255,.24)!important;}
body.streamx-v5.twitch-v53 .sts-nav-profile img{width:42px!important;height:42px!important;border-radius:50%!important;border:2px solid var(--sts-purple)!important;object-fit:cover!important;box-shadow:0 0 18px rgba(155,54,255,.38)!important;}
body.streamx-v5.twitch-v53 .sts-crypto-ticker{height:24px!important;min-height:24px!important;overflow:hidden!important;background:rgba(0,0,0,.84)!important;border-bottom:1px solid rgba(67,255,23,.12)!important;opacity:.92!important;}
body.streamx-v5.twitch-v53 .sts-crypto-track{height:24px!important;align-items:center!important;}
body.streamx-v5.twitch-v53 .sts-crypto-item{font-size:12px!important;line-height:24px!important;}

/* universal page shell */
body.streamx-v5.twitch-v53 main.page.v5-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;}
body.streamx-v5.twitch-v53 main.page.v5-page > :not(.sts-tv-home):not(script):not(style){max-width:1540px!important;margin-left:auto!important;margin-right:auto!important;}
body.streamx-v5.twitch-v53 .v5-page-title,
body.streamx-v5.twitch-v53 .v5-page-title.wide,
body.streamx-v5.twitch-v53 .v53-page-head,
body.streamx-v5.twitch-v53 .platform-hero,
body.streamx-v5.twitch-v53 .compact-page-hero{
  border-radius:var(--sts-radius)!important;border:1px solid var(--sts-line)!important;
  background:radial-gradient(circle at 12% 8%,rgba(67,255,23,.12),transparent 28%),linear-gradient(135deg,rgba(12,16,22,.90),rgba(17,8,26,.82))!important;
  box-shadow:var(--sts-shadow)!important;padding:30px!important;margin-top:24px!important;margin-bottom:24px!important;
}
body.streamx-v5.twitch-v53 .v5-page-title h1,
body.streamx-v5.twitch-v53 .v53-page-head h1,
body.streamx-v5.twitch-v53 .platform-hero h1{font-size:clamp(32px,4vw,58px)!important;line-height:.95!important;margin:0 0 10px!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.02em!important;text-shadow:0 0 24px rgba(155,54,255,.28)!important;}
body.streamx-v5.twitch-v53 .v5-page-title p,
body.streamx-v5.twitch-v53 .v53-page-head p,
body.streamx-v5.twitch-v53 .platform-hero p{color:var(--sts-muted)!important;font-size:15px!important;max-width:820px!important;}
body.streamx-v5.twitch-v53 .card,
body.streamx-v5.twitch-v53 .panel,
body.streamx-v5.twitch-v53 .v5-card,
body.streamx-v5.twitch-v53 .admin-card,
body.streamx-v5.twitch-v53 .settings-card,
body.streamx-v5.twitch-v53 .dashboard-card,
body.streamx-v5.twitch-v53 .content-card,
body.streamx-v5.twitch-v53 .tv-panel{
  background:linear-gradient(145deg,rgba(13,17,24,.84),rgba(15,8,22,.76))!important;
  border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;box-shadow:0 18px 60px rgba(0,0,0,.30)!important;
}
body.streamx-v5.twitch-v53 input,
body.streamx-v5.twitch-v53 textarea,
body.streamx-v5.twitch-v53 select{background:rgba(8,12,18,.88)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;color:#fff!important;outline:none!important;}
body.streamx-v5.twitch-v53 input:focus,
body.streamx-v5.twitch-v53 textarea:focus,
body.streamx-v5.twitch-v53 select:focus{border-color:var(--sts-green)!important;box-shadow:0 0 0 3px rgba(67,255,23,.08)!important;}
body.streamx-v5.twitch-v53 table{border-collapse:separate!important;border-spacing:0 8px!important;width:100%!important;}
body.streamx-v5.twitch-v53 th{color:var(--sts-muted)!important;text-transform:uppercase!important;font-size:12px!important;letter-spacing:.08em!important;}
body.streamx-v5.twitch-v53 td{background:rgba(255,255,255,.035)!important;border-top:1px solid rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(255,255,255,.05)!important;}
body.streamx-v5.twitch-v53 td:first-child{border-left:1px solid rgba(255,255,255,.05)!important;border-radius:12px 0 0 12px!important;}
body.streamx-v5.twitch-v53 td:last-child{border-right:1px solid rgba(255,255,255,.05)!important;border-radius:0 12px 12px 0!important;}

/* homepage app layout */
body.streamx-v5.twitch-v53 .sts-tv-home{width:100%!important;display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:0!important;align-items:start!important;min-height:calc(100vh - 100px)!important;}
body.streamx-v5.twitch-v53 .sts-tv-sidebar,
body.streamx-v5.twitch-v53 .sts-fresh-left-panel{display:block!important;position:sticky!important;top:100px!important;align-self:start!important;width:300px!important;min-width:300px!important;height:calc(100vh - 100px)!important;overflow:auto!important;padding:18px!important;background:linear-gradient(180deg,rgba(14,10,24,.94),rgba(5,13,8,.94))!important;border-right:1px solid var(--sts-line)!important;box-shadow:18px 0 60px rgba(0,0,0,.24)!important;scrollbar-width:thin!important;}
body.streamx-v5.twitch-v53 .sts-left-brand-card{display:grid!important;grid-template-columns:58px 1fr 10px!important;align-items:center!important;gap:12px!important;padding:12px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(155,54,255,.16),rgba(67,255,23,.08))!important;border:1px solid rgba(255,255,255,.09)!important;margin-bottom:14px!important;}
body.streamx-v5.twitch-v53 .sts-left-brand-logo{width:58px!important;height:58px!important;object-fit:contain!important;filter:drop-shadow(0 0 12px rgba(155,54,255,.58));}
body.streamx-v5.twitch-v53 .sts-left-brand-card strong{display:block!important;font-size:14px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#fff!important;}
body.streamx-v5.twitch-v53 .sts-left-brand-card span{display:block!important;font-size:12px!important;color:var(--sts-muted)!important;}
body.streamx-v5.twitch-v53 .sts-left-brand-card i{display:block!important;width:8px!important;height:48px!important;background:linear-gradient(180deg,var(--sts-green),transparent)!important;border-radius:999px!important;}
body.streamx-v5.twitch-v53 .sts-left-quick-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0 0 16px!important;}
body.streamx-v5.twitch-v53 .sts-left-quick-grid a{min-height:64px!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;text-decoration:none!important;font-weight:1000!important;font-size:11px!important;text-transform:uppercase!important;}
body.streamx-v5.twitch-v53 .sts-left-quick-grid a:hover{border-color:var(--sts-green)!important;background:rgba(67,255,23,.10)!important;transform:translateY(-2px)!important;}
body.streamx-v5.twitch-v53 .sts-left-quick-grid b{color:var(--sts-green)!important;font-size:18px!important;}
body.streamx-v5.twitch-v53 .side-group{padding:14px!important;margin:0 0 14px!important;border-radius:18px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;}
body.streamx-v5.twitch-v53 .side-title{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important;}
body.streamx-v5.twitch-v53 .side-title span{font-size:12px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#fff!important;}
body.streamx-v5.twitch-v53 .side-title a{font-size:11px!important;color:var(--sts-green)!important;text-decoration:none!important;font-weight:900!important;}
body.streamx-v5.twitch-v53 .side-channel{display:grid!important;grid-template-columns:38px 1fr auto!important;align-items:center!important;gap:10px!important;padding:9px!important;border-radius:14px!important;color:#fff!important;text-decoration:none!important;}
body.streamx-v5.twitch-v53 .side-channel:hover{background:rgba(155,54,255,.12)!important;}
body.streamx-v5.twitch-v53 .side-channel img{width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid rgba(67,255,23,.45)!important;}
body.streamx-v5.twitch-v53 .side-channel b{display:block!important;max-width:130px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;}
body.streamx-v5.twitch-v53 .side-channel small{display:block!important;color:var(--sts-muted)!important;font-size:11px!important;}
body.streamx-v5.twitch-v53 .side-channel em{font-style:normal!important;font-size:11px!important;color:var(--sts-green)!important;font-weight:1000!important;}
body.streamx-v5.twitch-v53 .side-channel em:before{content:"• ";color:#ff2d62!important;}
body.streamx-v5.twitch-v53 .side-empty{padding:12px!important;border-radius:14px!important;background:rgba(0,0,0,.18)!important;color:var(--sts-muted)!important;}
body.streamx-v5.twitch-v53 .sts-left-category-pills{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
body.streamx-v5.twitch-v53 .sts-left-category-pills a{padding:8px 10px!important;border-radius:999px!important;background:rgba(67,255,23,.10)!important;border:1px solid rgba(67,255,23,.18)!important;color:#dfffca!important;text-decoration:none!important;font-weight:900!important;font-size:11px!important;}
body.streamx-v5.twitch-v53 .side-stat-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:9px 0!important;border-top:1px solid rgba(255,255,255,.06)!important;color:var(--sts-muted)!important;font-size:12px!important;font-weight:800!important;}
body.streamx-v5.twitch-v53 .side-stat-row:first-of-type{border-top:0!important;}
body.streamx-v5.twitch-v53 .side-stat-row strong{color:var(--sts-green)!important;}
body.streamx-v5.twitch-v53 .sts-tv-main{width:100%!important;min-width:0!important;max-width:none!important;padding:26px clamp(22px,3vw,52px) 70px!important;}
body.streamx-v5.twitch-v53 .sts-coverflow{height:560px!important;max-width:1540px!important;margin:0 auto 42px!important;border-radius:30px!important;border:1px solid var(--sts-line)!important;background:radial-gradient(circle at 45% 45%,rgba(67,255,23,.11),transparent 37%),linear-gradient(135deg,rgba(7,20,10,.78),rgba(14,8,22,.88))!important;box-shadow:var(--sts-shadow)!important;overflow:hidden!important;}
body.streamx-v5.twitch-v53 .coverflow-card{width:min(1180px,68vw)!important;height:420px!important;border-radius:22px!important;overflow:hidden!important;border:1px solid rgba(155,54,255,.45)!important;background:#050609!important;}
body.streamx-v5.twitch-v53 .coverflow-card.active{box-shadow:0 0 0 1px rgba(67,255,23,.24),0 0 54px rgba(155,54,255,.25),0 30px 90px rgba(0,0,0,.52)!important;}
body.streamx-v5.twitch-v53 .coverflow-thumb{height:100%!important;background-size:cover!important;background-position:center!important;}
body.streamx-v5.twitch-v53 .coverflow-info{left:22px!important;right:22px!important;bottom:20px!important;border-radius:18px!important;padding:14px!important;background:linear-gradient(90deg,rgba(0,0,0,.90),rgba(5,20,8,.86))!important;border:1px solid var(--sts-line-green)!important;}
body.streamx-v5.twitch-v53 .coverflow-info img{width:52px!important;height:52px!important;border-radius:50%!important;border:2px solid var(--sts-green)!important;}
body.streamx-v5.twitch-v53 .coverflow-arrow{width:58px!important;height:58px!important;border-radius:16px!important;background:rgba(15,18,26,.90)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-size:50px!important;line-height:1!important;z-index:8!important;}
body.streamx-v5.twitch-v53 .coverflow-arrow:hover{background:var(--sts-green)!important;color:#061006!important;}
body.streamx-v5.twitch-v53 .tv-row-section{max-width:1540px!important;margin:0 auto 42px!important;}
body.streamx-v5.twitch-v53 .tv-section-title{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;margin-bottom:18px!important;}
body.streamx-v5.twitch-v53 .tv-section-title h2{font-size:clamp(28px,2.4vw,42px)!important;line-height:.95!important;margin:0!important;color:#fff!important;}
body.streamx-v5.twitch-v53 .tv-section-title a{color:#fff!important;text-decoration:none!important;opacity:.82!important;font-weight:1000!important;font-size:13px!important;}
body.streamx-v5.twitch-v53 .tv-card-row{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:22px!important;align-items:start!important;}
body.streamx-v5.twitch-v53 .tv-live-card{display:block!important;border-radius:20px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden!important;text-decoration:none!important;color:#fff!important;min-width:0!important;}
body.streamx-v5.twitch-v53 .tv-live-card:hover{transform:translateY(-4px)!important;border-color:var(--sts-line-green)!important;box-shadow:0 18px 40px rgba(0,0,0,.34),0 0 24px rgba(67,255,23,.08)!important;}
body.streamx-v5.twitch-v53 .tv-thumb{height:190px!important;background-size:cover!important;background-position:center!important;position:relative!important;}
body.streamx-v5.twitch-v53 .tv-thumb span{position:absolute!important;left:10px!important;top:10px!important;background:#ff2d62!important;color:#fff!important;padding:5px 8px!important;border-radius:7px!important;font-size:11px!important;font-weight:1000!important;}
body.streamx-v5.twitch-v53 .tv-thumb em{position:absolute!important;right:10px!important;bottom:10px!important;background:rgba(0,0,0,.78)!important;color:#fff!important;padding:5px 8px!important;border-radius:999px!important;font-size:11px!important;font-weight:1000!important;font-style:normal!important;}
body.streamx-v5.twitch-v53 .tv-meta{display:grid!important;grid-template-columns:42px 1fr auto!important;gap:10px!important;align-items:start!important;padding:12px!important;}
body.streamx-v5.twitch-v53 .tv-meta img{width:42px!important;height:42px!important;border-radius:50%!important;object-fit:cover!important;}
body.streamx-v5.twitch-v53 .tv-meta strong{display:block!important;font-size:14px!important;line-height:1.2!important;}
body.streamx-v5.twitch-v53 .tv-meta small{display:block!important;color:var(--sts-muted)!important;font-size:12px!important;margin-top:3px!important;}
body.streamx-v5.twitch-v53 .tv-meta p{display:inline-flex!important;margin:6px 0 0!important;padding:4px 8px!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.75)!important;font-size:11px!important;}
body.streamx-v5.twitch-v53 .tv-category-row{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:18px!important;}
body.streamx-v5.twitch-v53 .tv-category-card{border-radius:20px!important;overflow:hidden!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;text-decoration:none!important;color:#fff!important;}
body.streamx-v5.twitch-v53 .tv-category-card:hover{transform:translateY(-4px)!important;border-color:var(--sts-purple)!important;}
body.streamx-v5.twitch-v53 .tv-category-card div{height:150px!important;background-size:cover!important;background-position:center!important;}
body.streamx-v5.twitch-v53 .tv-category-card strong{display:block!important;padding:12px 12px 3px!important;}
body.streamx-v5.twitch-v53 .tv-category-card small{display:block!important;padding:0 12px 12px!important;color:var(--sts-muted)!important;}
body.streamx-v5.twitch-v53 .tv-bottom-grid{max-width:1540px!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:22px!important;}
body.streamx-v5.twitch-v53 .pick-list{display:grid!important;gap:10px!important;}
body.streamx-v5.twitch-v53 .pick-list a{display:grid!important;grid-template-columns:44px 1fr auto!important;gap:10px!important;align-items:center!important;padding:10px!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;color:#fff!important;text-decoration:none!important;}
body.streamx-v5.twitch-v53 .pick-list img{width:44px!important;height:44px!important;border-radius:50%!important;object-fit:cover!important;}
body.streamx-v5.twitch-v53 .mobile-callout{min-height:210px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:12px!important;padding:24px!important;border-radius:18px!important;background:radial-gradient(circle at right,rgba(67,255,23,.14),transparent 35%),rgba(255,255,255,.035)!important;}
body.streamx-v5.twitch-v53 .mobile-callout b{font-size:28px!important;line-height:1!important;}
body.streamx-v5.twitch-v53 .mobile-callout span{color:var(--sts-muted)!important;}
body.streamx-v5.twitch-v53 .mobile-callout a{background:var(--sts-green)!important;color:#061006!important;border-radius:12px!important;padding:10px 14px!important;text-decoration:none!important;font-weight:1000!important;}

/* footer */
body.streamx-v5.twitch-v53 .sts-footer-shell{margin:0!important;padding:26px clamp(20px,4vw,64px)!important;background:linear-gradient(180deg,rgba(5,6,9,.98),rgba(2,3,5,.98))!important;border-top:1px solid var(--sts-line)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;}
body.streamx-v5.twitch-v53 .sts-footer-brand{display:flex!important;align-items:center!important;gap:14px!important;max-width:680px!important;color:var(--sts-muted)!important;}
body.streamx-v5.twitch-v53 .sts-footer-logo{width:68px!important;height:68px!important;object-fit:contain!important;filter:drop-shadow(0 0 14px rgba(155,54,255,.54));}
body.streamx-v5.twitch-v53 .sts-footer-shell nav{display:flex!important;flex-wrap:wrap!important;gap:14px!important;justify-content:flex-end!important;}
body.streamx-v5.twitch-v53 .sts-footer-shell nav a{color:#fff!important;text-decoration:none!important;font-weight:900!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.08em!important;opacity:.75!important;}
body.streamx-v5.twitch-v53 .sts-footer-shell nav a:hover{opacity:1!important;color:var(--sts-green)!important;}

@media(max-width:1500px){
  body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header{grid-template-columns:minmax(620px,1fr) minmax(300px,380px) auto!important;gap:14px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-left{grid-template-columns:430px minmax(0,1fr)!important;gap:14px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-brand,body.streamx-v5.twitch-v53 .sts-mock-brand img{width:430px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-nav{gap:14px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-nav a,body.streamx-v5.twitch-v53 .sts-mock-more-btn{font-size:11px!important;letter-spacing:.10em!important;}
  body.streamx-v5.twitch-v53 .sts-tv-home{grid-template-columns:280px minmax(0,1fr)!important;}
  body.streamx-v5.twitch-v53 .sts-tv-sidebar,body.streamx-v5.twitch-v53 .sts-fresh-left-panel{width:280px!important;min-width:280px!important;}
  body.streamx-v5.twitch-v53 .coverflow-card{width:min(960px,64vw)!important;height:360px!important;}
  body.streamx-v5.twitch-v53 .sts-coverflow{height:490px!important;}
}
@media(max-width:1180px){
  body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header{height:auto!important;min-height:72px!important;grid-template-columns:1fr auto!important;padding:0 10px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-left{grid-template-columns:300px minmax(0,1fr)!important;height:70px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-brand,body.streamx-v5.twitch-v53 .sts-mock-brand img{width:300px!important;height:70px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-nav{overflow-x:auto!important;scrollbar-width:none!important;height:70px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-search{display:none!important;}
  body.streamx-v5.twitch-v53 .sts-tv-home{display:block!important;}
  body.streamx-v5.twitch-v53 .sts-tv-sidebar,body.streamx-v5.twitch-v53 .sts-fresh-left-panel{display:none!important;}
  body.streamx-v5.twitch-v53 .sts-tv-main{padding:16px 12px 52px!important;}
  body.streamx-v5.twitch-v53 .sts-coverflow{height:340px!important;border-radius:20px!important;}
  body.streamx-v5.twitch-v53 .coverflow-card{width:92vw!important;height:260px!important;}
  body.streamx-v5.twitch-v53 .coverflow-card.left,body.streamx-v5.twitch-v53 .coverflow-card.right,body.streamx-v5.twitch-v53 .coverflow-card.far-left,body.streamx-v5.twitch-v53 .coverflow-card.far-right{opacity:0!important;pointer-events:none!important;}
  body.streamx-v5.twitch-v53 .tv-bottom-grid{grid-template-columns:1fr!important;}
  body.streamx-v5.twitch-v53 .sts-footer-shell{display:block!important;text-align:left!important;}
  body.streamx-v5.twitch-v53 .sts-footer-shell nav{justify-content:flex-start!important;margin-top:18px!important;}
}
@media(max-width:720px){
  body.streamx-v5.twitch-v53 .sts-mock-left{grid-template-columns:190px minmax(0,1fr)!important;}
  body.streamx-v5.twitch-v53 .sts-mock-brand,body.streamx-v5.twitch-v53 .sts-mock-brand img{width:190px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-actions .tw-btn:not(.primary){display:none!important;}
  body.streamx-v5.twitch-v53 .sts-coverflow{height:285px!important;}
  body.streamx-v5.twitch-v53 .coverflow-card{height:225px!important;}
  body.streamx-v5.twitch-v53 .tv-card-row{grid-template-columns:1fr!important;}
  body.streamx-v5.twitch-v53 .tv-category-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* ===== public/css/sts-v143-left-panel-force.css ===== */
/* STS v5.6.143 - Force the fresh left panel/card to show and clean the home layout */
html body.streamx-v5.twitch-v53{
  --sts-left-panel-w: 292px;
  --sts-top-offset: 96px;
}

html body.streamx-v5.twitch-v53 main.page.v5-page{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

html body.streamx-v5.twitch-v53 .sts-tv-home{
  width:100% !important;
  max-width:none !important;
  min-height:calc(100vh - var(--sts-top-offset)) !important;
  display:grid !important;
  grid-template-columns:var(--sts-left-panel-w) minmax(0,1fr) !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  background:
    radial-gradient(circle at 24% 8%, rgba(57,255,20,.12), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(155,54,255,.12), transparent 32%),
    linear-gradient(115deg,#020804 0%,#050609 48%,#0b0511 100%) !important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar.sts-fresh-left-panel,
html body.streamx-v5.twitch-v53 aside.sts-tv-sidebar.sts-fresh-left-panel{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:sticky !important;
  top:var(--sts-top-offset) !important;
  left:0 !important;
  z-index:30 !important;
  width:var(--sts-left-panel-w) !important;
  min-width:var(--sts-left-panel-w) !important;
  max-width:var(--sts-left-panel-w) !important;
  height:calc(100vh - var(--sts-top-offset)) !important;
  min-height:calc(100vh - var(--sts-top-offset)) !important;
  padding:16px 14px 22px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(57,255,20,.18), transparent 36%),
    radial-gradient(circle at 100% 18%, rgba(155,54,255,.20), transparent 34%),
    linear-gradient(180deg,rgba(16,10,28,.98),rgba(3,12,7,.98)) !important;
  border-right:1px solid rgba(155,54,255,.45) !important;
  box-shadow:18px 0 70px rgba(0,0,0,.52), inset -1px 0 0 rgba(57,255,20,.13) !important;
  transform:none !important;
}

html body.streamx-v5.twitch-v53 .sts-fresh-left-panel,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel *{
  box-sizing:border-box !important;
  visibility:visible !important;
}

html body.streamx-v5.twitch-v53 .sts-fresh-left-panel::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,rgba(57,255,20,.05),transparent 34%,rgba(155,54,255,.04)) !important;
  z-index:0 !important;
}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel > *{position:relative !important;z-index:1 !important;}

html body.streamx-v5.twitch-v53 .sts-left-brand-card{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) 8px !important;
  align-items:center !important;
  gap:12px !important;
  min-height:84px !important;
  margin:0 0 14px !important;
  padding:12px !important;
  border-radius:22px !important;
  background:
    linear-gradient(135deg,rgba(57,255,20,.16),rgba(155,54,255,.20)),
    rgba(255,255,255,.045) !important;
  border:1px solid rgba(57,255,20,.28) !important;
  box-shadow:0 0 34px rgba(57,255,20,.08), inset 0 0 0 1px rgba(255,255,255,.04) !important;
  overflow:hidden !important;
}
html body.streamx-v5.twitch-v53 .sts-left-brand-logo{
  display:block !important;
  width:58px !important;
  height:58px !important;
  border-radius:17px !important;
  object-fit:cover !important;
  filter:drop-shadow(0 0 14px rgba(155,54,255,.72)) !important;
}
html body.streamx-v5.twitch-v53 .sts-left-brand-card strong{
  display:block !important;
  color:#fff !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}
html body.streamx-v5.twitch-v53 .sts-left-brand-card span{
  display:block !important;
  margin-top:5px !important;
  color:#39ff14 !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
}
html body.streamx-v5.twitch-v53 .sts-left-brand-card i{
  display:block !important;
  width:8px !important;
  height:52px !important;
  border-radius:99px !important;
  background:linear-gradient(180deg,#39ff14,#8e2cff) !important;
  box-shadow:0 0 18px rgba(57,255,20,.55) !important;
}

html body.streamx-v5.twitch-v53 .sts-left-quick-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:9px !important;
  margin:0 0 14px !important;
}
html body.streamx-v5.twitch-v53 .sts-left-quick-grid a{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  min-height:58px !important;
  padding:10px !important;
  border-radius:16px !important;
  text-decoration:none !important;
  color:#fff !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  font-size:11px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}
html body.streamx-v5.twitch-v53 .sts-left-quick-grid a:hover{background:rgba(57,255,20,.12) !important;border-color:rgba(57,255,20,.34) !important;transform:translateY(-2px) !important;}
html body.streamx-v5.twitch-v53 .sts-left-quick-grid b{color:#39ff14 !important;font-size:16px !important;line-height:1 !important;}

html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-group{
  display:block !important;
  margin:0 0 14px !important;
  padding:12px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.028)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 16px 44px rgba(0,0,0,.24) !important;
}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-title{display:flex !important;align-items:center !important;justify-content:space-between !important;margin:0 0 10px !important;}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-title span{font-size:12px !important;font-weight:1000 !important;color:#fff !important;letter-spacing:.13em !important;text-transform:uppercase !important;}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-title a{font-size:10px !important;color:#39ff14 !important;text-decoration:none !important;font-weight:900 !important;}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  min-height:58px !important;
  padding:8px !important;
  margin-bottom:8px !important;
  border-radius:16px !important;
  background:rgba(0,0,0,.26) !important;
  border:1px solid transparent !important;
  color:#fff !important;
  text-decoration:none !important;
}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel:hover{border-color:rgba(57,255,20,.28) !important;background:rgba(57,255,20,.07) !important;}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel img{width:42px !important;height:42px !important;border-radius:14px !important;object-fit:cover !important;border:2px solid rgba(57,255,20,.75) !important;}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel b{display:block !important;max-width:145px !important;color:#fff !important;font-size:12px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel small{display:block !important;max-width:145px !important;color:rgba(255,255,255,.62) !important;font-size:11px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em{font-style:normal !important;color:#39ff14 !important;font-size:11px !important;font-weight:1000 !important;}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em::before{content:"• " !important;color:#ff2d62 !important;}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-empty{display:flex !important;flex-direction:column !important;gap:4px !important;padding:14px !important;border-radius:16px !important;background:rgba(0,0,0,.25) !important;color:rgba(255,255,255,.72) !important;}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-empty b{color:#fff !important;font-size:12px !important;}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-empty small{font-size:11px !important;color:rgba(255,255,255,.58) !important;}
html body.streamx-v5.twitch-v53 .sts-left-category-pills{display:flex !important;flex-wrap:wrap !important;gap:7px !important;}
html body.streamx-v5.twitch-v53 .sts-left-category-pills a{display:inline-flex !important;padding:7px 9px !important;border-radius:999px !important;background:rgba(57,255,20,.10) !important;color:#dfffca !important;border:1px solid rgba(57,255,20,.18) !important;font-size:11px !important;font-weight:900 !important;text-decoration:none !important;}
html body.streamx-v5.twitch-v53 .sts-left-category-pills a:hover{background:#39ff14 !important;color:#041008 !important;}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-stat-row{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;padding:9px 0 !important;border-top:1px solid rgba(255,255,255,.06) !important;color:rgba(255,255,255,.68) !important;font-size:12px !important;font-weight:800 !important;}
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-stat-row strong{color:#39ff14 !important;font-weight:1000 !important;}

html body.streamx-v5.twitch-v53 .sts-tv-main{
  grid-column:2 !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  padding:26px clamp(22px,3vw,52px) 70px !important;
  overflow:hidden !important;
}
html body.streamx-v5.twitch-v53 .sts-coverflow{max-width:1540px !important;}
html body.streamx-v5.twitch-v53 .tv-row-section{max-width:1540px !important;}

@media(max-width:1500px){
  html body.streamx-v5.twitch-v53{--sts-left-panel-w:260px;}
  html body.streamx-v5.twitch-v53 .sts-tv-main{padding:18px 22px 48px !important;}
}
@media(max-width:1080px){
  html body.streamx-v5.twitch-v53 .sts-tv-home{display:block !important;}
  html body.streamx-v5.twitch-v53 aside.sts-tv-sidebar.sts-fresh-left-panel{display:none !important;}
  html body.streamx-v5.twitch-v53 .sts-tv-main{grid-column:auto !important;padding:14px 12px 52px !important;}
}


/* ===== public/css/sts-v144-header-unsquash.css ===== */
/* STS v5.6.144 - Header unsquash / mockup proportion fix
   Keeps the mockup banner full-height, gives the nav real room, and stops the logo/nav from being crushed. */
:root{
  --sts-hdr-h:92px;
  --sts-hdr-green:#63ff18;
  --sts-hdr-purple:#a020ff;
}

html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header,
body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header,
.tw-topbar.sts-glass-nav.sts-mockup-header{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:var(--sts-hdr-h)!important;
  min-height:var(--sts-hdr-h)!important;
  max-height:var(--sts-hdr-h)!important;
  padding:0 16px!important;
  display:grid!important;
  grid-template-columns:minmax(1120px,1fr) minmax(360px,430px) auto!important;
  align-items:center!important;
  gap:16px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 9% 48%, rgba(99,255,24,.16), transparent 10%),
    radial-gradient(circle at 25% 45%, rgba(160,32,255,.28), transparent 22%),
    radial-gradient(circle at 55% 50%, rgba(99,255,24,.08), transparent 24%),
    linear-gradient(180deg,#242428 0%,#17171d 52%,#0b0c10 100%)!important;
  border-bottom:1px solid rgba(99,255,24,.52)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.62), inset 0 -1px 0 rgba(160,32,255,.60)!important;
  z-index:99999!important;
}

html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header::before,
.tw-topbar.sts-glass-nav.sts-mockup-header::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg, rgba(160,32,255,.20), transparent 26%, rgba(99,255,24,.10) 42%, transparent 66%, rgba(160,32,255,.12))!important;
  opacity:1!important;
}

html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header::after,
.tw-topbar.sts-glass-nav.sts-mockup-header::after{
  content:""!important;
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  bottom:5px!important;
  height:1px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(99,255,24,.7),rgba(160,32,255,.58),transparent)!important;
}

body.streamx-v5.twitch-v53 .sts-mock-left,
html body.streamx-v5.twitch-v53 .sts-mock-left{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  height:var(--sts-hdr-h)!important;
  display:grid!important;
  grid-template-columns:600px minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  overflow:hidden!important;
}

body.streamx-v5.twitch-v53 .sts-mock-brand,
html body.streamx-v5.twitch-v53 .sts-mock-brand{
  width:600px!important;
  min-width:600px!important;
  height:86px!important;
  display:block!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}

body.streamx-v5.twitch-v53 .sts-mock-brand img,
html body.streamx-v5.twitch-v53 .sts-mock-brand img{
  width:600px!important;
  height:86px!important;
  max-width:none!important;
  display:block!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  filter:drop-shadow(0 0 14px rgba(160,32,255,.62)) drop-shadow(0 0 10px rgba(99,255,24,.16))!important;
}

body.streamx-v5.twitch-v53 .sts-mock-nav,
html body.streamx-v5.twitch-v53 .sts-mock-nav{
  position:relative!important;
  z-index:3!important;
  height:86px!important;
  min-width:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:16px!important;
  padding:0 0 18px!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

body.streamx-v5.twitch-v53 .sts-mock-nav a,
body.streamx-v5.twitch-v53 .sts-mock-more-btn,
html body.streamx-v5.twitch-v53 .sts-mock-nav a,
html body.streamx-v5.twitch-v53 .sts-mock-more-btn{
  flex:0 0 auto!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f4f2f7!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  text-shadow:0 2px 0 #000!important;
}

body.streamx-v5.twitch-v53 .sts-mock-nav a.is-active,
body.streamx-v5.twitch-v53 .sts-mock-nav a:hover,
body.streamx-v5.twitch-v53 .sts-mock-more-btn:hover,
html body.streamx-v5.twitch-v53 .sts-mock-nav a.is-active,
html body.streamx-v5.twitch-v53 .sts-mock-nav a:hover,
html body.streamx-v5.twitch-v53 .sts-mock-more-btn:hover{
  color:var(--sts-hdr-green)!important;
  text-shadow:0 0 12px rgba(99,255,24,.70),0 2px 0 #000!important;
}

body.streamx-v5.twitch-v53 .sts-mock-nav a::after,
body.streamx-v5.twitch-v53 .sts-mock-more-btn::after,
html body.streamx-v5.twitch-v53 .sts-mock-nav a::after,
html body.streamx-v5.twitch-v53 .sts-mock-more-btn::after{
  bottom:-8px!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,var(--sts-hdr-green),transparent)!important;
}

body.streamx-v5.twitch-v53 .sts-mock-more-wrap,
html body.streamx-v5.twitch-v53 .sts-mock-more-wrap{
  flex:0 0 auto!important;
  position:relative!important;
}

body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-search,
html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-search{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  max-width:430px!important;
  min-width:0!important;
  height:42px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 48px!important;
  align-items:center!important;
  border:1px solid rgba(99,255,24,.50)!important;
  border-radius:0!important;
  background:rgba(13,17,26,.92)!important;
  box-shadow:0 0 20px rgba(99,255,24,.07), inset 0 -1px 0 rgba(99,255,24,.12)!important;
  overflow:visible!important;
}

body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-search input,
html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-search input{
  height:40px!important;
  min-width:0!important;
  background:transparent!important;
  border:0!important;
  color:#fff!important;
  padding:0 16px!important;
  font-size:13px!important;
  font-weight:800!important;
}

body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-search button,
html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-search button{
  width:48px!important;
  height:40px!important;
  border:0!important;
  border-left:1px solid rgba(99,255,24,.34)!important;
  background:rgba(0,0,0,.22)!important;
  color:#fff!important;
}

body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-actions,
html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-actions{
  position:relative!important;
  z-index:3!important;
  height:86px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  white-space:nowrap!important;
}

body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header .tw-btn,
html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header .tw-btn{
  height:40px!important;
  min-height:40px!important;
  padding:0 16px!important;
  border-radius:8px!important;
  font-size:13px!important;
  font-weight:1000!important;
}

/* Make the ticker thinner so it stops crushing the header visually */
body.streamx-v5.twitch-v53 .sts-crypto-ticker,
html body.streamx-v5.twitch-v53 .sts-crypto-ticker{
  height:24px!important;
  min-height:24px!important;
  line-height:24px!important;
  overflow:hidden!important;
  border-top:0!important;
  border-bottom:1px solid rgba(99,255,24,.22)!important;
}
body.streamx-v5.twitch-v53 .sts-crypto-track,
html body.streamx-v5.twitch-v53 .sts-crypto-track{
  height:24px!important;
  align-items:center!important;
}

@media(max-width:1680px){
  html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header,
  body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header{
    grid-template-columns:minmax(900px,1fr) minmax(310px,390px) auto!important;
    gap:12px!important;
  }
  body.streamx-v5.twitch-v53 .sts-mock-left,
  html body.streamx-v5.twitch-v53 .sts-mock-left{grid-template-columns:500px minmax(0,1fr)!important;gap:14px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-brand,
  html body.streamx-v5.twitch-v53 .sts-mock-brand,
  body.streamx-v5.twitch-v53 .sts-mock-brand img,
  html body.streamx-v5.twitch-v53 .sts-mock-brand img{width:500px!important;min-width:500px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-nav,
  html body.streamx-v5.twitch-v53 .sts-mock-nav{gap:13px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-nav a,
  body.streamx-v5.twitch-v53 .sts-mock-more-btn,
  html body.streamx-v5.twitch-v53 .sts-mock-nav a,
  html body.streamx-v5.twitch-v53 .sts-mock-more-btn{font-size:12px!important;letter-spacing:.11em!important;}
}

@media(max-width:1320px){
  html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header,
  body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header{
    grid-template-columns:1fr auto!important;
    height:78px!important;
    min-height:78px!important;
    max-height:78px!important;
    padding:0 10px!important;
  }
  body.streamx-v5.twitch-v53 .sts-mock-left,
  html body.streamx-v5.twitch-v53 .sts-mock-left{height:78px!important;grid-template-columns:360px minmax(0,1fr)!important;gap:10px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-brand,
  html body.streamx-v5.twitch-v53 .sts-mock-brand,
  body.streamx-v5.twitch-v53 .sts-mock-brand img,
  html body.streamx-v5.twitch-v53 .sts-mock-brand img{width:360px!important;min-width:360px!important;height:72px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-nav,
  html body.streamx-v5.twitch-v53 .sts-mock-nav{height:78px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:14px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-nav::-webkit-scrollbar{display:none!important;}
  body.streamx-v5.twitch-v53 .sts-mock-search,
  html body.streamx-v5.twitch-v53 .sts-mock-search{display:none!important;}
}

@media(max-width:760px){
  html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header,
  body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header{height:72px!important;min-height:72px!important;max-height:72px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-left,
  html body.streamx-v5.twitch-v53 .sts-mock-left{height:72px!important;grid-template-columns:210px minmax(0,1fr)!important;}
  body.streamx-v5.twitch-v53 .sts-mock-brand,
  html body.streamx-v5.twitch-v53 .sts-mock-brand,
  body.streamx-v5.twitch-v53 .sts-mock-brand img,
  html body.streamx-v5.twitch-v53 .sts-mock-brand img{width:210px!important;min-width:210px!important;height:66px!important;}
  body.streamx-v5.twitch-v53 .sts-mock-actions .tw-btn:not(.primary),
  html body.streamx-v5.twitch-v53 .sts-mock-actions .tw-btn:not(.primary){display:none!important;}
}


/* ===== public/css/sts-v146-header-clean-nav.css ===== */

/* STS v5.6.146 - Header clean nav update
   - Removes STS LIVE HUB text badge
   - Moves nav closer left
   - Removes Games from header via template
   - Keeps header brand unsquashed and gives search room
*/
html body.streamx-v5.twitch-v53 .sts-tv-sidebar::before,
html body.streamx-v5.twitch-v53 .sts-left-panel::before,
html body.streamx-v5.twitch-v53 .sts-live-hub,
html body.streamx-v5.twitch-v53 .header-title,
html body.streamx-v5.twitch-v53 .header-subtitle{
  display:none!important;
  content:none!important;
}

html body.streamx-v5.twitch-v53 .sts-mockup-header{
  grid-template-columns:minmax(900px,1fr) minmax(360px,430px) auto!important;
  gap:18px!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-left{
  grid-template-columns:560px minmax(0,1fr)!important;
  gap:6px!important;
  align-items:center!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-brand,
html body.streamx-v5.twitch-v53 .sts-mock-brand img{
  width:560px!important;
  min-width:560px!important;
  max-width:560px!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-nav{
  margin-left:-2px!important;
  justify-content:flex-start!important;
  gap:18px!important;
  overflow:hidden!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-nav a,
html body.streamx-v5.twitch-v53 .sts-mock-more-btn{
  font-size:12px!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-search{
  width:100%!important;
  min-width:360px!important;
  max-width:430px!important;
}

@media (max-width:1500px){
  html body.streamx-v5.twitch-v53 .sts-mockup-header{
    grid-template-columns:minmax(760px,1fr) minmax(300px,380px) auto!important;
    gap:12px!important;
  }
  html body.streamx-v5.twitch-v53 .sts-mock-left{grid-template-columns:455px minmax(0,1fr)!important;gap:4px!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-brand,
  html body.streamx-v5.twitch-v53 .sts-mock-brand img{width:455px!important;min-width:455px!important;max-width:455px!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-nav{gap:14px!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-nav a,
  html body.streamx-v5.twitch-v53 .sts-mock-more-btn{font-size:11px!important;letter-spacing:.10em!important;}
}

@media (max-width:1180px){
  html body.streamx-v5.twitch-v53 .sts-mockup-header{grid-template-columns:1fr!important;min-height:auto!important;height:auto!important;padding:6px 10px 8px!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-left{grid-template-columns:300px minmax(0,1fr)!important;width:100%!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-brand,
  html body.streamx-v5.twitch-v53 .sts-mock-brand img{width:300px!important;min-width:300px!important;max-width:300px!important;height:58px!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-nav{overflow-x:auto!important;scrollbar-width:none!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-nav::-webkit-scrollbar{display:none!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-search{max-width:none!important;min-width:0!important;}
}


/* ===== public/css/sts-v147-search-box-fix.css ===== */
/* STS v5.6.147 - Search box clean alignment fix
   Fixes the header search looking too tall/stacked, keeps the icon button flush,
   and prevents the dropdown box from showing unless results are open. */
:root{
  --sts-search-green:#39ff14;
  --sts-search-purple:#8f2cff;
}

html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header .tw-search.sts-nav-search.sts-mock-search,
html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 48px!important;
  align-items:center!important;
  align-self:center!important;
  width:clamp(320px,24vw,430px)!important;
  min-width:320px!important;
  max-width:430px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(57,255,20,.72)!important;
  border-radius:2px!important;
  background:linear-gradient(180deg,rgba(18,22,33,.98),rgba(10,13,20,.98))!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.7) inset,0 0 18px rgba(57,255,20,.08)!important;
  overflow:visible!important;
  z-index:100001!important;
  flex:0 0 auto!important;
}

html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-search input,
html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search input,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search input{
  display:block!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  line-height:42px!important;
  margin:0!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  color:#f8fafc!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  box-shadow:none!important;
}

html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search input::placeholder,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search input::placeholder{
  color:rgba(230,238,247,.62)!important;
  opacity:1!important;
  text-transform:none!important;
}

html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-search button,
html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search button,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search button{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid rgba(57,255,20,.50)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(8,12,18,.96),rgba(3,5,8,.96))!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search:focus-within,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search:focus-within{
  border-color:rgba(57,255,20,.96)!important;
  box-shadow:0 0 0 1px rgba(57,255,20,.18) inset,0 0 22px rgba(57,255,20,.22),0 0 28px rgba(143,44,255,.12)!important;
}

html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search button:hover,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search button:hover{
  background:var(--sts-search-green)!important;
  color:#041008!important;
}

/* Never reserve space for search results while closed */
html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search .sts-search-results,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search .sts-search-results{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 10px)!important;
  left:0!important;
  right:0!important;
  min-width:100%!important;
  width:100%!important;
  max-width:430px!important;
  padding:8px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#090d14,#05070c)!important;
  border:1px solid rgba(57,255,20,.46)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.72),0 0 28px rgba(57,255,20,.10)!important;
  z-index:100002!important;
}

html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search .sts-search-results.open,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search .sts-search-results.open{
  display:block!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-actions,
body.streamx-v5.twitch-v53 .sts-mock-actions{
  align-self:center!important;
}

@media(max-width:1500px){
  html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search,
  body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search{
    width:clamp(280px,24vw,380px)!important;
    min-width:280px!important;
    max-width:380px!important;
  }
}

@media(max-width:1180px){
  html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search,
  body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* ===== public/css/sts-v148-search-layout-final.css ===== */
/* STS v5.6.148 - Header search final layout fix
   Stops the search box overlapping/cutting the navigation and keeps the box clean. */
:root{
  --sts-search-w:430px;
  --sts-actions-w:170px;
  --sts-brand-w:520px;
  --sts-head-h:78px;
}

html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header,
body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--sts-search-w) auto!important;
  align-items:center!important;
  column-gap:26px!important;
  height:var(--sts-head-h)!important;
  min-height:var(--sts-head-h)!important;
  max-height:var(--sts-head-h)!important;
  padding:0 14px!important;
  overflow:hidden!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-left,
body.streamx-v5.twitch-v53 .sts-mock-left{
  grid-column:1!important;
  display:grid!important;
  grid-template-columns:var(--sts-brand-w) minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  min-width:0!important;
  width:100%!important;
  height:var(--sts-head-h)!important;
  overflow:hidden!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-brand,
html body.streamx-v5.twitch-v53 .sts-mock-brand img,
body.streamx-v5.twitch-v53 .sts-mock-brand,
body.streamx-v5.twitch-v53 .sts-mock-brand img{
  width:var(--sts-brand-w)!important;
  min-width:var(--sts-brand-w)!important;
  max-width:var(--sts-brand-w)!important;
  height:74px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-nav,
body.streamx-v5.twitch-v53 .sts-mock-nav{
  grid-column:2!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:19px!important;
  height:74px!important;
  padding:0 0 13px!important;
  margin:0!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  mask-image:linear-gradient(90deg,#000 0%,#000 92%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 92%,transparent 100%)!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-nav a,
html body.streamx-v5.twitch-v53 .sts-mock-more-btn,
body.streamx-v5.twitch-v53 .sts-mock-nav a,
body.streamx-v5.twitch-v53 .sts-mock-more-btn{
  flex:0 0 auto!important;
  font-size:12px!important;
  letter-spacing:.12em!important;
  line-height:1!important;
  padding:0!important;
  margin:0!important;
}

html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search{
  grid-column:2!important;
  justify-self:end!important;
  align-self:center!important;
  width:var(--sts-search-w)!important;
  min-width:var(--sts-search-w)!important;
  max-width:var(--sts-search-w)!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 52px!important;
  border:1px solid rgba(57,255,20,.78)!important;
  border-radius:3px!important;
  background:linear-gradient(180deg,#121722,#080b12)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.75) inset,0 0 18px rgba(57,255,20,.10)!important;
  overflow:visible!important;
  z-index:20!important;
}

html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search input,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search input{
  height:42px!important;
  line-height:42px!important;
  padding:0 16px!important;
  font-size:14px!important;
  font-weight:800!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:#fff!important;
}

html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search button,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search button{
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-left:1px solid rgba(57,255,20,.48)!important;
  border-radius:0!important;
  background:#05080d!important;
  color:#fff!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-actions,
body.streamx-v5.twitch-v53 .sts-mock-actions{
  grid-column:3!important;
  justify-self:end!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  min-width:max-content!important;
  height:var(--sts-head-h)!important;
  z-index:20!important;
}

/* Keep closed search results from creating the green box below the input */
html body.streamx-v5.twitch-v53 .sts-mock-search .sts-search-results,
body.streamx-v5.twitch-v53 .sts-mock-search .sts-search-results{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 10px)!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:none!important;
}
html body.streamx-v5.twitch-v53 .sts-mock-search .sts-search-results.open,
body.streamx-v5.twitch-v53 .sts-mock-search .sts-search-results.open{
  display:block!important;
}

@media(max-width:1600px){
  :root{--sts-brand-w:430px;--sts-search-w:380px;--sts-head-h:76px;}
  html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header,
  body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header{column-gap:18px!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-nav,
  body.streamx-v5.twitch-v53 .sts-mock-nav{gap:14px!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-nav a,
  html body.streamx-v5.twitch-v53 .sts-mock-more-btn,
  body.streamx-v5.twitch-v53 .sts-mock-nav a,
  body.streamx-v5.twitch-v53 .sts-mock-more-btn{font-size:11px!important;letter-spacing:.10em!important;}
}

@media(max-width:1280px){
  :root{--sts-brand-w:320px;--sts-search-w:340px;--sts-head-h:74px;}
  html body.streamx-v5.twitch-v53 .sts-mock-nav,
  body.streamx-v5.twitch-v53 .sts-mock-nav{overflow-x:auto!important;mask-image:none!important;-webkit-mask-image:none!important;scrollbar-width:none!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-nav::-webkit-scrollbar,
  body.streamx-v5.twitch-v53 .sts-mock-nav::-webkit-scrollbar{display:none!important;}
}

@media(max-width:980px){
  html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header,
  body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header{
    grid-template-columns:1fr auto!important;
    height:auto!important;
    max-height:none!important;
    padding:6px 10px!important;
  }
  html body.streamx-v5.twitch-v53 .sts-mock-left,
  body.streamx-v5.twitch-v53 .sts-mock-left{grid-column:1 / -1!important;grid-template-columns:260px minmax(0,1fr)!important;width:100%!important;}
  html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search,
  body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search{display:none!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-actions,
  body.streamx-v5.twitch-v53 .sts-mock-actions{grid-column:2!important;}
}


/* ===== public/css/sts-v149-header-search-tabs-final.css ===== */
/* STS v5.6.149 - final header/search/tabs fix
   - Search results now float above the ticker/page instead of being clipped
   - Header no longer crushes nav tabs
   - Trending moved into More menu to give the tabs breathing room
*/
:root{
  --sts-head-h:86px;
  --sts-brand-w:500px;
  --sts-search-w:400px;
  --sts-nav-gap:20px;
}

html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header,
body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header{
  position:sticky!important;
  top:0!important;
  z-index:999999!important;
  height:var(--sts-head-h)!important;
  min-height:var(--sts-head-h)!important;
  max-height:var(--sts-head-h)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--sts-search-w) auto!important;
  column-gap:26px!important;
  align-items:center!important;
  padding:0 18px!important;
  overflow:visible!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-left,
body.streamx-v5.twitch-v53 .sts-mock-left{
  min-width:0!important;
  width:100%!important;
  height:var(--sts-head-h)!important;
  display:grid!important;
  grid-template-columns:var(--sts-brand-w) minmax(500px,1fr)!important;
  align-items:center!important;
  gap:22px!important;
  overflow:visible!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-brand,
html body.streamx-v5.twitch-v53 .sts-mock-brand img,
body.streamx-v5.twitch-v53 .sts-mock-brand,
body.streamx-v5.twitch-v53 .sts-mock-brand img{
  width:var(--sts-brand-w)!important;
  min-width:var(--sts-brand-w)!important;
  max-width:var(--sts-brand-w)!important;
  height:82px!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-nav,
body.streamx-v5.twitch-v53 .sts-mock-nav{
  min-width:0!important;
  width:100%!important;
  height:82px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:var(--sts-nav-gap)!important;
  padding:0 0 17px!important;
  overflow:visible!important;
  white-space:nowrap!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-nav a,
html body.streamx-v5.twitch-v53 .sts-mock-more-btn,
body.streamx-v5.twitch-v53 .sts-mock-nav a,
body.streamx-v5.twitch-v53 .sts-mock-more-btn{
  flex:0 0 auto!important;
  font-size:12px!important;
  letter-spacing:.135em!important;
  line-height:1!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-more-wrap,
body.streamx-v5.twitch-v53 .sts-mock-more-wrap{
  position:relative!important;
  z-index:1000002!important;
  overflow:visible!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-more-menu,
body.streamx-v5.twitch-v53 .sts-mock-more-menu{
  z-index:1000003!important;
}

html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search{
  position:relative!important;
  z-index:1000001!important;
  justify-self:end!important;
  align-self:center!important;
  width:var(--sts-search-w)!important;
  min-width:var(--sts-search-w)!important;
  max-width:var(--sts-search-w)!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 48px!important;
  margin:0!important;
  overflow:visible!important;
  border:1px solid rgba(75,255,22,.82)!important;
  border-radius:2px!important;
  background:linear-gradient(180deg,#111722,#070b12)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.85) inset,0 0 18px rgba(75,255,22,.11)!important;
}

html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search input,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search input{
  height:40px!important;
  line-height:40px!important;
  padding:0 15px!important;
  min-width:0!important;
  font-size:13px!important;
}

html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search button,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search button{
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
}

/* THE IMPORTANT PART: keep the autocomplete/dropdown ABOVE ticker/content */
html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search .sts-search-results,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search .sts-search-results{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 9px)!important;
  left:0!important;
  right:auto!important;
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  max-height:420px!important;
  overflow:auto!important;
  padding:8px!important;
  background:linear-gradient(180deg,#0b1018,#05070c)!important;
  border:1px solid rgba(75,255,22,.58)!important;
  border-radius:0 0 14px 14px!important;
  box-shadow:0 26px 90px rgba(0,0,0,.86),0 0 35px rgba(75,255,22,.13)!important;
  z-index:1000005!important;
}
html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search .sts-search-results.open,
body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search .sts-search-results.open{
  display:block!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-actions,
body.streamx-v5.twitch-v53 .sts-mock-actions{
  position:relative!important;
  z-index:1000001!important;
  height:var(--sts-head-h)!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:max-content!important;
}

html body.streamx-v5 .sts-crypto-ticker,
body .sts-crypto-ticker{
  position:relative!important;
  z-index:10!important;
}

/* Large screens: premium spacing */
@media(max-width:1700px){
  :root{--sts-brand-w:455px;--sts-search-w:360px;--sts-nav-gap:17px;}
  html body.streamx-v5.twitch-v53 .sts-mock-left,
  body.streamx-v5.twitch-v53 .sts-mock-left{grid-template-columns:var(--sts-brand-w) minmax(470px,1fr)!important;gap:18px!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-nav a,
  html body.streamx-v5.twitch-v53 .sts-mock-more-btn,
  body.streamx-v5.twitch-v53 .sts-mock-nav a,
  body.streamx-v5.twitch-v53 .sts-mock-more-btn{font-size:11.5px!important;letter-spacing:.12em!important;}
}

@media(max-width:1450px){
  :root{--sts-brand-w:390px;--sts-search-w:320px;--sts-nav-gap:14px;}
  html body.streamx-v5.twitch-v53 .sts-mock-left,
  body.streamx-v5.twitch-v53 .sts-mock-left{grid-template-columns:var(--sts-brand-w) minmax(410px,1fr)!important;gap:14px!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-nav a,
  html body.streamx-v5.twitch-v53 .sts-mock-more-btn,
  body.streamx-v5.twitch-v53 .sts-mock-nav a,
  body.streamx-v5.twitch-v53 .sts-mock-more-btn{font-size:10.5px!important;letter-spacing:.10em!important;}
}

@media(max-width:1180px){
  html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header,
  body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav.sts-mockup-header{
    grid-template-columns:1fr auto!important;
    height:auto!important;
    max-height:none!important;
    padding:7px 10px 9px!important;
    row-gap:8px!important;
  }
  html body.streamx-v5.twitch-v53 .sts-mock-left,
  body.streamx-v5.twitch-v53 .sts-mock-left{
    grid-column:1 / -1!important;
    grid-template-columns:270px minmax(0,1fr)!important;
    height:68px!important;
    overflow:hidden!important;
  }
  html body.streamx-v5.twitch-v53 .sts-mock-brand,
  html body.streamx-v5.twitch-v53 .sts-mock-brand img,
  body.streamx-v5.twitch-v53 .sts-mock-brand,
  body.streamx-v5.twitch-v53 .sts-mock-brand img{width:270px!important;min-width:270px!important;max-width:270px!important;height:64px!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-nav,
  body.streamx-v5.twitch-v53 .sts-mock-nav{height:64px!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-nav::-webkit-scrollbar,
  body.streamx-v5.twitch-v53 .sts-mock-nav::-webkit-scrollbar{display:none!important;}
  html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search,
  body.streamx-v5.twitch-v53 .tw-search.sts-nav-search.sts-mock-search{grid-column:1!important;justify-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-actions,
  body.streamx-v5.twitch-v53 .sts-mock-actions{grid-column:2!important;height:42px!important;}
}

/* STS v5.6.150 - nav position tweak
   Moves the header tabs a little more left and up without squeezing them. */
html body.streamx-v5.twitch-v53 .sts-mock-nav,
body.streamx-v5.twitch-v53 .sts-mock-nav{
  transform:translate(-42px,-6px)!important;
  width:calc(100% + 42px)!important;
  padding:0 0 11px!important;
  gap:22px!important;
  overflow:visible!important;
}
html body.streamx-v5.twitch-v53 .sts-mock-nav a,
html body.streamx-v5.twitch-v53 .sts-mock-more-btn,
body.streamx-v5.twitch-v53 .sts-mock-nav a,
body.streamx-v5.twitch-v53 .sts-mock-more-btn{
  transform:none!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
@media(max-width:1700px){
  html body.streamx-v5.twitch-v53 .sts-mock-nav,
  body.streamx-v5.twitch-v53 .sts-mock-nav{
    transform:translate(-32px,-5px)!important;
    width:calc(100% + 32px)!important;
    gap:19px!important;
  }
}
@media(max-width:1450px){
  html body.streamx-v5.twitch-v53 .sts-mock-nav,
  body.streamx-v5.twitch-v53 .sts-mock-nav{
    transform:translate(-20px,-4px)!important;
    width:calc(100% + 20px)!important;
    gap:16px!important;
  }
}
@media(max-width:1180px){
  html body.streamx-v5.twitch-v53 .sts-mock-nav,
  body.streamx-v5.twitch-v53 .sts-mock-nav{
    transform:none!important;
    width:100%!important;
    padding:0 0 12px!important;
    gap:14px!important;
  }
}


/* ===== public/css/sts-v151-account-dropdown.css ===== */
/* STS v5.6.151 - logged-in account dropdown + header space fix */
html body.streamx-v5.twitch-v53 .sts-mockup-header{
  grid-template-columns:minmax(560px,1fr) minmax(320px,420px) auto!important;
  column-gap:18px!important;
  overflow:visible!important;
  z-index:1000!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-left,
html body.streamx-v5.twitch-v53 .sts-mock-nav{
  min-width:0!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-nav{
  transform:translate(-8px,-4px)!important;
  gap:24px!important;
  overflow:hidden!important;
  flex-wrap:nowrap!important;
}

html body.streamx-v5.twitch-v53 .sts-mock-nav a,
html body.streamx-v5.twitch-v53 .sts-mock-more-btn{
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

html body.streamx-v5.twitch-v53 .tw-search.sts-nav-search,
html body.streamx-v5.twitch-v53 .sts-mock-search{
  position:relative!important;
  z-index:1200!important;
  max-width:420px!important;
  width:clamp(300px,24vw,420px)!important;
  min-width:300px!important;
  margin:0!important;
  transform:none!important;
}

html body.streamx-v5.twitch-v53 .sts-search-results{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  left:0!important;
  right:0!important;
  z-index:99999!important;
  max-height:420px!important;
  overflow:auto!important;
  border:1px solid rgba(79,255,20,.65)!important;
  border-radius:14px!important;
  background:rgba(5,8,10,.98)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.75),0 0 28px rgba(83,252,24,.22)!important;
}

html body.streamx-v5.twitch-v53 .sts-account-actions{
  position:relative!important;
  flex:0 0 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  overflow:visible!important;
  z-index:1300!important;
}

html body.streamx-v5.twitch-v53 .sts-account-menu-button{
  height:44px!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:5px 12px 5px 6px!important;
  border-radius:999px!important;
  border:1px solid rgba(139,92,246,.7)!important;
  background:linear-gradient(135deg,rgba(15,23,18,.92),rgba(38,18,56,.94))!important;
  color:#fff!important;
  cursor:pointer!important;
  box-shadow:0 0 20px rgba(139,92,246,.25)!important;
}

html body.streamx-v5.twitch-v53 .sts-account-menu-button:hover,
html body.streamx-v5.twitch-v53 .sts-account-menu-button[aria-expanded="true"]{
  border-color:#53fc18!important;
  box-shadow:0 0 25px rgba(83,252,24,.25),0 0 35px rgba(139,92,246,.25)!important;
}

html body.streamx-v5.twitch-v53 .sts-account-avatar{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:block!important;
  border:2px solid #8b5cf6!important;
  box-shadow:0 0 18px rgba(139,92,246,.55)!important;
  flex:0 0 34px!important;
  background:#09090d!important;
}

html body.streamx-v5.twitch-v53 .sts-account-avatar.big{
  width:46px!important;
  height:46px!important;
  flex-basis:46px!important;
}

html body.streamx-v5.twitch-v53 .sts-account-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

html body.streamx-v5.twitch-v53 .sts-account-name{
  max-width:92px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

html body.streamx-v5.twitch-v53 .sts-account-caret{
  color:#53fc18!important;
  font-size:12px!important;
}

html body.streamx-v5.twitch-v53 .sts-account-dropdown{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 12px)!important;
  width:285px!important;
  z-index:99999!important;
  display:none!important;
  padding:10px!important;
  border-radius:18px!important;
  border:1px solid rgba(83,252,24,.38)!important;
  background:linear-gradient(180deg,rgba(8,10,14,.98),rgba(14,7,22,.98))!important;
  box-shadow:0 20px 55px rgba(0,0,0,.82),0 0 28px rgba(139,92,246,.25), inset 0 1px 0 rgba(255,255,255,.08)!important;
}

html body.streamx-v5.twitch-v53 .sts-account-dropdown.open{display:block!important;}

html body.streamx-v5.twitch-v53 .sts-account-dropdown::before{
  content:"";
  position:absolute;
  right:22px;
  top:-7px;
  width:14px;
  height:14px;
  transform:rotate(45deg);
  background:rgba(8,10,14,.98);
  border-left:1px solid rgba(83,252,24,.38);
  border-top:1px solid rgba(83,252,24,.38);
}

html body.streamx-v5.twitch-v53 .sts-account-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px!important;
  margin-bottom:8px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(83,252,24,.1),rgba(139,92,246,.13))!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

html body.streamx-v5.twitch-v53 .sts-account-head strong,
html body.streamx-v5.twitch-v53 .sts-account-head small{
  display:block!important;
}

html body.streamx-v5.twitch-v53 .sts-account-head strong{
  color:#fff!important;
  font-size:14px!important;
  line-height:1.1!important;
}

html body.streamx-v5.twitch-v53 .sts-account-head small{
  color:#9ca3af!important;
  font-size:12px!important;
  margin-top:3px!important;
}

html body.streamx-v5.twitch-v53 .sts-account-dropdown a,
html body.streamx-v5.twitch-v53 .sts-account-dropdown form button{
  width:100%!important;
  display:grid!important;
  grid-template-columns:28px 1fr!important;
  gap:8px 10px!important;
  align-items:center!important;
  padding:10px!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  color:#fff!important;
  text-decoration:none!important;
  text-align:left!important;
  cursor:pointer!important;
  font-family:inherit!important;
}

html body.streamx-v5.twitch-v53 .sts-account-dropdown a:hover,
html body.streamx-v5.twitch-v53 .sts-account-dropdown form button:hover{
  background:rgba(83,252,24,.1)!important;
  box-shadow:inset 3px 0 0 #53fc18!important;
}

html body.streamx-v5.twitch-v53 .sts-account-dropdown span{
  grid-row:1/3!important;
  font-size:18px!important;
}

html body.streamx-v5.twitch-v53 .sts-account-dropdown b{
  font-size:13px!important;
  line-height:1.05!important;
}

html body.streamx-v5.twitch-v53 .sts-account-dropdown small{
  color:#9ca3af!important;
  font-size:11px!important;
  line-height:1.05!important;
}

html body.streamx-v5.twitch-v53 .sts-account-dropdown form{margin:6px 0 0!important;padding-top:6px!important;border-top:1px solid rgba(255,255,255,.08)!important;}

@media (max-width: 1280px){
  html body.streamx-v5.twitch-v53 .sts-mockup-header{grid-template-columns:minmax(470px,1fr) minmax(260px,360px) auto!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-nav{gap:18px!important;}
  html body.streamx-v5.twitch-v53 .sts-account-name{display:none!important;}
}
@media (max-width: 980px){
  html body.streamx-v5.twitch-v53 .sts-mockup-header{grid-template-columns:1fr auto!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-search{display:none!important;}
  html body.streamx-v5.twitch-v53 .sts-mock-nav a:nth-child(n+5),
  html body.streamx-v5.twitch-v53 .sts-mock-more-wrap{display:none!important;}
}


/* ===== public/css/sts-v153-search-pill-force.css ===== */
/* =========================================================
   STS v5.6.153 - FINAL search pill force fix
   Loaded LAST so older header/search CSS cannot override it.
   ========================================================= */

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form.tw-search.sts-nav-search.sts-mock-search,
html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav .tw-search.sts-nav-search.sts-mock-search,
html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav .tw-search.sts-nav-search,
html body.streamx-v5.twitch-v53 form#stsSearchForm.sts-nav-search{
  box-sizing: border-box !important;
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  flex: 0 0 240px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 40px !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 10px 0 auto !important;
  border: 1px solid rgba(82,255,28,.95) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: rgba(6, 11, 20, .96) !important;
  box-shadow: 0 0 16px rgba(57,255,20,.10), inset 0 0 0 1px rgba(255,255,255,.03) !important;
  position: relative !important;
  z-index: 5000 !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form.tw-search.sts-nav-search.sts-mock-search input,
html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav .tw-search.sts-nav-search input,
html body.streamx-v5.twitch-v53 form#stsSearchForm.sts-nav-search input,
html body.streamx-v5.twitch-v53 #stsSearchInput{
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  line-height: 34px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px 0 0 999px !important;
  outline: none !important;
  background: transparent !important;
  color: #f6fff4 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  box-shadow: none !important;
}

html body.streamx-v5.twitch-v53 #stsSearchInput::placeholder{
  color: rgba(238,255,238,.64) !important;
  opacity: 1 !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form.tw-search.sts-nav-search.sts-mock-search button,
html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav .tw-search.sts-nav-search button,
html body.streamx-v5.twitch-v53 form#stsSearchForm.sts-nav-search button{
  box-sizing: border-box !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-left: 1px solid rgba(82,255,28,.55) !important;
  border-radius: 0 999px 999px 0 !important;
  background: rgba(8, 15, 26, .98) !important;
  color: #ffffff !important;
  display: grid !important;
  place-items: center !important;
  font-size: 13px !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body.streamx-v5.twitch-v53 .tw-topbar.sts-glass-nav .sts-search-results,
html body.streamx-v5.twitch-v53 #stsSearchResults{
  top: calc(100% + 10px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  border-radius: 18px !important;
  z-index: 999999 !important;
}

@media (max-width: 1500px){
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form.tw-search.sts-nav-search.sts-mock-search,
  html body.streamx-v5.twitch-v53 form#stsSearchForm.sts-nav-search{
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    flex-basis: 220px !important;
  }
}

@media (max-width: 1180px){
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form.tw-search.sts-nav-search.sts-mock-search,
  html body.streamx-v5.twitch-v53 form#stsSearchForm.sts-nav-search{
    display: none !important;
  }
}


/* ===== public/css/sts-v154-nav-tabs-alignment.css ===== */
/* =========================================================
   STS v5.6.154 - Nav tabs alignment fix
   Fixes nav text sitting too low/off after the rounded search update.
   Keeps the search pill compact while giving tabs room to breathe.
   Loaded AFTER v153.
   ========================================================= */

:root{
  --sts-head-h: 82px;
  --sts-brand-w: 430px;
  --sts-search-w: 235px;
  --sts-nav-gap: 19px;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header{
  height: var(--sts-head-h) !important;
  min-height: var(--sts-head-h) !important;
  max-height: var(--sts-head-h) !important;
  grid-template-columns: minmax(0, 1fr) var(--sts-search-w) auto !important;
  column-gap: 18px !important;
  align-items: center !important;
  overflow: visible !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-left{
  height: var(--sts-head-h) !important;
  grid-template-columns: var(--sts-brand-w) minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  min-width: 0 !important;
  overflow: visible !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-brand,
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-brand img{
  width: var(--sts-brand-w) !important;
  min-width: var(--sts-brand-w) !important;
  max-width: var(--sts-brand-w) !important;
  height: 76px !important;
  max-height: 76px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

/* Main fix: stop the nav sitting on the bottom edge */
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav{
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  padding: 0 !important;
  margin: 8px 0 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--sts-nav-gap) !important;
  overflow: visible !important;
  white-space: nowrap !important;
  min-width: 0 !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav a,
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-more-btn{
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  transform: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-more-wrap{
  height: 28px !important;
  min-width: max-content !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  z-index: 1000008 !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-more-menu{
  top: calc(100% + 12px) !important;
  z-index: 1000010 !important;
}

/* Keep pill search compact and out of the nav's way */
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form.tw-search.sts-nav-search.sts-mock-search,
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form#stsSearchForm.sts-nav-search{
  width: var(--sts-search-w) !important;
  min-width: var(--sts-search-w) !important;
  max-width: var(--sts-search-w) !important;
  flex: 0 0 var(--sts-search-w) !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  align-self: center !important;
  margin: 0 !important;
  border-radius: 999px !important;
  overflow: visible !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form.tw-search.sts-nav-search.sts-mock-search input,
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form#stsSearchForm.sts-nav-search input{
  height: 34px !important;
  line-height: 34px !important;
  font-size: 11.5px !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form.tw-search.sts-nav-search.sts-mock-search button,
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form#stsSearchForm.sts-nav-search button{
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
}

html body.streamx-v5.twitch-v53 .sts-mock-actions{
  height: var(--sts-head-h) !important;
  align-items: center !important;
}

@media (max-width: 1600px){
  :root{ --sts-brand-w: 385px; --sts-search-w: 220px; --sts-nav-gap: 16px; }
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav a,
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-more-btn{
    font-size: 11px !important;
    letter-spacing: .115em !important;
  }
}

@media (max-width: 1380px){
  :root{ --sts-brand-w: 330px; --sts-search-w: 210px; --sts-nav-gap: 13px; }
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header{
    column-gap: 12px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav a,
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-more-btn{
    font-size: 10.5px !important;
    letter-spacing: .095em !important;
  }
}

@media (max-width: 1180px){
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form.tw-search.sts-nav-search.sts-mock-search,
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form#stsSearchForm.sts-nav-search{
    display: none !important;
  }
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav{
    overflow-x: auto !important;
    overflow-y: visible !important;
  }
}


/* ===== public/css/sts-v155-nav-centered.css ===== */
/* =========================================================
   STS v5.6.155 - Header nav centered in the bar
   - Centers Browse/Live/Creators/etc between logo and search/account
   - Removes old left/up transform offsets that made the nav feel stuck to logo
   - Keeps tabs on one clean row without squashing
   ========================================================= */

:root{
  --sts-head-h: 82px;
  --sts-brand-w: 430px;
  --sts-search-w: 240px;
  --sts-nav-gap: 24px;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--sts-search-w) auto !important;
  align-items: center !important;
  column-gap: 24px !important;
  overflow: visible !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-left{
  display: grid !important;
  grid-template-columns: var(--sts-brand-w) minmax(620px, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  min-width: 0 !important;
  width: 100% !important;
  overflow: visible !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-brand,
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-brand img{
  width: var(--sts-brand-w) !important;
  min-width: var(--sts-brand-w) !important;
  max-width: var(--sts-brand-w) !important;
  height: 76px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

/* Main change: nav is now centered in its own column */
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav{
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--sts-nav-gap) !important;
  padding: 0 !important;
  margin: 4px 0 0 0 !important;
  transform: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav a,
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-more-btn{
  flex: 0 0 auto !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  white-space: nowrap !important;
  transform: none !important;
  text-align: center !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-more-wrap{
  flex: 0 0 auto !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1000008 !important;
}

/* Keep the search compact and pill-shaped */
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form.tw-search.sts-nav-search.sts-mock-search,
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form#stsSearchForm.sts-nav-search{
  width: var(--sts-search-w) !important;
  min-width: var(--sts-search-w) !important;
  max-width: var(--sts-search-w) !important;
  flex: 0 0 var(--sts-search-w) !important;
  justify-self: end !important;
  align-self: center !important;
  margin: 0 !important;
}

@media (max-width: 1700px){
  :root{ --sts-brand-w: 390px; --sts-search-w: 230px; --sts-nav-gap: 21px; }
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-left{
    grid-template-columns: var(--sts-brand-w) minmax(560px, 1fr) !important;
    gap: 14px !important;
  }
}

@media (max-width: 1500px){
  :root{ --sts-brand-w: 350px; --sts-search-w: 220px; --sts-nav-gap: 17px; }
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header{
    column-gap: 16px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-left{
    grid-template-columns: var(--sts-brand-w) minmax(500px, 1fr) !important;
    gap: 12px !important;
  }
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav a,
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-more-btn{
    font-size: 11px !important;
    letter-spacing: .11em !important;
  }
}

@media (max-width: 1280px){
  :root{ --sts-brand-w: 300px; --sts-search-w: 210px; --sts-nav-gap: 14px; }
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-left{
    grid-template-columns: var(--sts-brand-w) minmax(430px, 1fr) !important;
  }
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav a,
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-more-btn{
    font-size: 10.5px !important;
    letter-spacing: .085em !important;
  }
}

@media (max-width: 1180px){
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header{
    grid-template-columns: 1fr auto !important;
    row-gap: 8px !important;
    height: auto !important;
    max-height: none !important;
  }
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-left{
    grid-column: 1 / -1 !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;
  }
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav{
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
    gap: 14px !important;
  }
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav::-webkit-scrollbar{display:none!important;}
}


/* ===== public/css/sts-v156-nav-up-remove-cards.css ===== */
/* =========================================================
   STS v5.6.156 - Nav up + remove quick cards
   - Moves the header nav up slightly
   - Removes/hides LIVE/CATEGORIES/CLIPS/LOGO PACK quick boxes
   - Keeps search/account aligned and dropdowns on top
   ========================================================= */

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav{
  transform: translateY(-7px) !important;
  margin-top: 0 !important;
  align-self: center !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav a,
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-more-btn{
  transform: translateY(-1px) !important;
}

/* Force the search and account button to stay vertically centred while nav moves up */
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form.tw-search.sts-nav-search.sts-mock-search,
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav form#stsSearchForm.sts-nav-search,
html body.streamx-v5.twitch-v53 .sts-mock-actions,
html body.streamx-v5.twitch-v53 .sts-account-actions{
  align-self: center !important;
  transform: none !important;
}

/* Remove the old dashboard-style quick cards from the left panel */
.sts-left-quick-grid{
  display: none !important;
}

/* Clean up the left brand card now the text is removed */
.sts-left-brand-card{
  min-height: 74px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
}

.sts-left-brand-card .sts-left-brand-logo{
  width: 58px !important;
  height: 58px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 16px rgba(57,255,20,.45)) drop-shadow(0 0 20px rgba(168,85,247,.35));
}

.sts-left-brand-card div{
  display: none !important;
}

/* Make sure removed Logo Pack menu item does not show if older markup is cached */
.sts-mock-more-menu a[href="/logo-pack"]{
  display: none !important;
}

@media (max-width: 1180px){
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav{
    transform: none !important;
  }
}


/* ===== public/css/sts-v157-left-card-nav-up-final.css ===== */
/* =========================================================
   STS v5.6.157 - Remove blank left card + nav higher
   - Removes the empty logo-only card from the left panel
   - Forces the top navigation up inside the header bar
   ========================================================= */

/* Remove the blank card shown at the top of the left panel */
html body.streamx-v5.twitch-v53 .sts-tv-sidebar .sts-left-brand-card,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .sts-left-brand-card,
html body.streamx-v5.twitch-v53 aside.sts-fresh-left-panel > .sts-left-brand-card{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Keep the left panel tidy after the card is removed */
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel{
  padding-top: 14px !important;
}

/* Force nav higher in the mockup header */
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-left{
  align-items: center !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav{
  transform: translateY(-16px) !important;
  margin-top: -10px !important;
  align-self: center !important;
  position: relative !important;
  top: -4px !important;
}

html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav a,
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-more-btn{
  transform: none !important;
  line-height: 1 !important;
}

/* Prevent the lower purple header line from visually touching the nav */
html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header{
  padding-bottom: 8px !important;
}

@media (max-width: 1180px){
  html body.streamx-v5.twitch-v53 header.tw-topbar.sts-glass-nav.sts-mockup-header .sts-mock-nav{
    transform: translateY(-8px) !important;
    margin-top: -4px !important;
    top: -2px !important;
  }
}


/* ===== public/css/sts-v158-remove-platform-stats.css ===== */
/* STS v5.6.158 - remove platform stats widget from left rail */
html body.streamx-v5.twitch-v53 .platform-stats-side,
html body.streamx-v5.twitch-v53 .sts-platform-stats,
html body.streamx-v5.twitch-v53 .side-group.platform-stats-side {
  display: none !important;
}


/* ===== public/css/sts-v159-clear-random-live-carousel.css ===== */
/* STS v5.6.159 - clear random live streamer carousel */
html body.streamx-v5.twitch-v53 .sts-coverflow{
  height:500px!important;
  max-width:1560px!important;
  margin:24px auto 42px!important;
  border-radius:28px!important;
  border:1px solid rgba(145,71,255,.28)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body.streamx-v5.twitch-v53 .sts-coverflow::before,
html body.streamx-v5.twitch-v53 .sts-coverflow::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
}
html body.streamx-v5.twitch-v53 .coverflow-stage{
  height:100%!important;
  overflow:visible!important;
  background:transparent!important;
}
html body.streamx-v5.twitch-v53 .coverflow-card{
  width:min(760px,50vw)!important;
  height:390px!important;
  border-radius:22px!important;
  border:1px solid rgba(145,71,255,.46)!important;
  background:#050609!important;
  box-shadow:0 24px 60px rgba(0,0,0,.48)!important;
  opacity:1!important;
  filter:none!important;
}
html body.streamx-v5.twitch-v53 .coverflow-card.active{
  z-index:5!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
  box-shadow:0 0 0 1px rgba(57,255,20,.28),0 0 42px rgba(145,71,255,.34),0 30px 90px rgba(0,0,0,.54)!important;
}
html body.streamx-v5.twitch-v53 .coverflow-card.left{
  z-index:3!important;
  transform:translate(calc(-50% - 540px),-50%) scale(.82)!important;
  opacity:.92!important;
  pointer-events:auto!important;
}
html body.streamx-v5.twitch-v53 .coverflow-card.right{
  z-index:3!important;
  transform:translate(calc(-50% + 540px),-50%) scale(.82)!important;
  opacity:.92!important;
  pointer-events:auto!important;
}
html body.streamx-v5.twitch-v53 .coverflow-card.far-left{
  z-index:2!important;
  transform:translate(calc(-50% - 880px),-50%) scale(.62)!important;
  opacity:.38!important;
  pointer-events:auto!important;
}
html body.streamx-v5.twitch-v53 .coverflow-card.far-right{
  z-index:2!important;
  transform:translate(calc(-50% + 880px),-50%) scale(.62)!important;
  opacity:.38!important;
  pointer-events:auto!important;
}
html body.streamx-v5.twitch-v53 .coverflow-card.hidden{
  opacity:0!important;
  pointer-events:none!important;
}
html body.streamx-v5.twitch-v53 .coverflow-thumb{
  height:100%!important;
  background-size:cover!important;
  background-position:center!important;
  filter:none!important;
  opacity:1!important;
}
html body.streamx-v5.twitch-v53 .coverflow-thumb::before,
html body.streamx-v5.twitch-v53 .coverflow-thumb::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
}
html body.streamx-v5.twitch-v53 .coverflow-info{
  left:16px!important;
  right:16px!important;
  bottom:16px!important;
  border-radius:18px!important;
  background:rgba(0,0,0,.78)!important;
  border:1px solid rgba(57,255,20,.32)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
html body.streamx-v5.twitch-v53 .coverflow-arrow{
  z-index:10!important;
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
  background:rgba(10,13,18,.82)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 0 24px rgba(0,0,0,.45)!important;
}
html body.streamx-v5.twitch-v53 .coverflow-prev{left:24px!important;}
html body.streamx-v5.twitch-v53 .coverflow-next{right:24px!important;}
@media (max-width:1100px){
  html body.streamx-v5.twitch-v53 .sts-coverflow{height:360px!important;}
  html body.streamx-v5.twitch-v53 .coverflow-card{width:82vw!important;height:285px!important;}
  html body.streamx-v5.twitch-v53 .coverflow-card.left,
  html body.streamx-v5.twitch-v53 .coverflow-card.right,
  html body.streamx-v5.twitch-v53 .coverflow-card.far-left,
  html body.streamx-v5.twitch-v53 .coverflow-card.far-right{opacity:0!important;pointer-events:none!important;}
}


/* ===== public/css/sts-v160-live-showcase.css ===== */
/* STS v5.6.160 - live streamer showcase carousel like reference mockup */
html body.streamx-v5.twitch-v53 .sts-tv-main{
  max-width: none !important;
}
html body.streamx-v5.twitch-v53 .sts-live-showcase{
  width:min(1540px, calc(100vw - 340px)) !important;
  margin:26px auto 44px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
html body.streamx-v5.twitch-v53 .sts-live-main-card{
  display:grid !important;
  grid-template-columns:minmax(620px, 1fr) 360px !important;
  min-height:430px !important;
  background:#182030 !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:0 !important;
  overflow:hidden !important;
  box-shadow:0 18px 50px rgba(0,0,0,.34) !important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview-stack{
  position:relative !important;
  min-height:430px !important;
  background:#05070b !important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .28s ease !important;
  background:#05070b !important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview.active{
  opacity:1 !important;
  pointer-events:auto !important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  filter:none !important;
  opacity:1 !important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.18)) !important;
  pointer-events:none !important;
}
html body.streamx-v5.twitch-v53 .sts-live-badge{
  position:absolute !important;
  left:14px !important;
  top:14px !important;
  z-index:2 !important;
  background:#ff1d45 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:1000 !important;
  letter-spacing:.04em !important;
  padding:7px 10px !important;
  border-radius:3px !important;
  box-shadow:0 0 18px rgba(255,29,69,.45) !important;
}
html body.streamx-v5.twitch-v53 .sts-viewer-badge{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  z-index:2 !important;
  background:rgba(0,0,0,.72) !important;
  color:#fff !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:900 !important;
  padding:7px 12px !important;
}
html body.streamx-v5.twitch-v53 .sts-live-play{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:2 !important;
  width:74px !important;
  height:74px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.18) !important;
  color:white !important;
  font-size:30px !important;
  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;
  text-shadow:0 2px 10px rgba(0,0,0,.5) !important;
}
html body.streamx-v5.twitch-v53 .sts-live-details{
  background:#202838 !important;
  color:#fff !important;
  padding:34px 30px !important;
  display:flex !important;
  align-items:stretch !important;
  position:relative !important;
}
html body.streamx-v5.twitch-v53 .sts-live-detail{
  display:none !important;
  flex-direction:column !important;
  width:100% !important;
  min-height:100% !important;
}
html body.streamx-v5.twitch-v53 .sts-live-detail.active{
  display:flex !important;
}
html body.streamx-v5.twitch-v53 .sts-live-creator-row{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin-bottom:28px !important;
}
html body.streamx-v5.twitch-v53 .sts-live-creator-row img{
  width:54px !important;
  height:54px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  box-shadow:0 0 0 2px rgba(57,255,20,.55) !important;
}
html body.streamx-v5.twitch-v53 .sts-live-creator-row strong{
  display:block !important;
  font-size:18px !important;
  font-weight:1000 !important;
}
html body.streamx-v5.twitch-v53 .sts-live-creator-row small{
  color:#b9c2d2 !important;
  font-size:13px !important;
}
html body.streamx-v5.twitch-v53 .sts-live-detail p{
  font-size:17px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  margin:0 0 22px !important;
  color:#f4f7fb !important;
}
html body.streamx-v5.twitch-v53 .sts-live-meta-line{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  color:#b8c2d1 !important;
  font-weight:900 !important;
  margin-bottom:auto !important;
}
html body.streamx-v5.twitch-v53 .sts-live-meta-line span:first-child{
  color:#fff !important;
}
html body.streamx-v5.twitch-v53 .sts-watch-earn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:54px !important;
  margin-top:26px !important;
  border-radius:6px !important;
  background:linear-gradient(90deg,#ff4d28,#ffbd3c) !important;
  color:#fff !important;
  font-weight:1000 !important;
  text-decoration:none !important;
  box-shadow:0 12px 26px rgba(255,92,34,.22) !important;
}
html body.streamx-v5.twitch-v53 .sts-live-thumb-rail{
  margin-top:12px !important;
  display:grid !important;
  grid-template-columns:repeat(8, minmax(90px, 1fr)) !important;
  gap:9px !important;
}
html body.streamx-v5.twitch-v53 .sts-live-thumb{
  border:1px solid rgba(255,255,255,.1) !important;
  background:#141a26 !important;
  padding:0 !important;
  height:66px !important;
  border-radius:2px !important;
  overflow:hidden !important;
  cursor:pointer !important;
  position:relative !important;
  opacity:.78 !important;
}
html body.streamx-v5.twitch-v53 .sts-live-thumb.active{
  opacity:1 !important;
  border-color:#38bdf8 !important;
  box-shadow:0 0 0 2px rgba(56,189,248,.45) !important;
}
html body.streamx-v5.twitch-v53 .sts-live-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
html body.streamx-v5.twitch-v53 .sts-live-thumb span{
  position:absolute !important;
  left:6px !important;
  right:6px !important;
  bottom:5px !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:1000 !important;
  text-shadow:0 1px 5px #000 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.streamx-v5.twitch-v53 .sts-live-showcase-empty{
  min-height:280px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:12px !important;
  background:#111827 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
html body.streamx-v5.twitch-v53 .sts-live-showcase-empty a{
  color:#39ff14 !important;
  font-weight:900 !important;
}
/* Hide old coverflow controls if older CSS still leaks through */
html body.streamx-v5.twitch-v53 .sts-live-showcase .coverflow-arrow,
html body.streamx-v5.twitch-v53 .sts-live-showcase .coverflow-stage,
html body.streamx-v5.twitch-v53 .sts-live-showcase .coverflow-card{
  display:none !important;
}
@media (max-width:1200px){
  html body.streamx-v5.twitch-v53 .sts-live-showcase{width:calc(100vw - 32px)!important;}
  html body.streamx-v5.twitch-v53 .sts-live-main-card{grid-template-columns:1fr!important;}
  html body.streamx-v5.twitch-v53 .sts-live-details{padding:22px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-thumb-rail{grid-template-columns:repeat(4, 1fr)!important;}
}
@media (max-width:700px){
  html body.streamx-v5.twitch-v53 .sts-live-preview-stack{min-height:260px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-main-card{min-height:0!important;}
  html body.streamx-v5.twitch-v53 .sts-live-thumb-rail{grid-template-columns:repeat(3, 1fr)!important;}
}


/* ===== public/css/sts-v161-sts-carousel-theme.css ===== */
/* STS v5.6.161 - STS themed clear live showcase carousel */
html body.streamx-v5.twitch-v53 .sts-live-showcase{
  width:min(1560px, calc(100vw - 310px)) !important;
  margin:28px auto 46px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

html body.streamx-v5.twitch-v53 .sts-live-main-card{
  display:grid !important;
  grid-template-columns:minmax(720px, 1fr) 350px !important;
  min-height:470px !important;
  background:rgba(4,6,10,.52) !important;
  border:1px solid rgba(139,92,246,.55) !important;
  border-radius:24px !important;
  overflow:hidden !important;
  box-shadow:
    0 0 0 1px rgba(57,255,20,.14) inset,
    0 0 42px rgba(139,92,246,.22),
    0 18px 70px rgba(0,0,0,.46) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-preview-stack{
  min-height:470px !important;
  background:#020407 !important;
  border-right:1px solid rgba(139,92,246,.32) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-preview,
html body.streamx-v5.twitch-v53 .sts-live-preview img{
  background:#020407 !important;
}

html body.streamx-v5.twitch-v53 .sts-live-preview img{
  filter:none !important;
  opacity:1 !important;
}

/* keep image clear: only a tiny top/bottom readability shade */
html body.streamx-v5.twitch-v53 .sts-live-preview::after{
  background:linear-gradient(180deg, rgba(0,0,0,.04), transparent 35%, rgba(0,0,0,.18)) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-badge{
  background:linear-gradient(135deg,#ff174d,#ff3f7f) !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:10px !important;
  box-shadow:0 0 18px rgba(255,23,77,.55) !important;
}

html body.streamx-v5.twitch-v53 .sts-viewer-badge{
  background:rgba(0,0,0,.76) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 0 16px rgba(139,92,246,.22) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-play{
  width:82px !important;
  height:82px !important;
  background:radial-gradient(circle, rgba(255,255,255,.32), rgba(0,0,0,.48)) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:0 0 28px rgba(139,92,246,.34) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-details{
  background:
    radial-gradient(circle at top left, rgba(57,255,20,.12), transparent 34%),
    radial-gradient(circle at bottom right, rgba(139,92,246,.22), transparent 45%),
    rgba(8,10,16,.92) !important;
  border-left:1px solid rgba(57,255,20,.18) !important;
  color:#fff !important;
}

html body.streamx-v5.twitch-v53 .sts-live-creator-row img{
  width:64px !important;
  height:64px !important;
  border:2px solid #39ff14 !important;
  box-shadow:0 0 20px rgba(57,255,20,.34), 0 0 30px rgba(139,92,246,.24) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-creator-row strong{
  font-size:20px !important;
  letter-spacing:.02em !important;
  color:#fff !important;
  text-shadow:0 0 12px rgba(139,92,246,.38) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-creator-row small{
  color:#cfd5e3 !important;
}

html body.streamx-v5.twitch-v53 .sts-live-detail p{
  color:#f6f7fb !important;
  font-size:18px !important;
}

html body.streamx-v5.twitch-v53 .sts-live-meta-line span:first-child{
  color:#ffffff !important;
}

html body.streamx-v5.twitch-v53 .sts-live-meta-line span:first-child::first-letter{
  color:#39ff14 !important;
}

html body.streamx-v5.twitch-v53 .sts-watch-earn{
  min-height:58px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#39ff14,#8b5cf6) !important;
  color:#050509 !important;
  text-shadow:none !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 0 24px rgba(57,255,20,.24), 0 0 34px rgba(139,92,246,.28) !important;
}

html body.streamx-v5.twitch-v53 .sts-watch-earn:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.08) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-thumb-rail{
  margin-top:12px !important;
  gap:10px !important;
  grid-template-columns:repeat(auto-fit, minmax(118px, 1fr)) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-thumb{
  height:76px !important;
  border-radius:12px !important;
  background:rgba(5,8,12,.85) !important;
  border:1px solid rgba(139,92,246,.32) !important;
  opacity:.72 !important;
  box-shadow:0 0 0 1px rgba(57,255,20,.05) inset !important;
}

html body.streamx-v5.twitch-v53 .sts-live-thumb.active{
  opacity:1 !important;
  border-color:#39ff14 !important;
  box-shadow:0 0 0 2px rgba(57,255,20,.55), 0 0 26px rgba(139,92,246,.34) !important;
}

html body.streamx-v5.twitch-v53 .sts-live-thumb span{
  left:8px !important;
  right:8px !important;
  bottom:7px !important;
  color:#fff !important;
  background:linear-gradient(90deg, rgba(255,23,77,.92), rgba(139,92,246,.75)) !important;
  border-radius:999px !important;
  padding:5px 8px !important;
  text-align:center !important;
}

html body.streamx-v5.twitch-v53 .sts-live-showcase-empty{
  border-radius:22px !important;
  background:rgba(5,8,12,.7) !important;
  border:1px solid rgba(139,92,246,.45) !important;
  box-shadow:0 0 34px rgba(139,92,246,.18) !important;
}

@media (max-width:1200px){
  html body.streamx-v5.twitch-v53 .sts-live-showcase{width:calc(100vw - 28px)!important;}
  html body.streamx-v5.twitch-v53 .sts-live-main-card{grid-template-columns:1fr!important;}
  html body.streamx-v5.twitch-v53 .sts-live-preview-stack{min-height:360px!important;}
}

@media (max-width:700px){
  html body.streamx-v5.twitch-v53 .sts-live-preview-stack{min-height:240px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-details{padding:18px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-thumb-rail{grid-template-columns:repeat(2, 1fr)!important;}
}


/* ===== public/css/sts-v162-carousel-polish.css ===== */
/* STS v5.6.162 - carousel polish: cleaner STS showcase, 5 random live thumbs, no pink name strips */
html body.streamx-v5.twitch-v53 .sts-tv-main{
  min-width:0!important;
}

html body.streamx-v5.twitch-v53 .sts-live-showcase{
  width:min(1680px, calc(100vw - 340px))!important;
  margin:34px auto 54px!important;
  padding:0!important;
}

html body.streamx-v5.twitch-v53 .sts-live-main-card{
  display:grid!important;
  grid-template-columns:minmax(760px, 1fr) 360px!important;
  min-height:520px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg, rgba(4,7,9,.94), rgba(18,10,30,.96))!important;
  border:1px solid rgba(57,255,20,.28)!important;
  box-shadow:
    0 0 0 1px rgba(139,92,246,.24) inset,
    0 0 44px rgba(57,255,20,.12),
    0 0 70px rgba(139,92,246,.22),
    0 28px 90px rgba(0,0,0,.54)!important;
}

html body.streamx-v5.twitch-v53 .sts-live-preview-stack{
  min-height:520px!important;
  background:#030508!important;
}

html body.streamx-v5.twitch-v53 .sts-live-preview,
html body.streamx-v5.twitch-v53 .sts-live-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

html body.streamx-v5.twitch-v53 .sts-live-preview img{
  filter:saturate(1.06) contrast(1.05)!important;
  opacity:1!important;
}

html body.streamx-v5.twitch-v53 .sts-live-preview::after{
  background:linear-gradient(180deg, rgba(0,0,0,.03), transparent 55%, rgba(0,0,0,.16))!important;
}

html body.streamx-v5.twitch-v53 .sts-live-details{
  padding:42px 36px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 18% 12%, rgba(57,255,20,.15), transparent 30%),
    radial-gradient(circle at 85% 90%, rgba(139,92,246,.25), transparent 45%),
    linear-gradient(180deg, rgba(13,18,26,.96), rgba(7,9,15,.98))!important;
}

html body.streamx-v5.twitch-v53 .sts-watch-earn{
  margin-top:auto!important;
  min-height:58px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#39ff14 0%,#7dff58 42%,#8b5cf6 100%)!important;
  color:#04070a!important;
  font-weight:1000!important;
}

html body.streamx-v5.twitch-v53 .sts-live-thumb-rail{
  display:grid!important;
  grid-template-columns:repeat(5, minmax(120px, 1fr))!important;
  gap:12px!important;
  margin:14px 0 0!important;
  width:100%!important;
  max-width:100%!important;
}

html body.streamx-v5.twitch-v53 .sts-live-thumb{
  position:relative!important;
  height:86px!important;
  min-height:86px!important;
  padding:0!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#05080d!important;
  border:1px solid rgba(139,92,246,.36)!important;
  opacity:.7!important;
  box-shadow:0 12px 28px rgba(0,0,0,.3)!important;
}

html body.streamx-v5.twitch-v53 .sts-live-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  filter:saturate(1.03) contrast(1.05)!important;
}

html body.streamx-v5.twitch-v53 .sts-live-thumb::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 52%, rgba(0,0,0,.28));
  pointer-events:none;
  z-index:1;
}

html body.streamx-v5.twitch-v53 .sts-live-thumb span,
html body.streamx-v5.twitch-v53 .sts-live-thumb b{
  display:none!important;
}

html body.streamx-v5.twitch-v53 .sts-live-thumb.active{
  opacity:1!important;
  border-color:#39ff14!important;
  box-shadow:0 0 0 2px rgba(57,255,20,.7),0 0 28px rgba(57,255,20,.18),0 0 38px rgba(139,92,246,.28)!important;
}

@media(max-width:1200px){
  html body.streamx-v5.twitch-v53 .sts-live-showcase{width:calc(100vw - 28px)!important;}
  html body.streamx-v5.twitch-v53 .sts-live-main-card{grid-template-columns:1fr!important;min-height:0!important;}
  html body.streamx-v5.twitch-v53 .sts-live-preview-stack{min-height:360px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-details{padding:24px!important;}
}

@media(max-width:760px){
  html body.streamx-v5.twitch-v53 .sts-live-preview-stack{min-height:250px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-thumb-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body.streamx-v5.twitch-v53 .sts-live-thumb{height:74px!important;min-height:74px!important;}
}


/* ===== public/css/sts-v163-real-platform-showcase.css ===== */
/* STS v5.6.163 - real platform showcase layout, not a mockup image
   Makes the homepage carousel fit the screen better, pulls the right panel in,
   and turns the bottom rail into 5 real random-live cards. */

html body.streamx-v5.twitch-v53 .sts-tv-home{
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:28px!important;
  width:100%!important;
  max-width:1920px!important;
  margin:0 auto!important;
  padding:24px 28px 80px!important;
  box-sizing:border-box!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar{
  width:300px!important;
  min-width:300px!important;
  position:sticky!important;
  top:118px!important;
  align-self:start!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-main{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  padding-right:18px!important;
  box-sizing:border-box!important;
}

html body.streamx-v5.twitch-v53 .sts-live-showcase{
  width:100%!important;
  max-width:1540px!important;
  margin:18px auto 46px!important;
  padding:0!important;
  box-sizing:border-box!important;
}

html body.streamx-v5.twitch-v53 .sts-live-main-card{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) 360px!important;
  min-height:500px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 12% 18%, rgba(57,255,20,.10), transparent 34%),
    radial-gradient(circle at 85% 90%, rgba(139,92,246,.24), transparent 45%),
    linear-gradient(135deg, rgba(3,7,10,.98), rgba(9,10,18,.98))!important;
  border:1px solid rgba(57,255,20,.30)!important;
  box-shadow:0 0 0 1px rgba(139,92,246,.18) inset,0 24px 70px rgba(0,0,0,.48),0 0 44px rgba(57,255,20,.10)!important;
}

html body.streamx-v5.twitch-v53 .sts-live-preview-stack{
  min-height:500px!important;
  background:#020609!important;
}

html body.streamx-v5.twitch-v53 .sts-live-preview img{
  object-fit:cover!important;
  object-position:center!important;
}

html body.streamx-v5.twitch-v53 .sts-live-details{
  width:360px!important;
  padding:40px 34px!important;
  background:
    radial-gradient(circle at 24% 12%, rgba(57,255,20,.12), transparent 32%),
    radial-gradient(circle at 90% 80%, rgba(139,92,246,.22), transparent 44%),
    linear-gradient(180deg, rgba(8,12,20,.98), rgba(4,6,12,.99))!important;
  border-left:1px solid rgba(57,255,20,.22)!important;
  box-sizing:border-box!important;
}

html body.streamx-v5.twitch-v53 .sts-watch-earn{
  border-radius:16px!important;
  background:linear-gradient(135deg,#39ff14 0%,#73ff4d 45%,#8b5cf6 100%)!important;
  color:#030608!important;
  box-shadow:0 16px 38px rgba(57,255,20,.18),0 0 24px rgba(139,92,246,.20)!important;
}

html body.streamx-v5.twitch-v53 .sts-live-card-rail{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:repeat(5, minmax(0, 1fr))!important;
  gap:14px!important;
  width:100%!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-card{
  height:132px!important;
  min-height:132px!important;
  border-radius:16px!important;
  padding:0!important;
  overflow:hidden!important;
  position:relative!important;
  background:#05080d!important;
  border:1px solid rgba(139,92,246,.30)!important;
  opacity:.88!important;
  cursor:pointer!important;
  box-shadow:0 14px 34px rgba(0,0,0,.35)!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-card.active{
  opacity:1!important;
  border-color:#39ff14!important;
  box-shadow:0 0 0 2px rgba(57,255,20,.65),0 0 28px rgba(57,255,20,.18),0 18px 44px rgba(0,0,0,.45)!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-bg{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  filter:saturate(1.08) contrast(1.08) brightness(.88)!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.05) 40%, rgba(0,0,0,.82) 100%)!important;
  z-index:1!important;
  pointer-events:none!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-live,
html body.streamx-v5.twitch-v53 .sts-live-mini-viewers,
html body.streamx-v5.twitch-v53 .sts-live-mini-meta{
  display:flex!important;
  position:absolute!important;
  z-index:2!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-live{
  top:10px!important;
  left:10px!important;
  height:24px!important;
  align-items:center!important;
  padding:0 8px!important;
  border-radius:7px!important;
  background:#ff2f63!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-viewers{
  top:10px!important;
  right:10px!important;
  height:24px!important;
  align-items:center!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.74)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:1000!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-meta{
  left:12px!important;
  right:12px!important;
  bottom:10px!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-meta img{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  flex:0 0 auto!important;
  box-shadow:0 0 0 2px #39ff14!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-meta b,
html body.streamx-v5.twitch-v53 .sts-live-mini-meta small{
  display:block!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-meta b{
  color:#fff!important;
  font-size:12px!important;
  font-weight:1000!important;
  line-height:1.1!important;
  max-width:150px!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-meta small{
  color:#b9c4d4!important;
  font-size:11px!important;
  font-weight:800!important;
  margin-top:2px!important;
}

html body.streamx-v5.twitch-v53 .tv-row-section,
html body.streamx-v5.twitch-v53 .tv-bottom-grid{
  max-width:1540px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

html body.streamx-v5.twitch-v53 .tv-card-row{
  display:grid!important;
  grid-template-columns:repeat(5, minmax(190px, 1fr))!important;
  gap:18px!important;
}

@media(max-width:1450px){
  html body.streamx-v5.twitch-v53 .sts-tv-home{grid-template-columns:260px minmax(0,1fr)!important;gap:22px!important;padding-left:18px!important;padding-right:18px!important;}
  html body.streamx-v5.twitch-v53 .sts-tv-sidebar{width:260px!important;min-width:260px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-main-card{grid-template-columns:minmax(0,1fr) 320px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-details{width:320px!important;padding:32px 26px!important;}
}

@media(max-width:1150px){
  html body.streamx-v5.twitch-v53 .sts-tv-home{display:block!important;padding:18px 16px 70px!important;}
  html body.streamx-v5.twitch-v53 .sts-tv-sidebar{position:relative!important;top:auto!important;width:100%!important;min-width:0!important;margin-bottom:18px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-main-card{grid-template-columns:1fr!important;}
  html body.streamx-v5.twitch-v53 .sts-live-details{width:100%!important;border-left:0!important;border-top:1px solid rgba(57,255,20,.22)!important;}
  html body.streamx-v5.twitch-v53 .sts-live-card-rail{grid-template-columns:repeat(3, minmax(0, 1fr))!important;}
  html body.streamx-v5.twitch-v53 .tv-card-row{grid-template-columns:repeat(3, minmax(0,1fr))!important;}
}

@media(max-width:720px){
  html body.streamx-v5.twitch-v53 .sts-live-preview-stack{min-height:260px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-card-rail{grid-template-columns:repeat(2, minmax(0, 1fr))!important;}
  html body.streamx-v5.twitch-v53 .sts-live-mini-card{height:108px!important;min-height:108px!important;}
  html body.streamx-v5.twitch-v53 .tv-card-row{grid-template-columns:1fr!important;}
}

/* v5.6.166 - Real stream preview thumbnails on the bottom rail */
html body.streamx-v5.twitch-v53 .sts-live-mini-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  opacity:0!important;
  z-index:0!important;
  filter:saturate(1.08) contrast(1.08) brightness(.88)!important;
  transition:opacity .22s ease!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-card.video-ready .sts-live-mini-video{
  opacity:1!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-card.video-ready .sts-live-mini-bg{
  opacity:0!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  transition:opacity .22s ease!important;
}

/* STS v5.6.167 - Real preview rail cleanup
   Do not show STS placeholder banners in the bottom rail when a channel has no playable HLS preview. */
html body.streamx-v5.twitch-v53 .sts-live-mini-card.mini-preview-failed{
  display:none!important;
}

html body.streamx-v5.twitch-v53 .sts-live-card-rail.single-preview{
  grid-template-columns:minmax(260px, 420px)!important;
  justify-content:start!important;
}

html body.streamx-v5.twitch-v53 .sts-live-card-rail.few-previews{
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr))!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-card:not(.video-ready) .sts-live-mini-bg{
  opacity:.12!important;
}


/* ===== public/css/sts-v164-showcase-up-align.css ===== */
/* STS v5.6.164 - move live showcase up to align with the left rail cards */
html body.streamx-v5.twitch-v53 .sts-tv-home{
  padding-top:14px!important;
}

html body.streamx-v5.twitch-v53 .sts-live-showcase{
  margin-top:-24px!important;
  margin-bottom:38px!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar{
  margin-top:0!important;
}

html body.streamx-v5.twitch-v53 .sts-live-main-card{
  transform:translateY(0)!important;
}

@media(max-width:1150px){
  html body.streamx-v5.twitch-v53 .sts-live-showcase{
    margin-top:0!important;
  }
}


/* ===== public/css/sts-v165-real-stream-preview.css ===== */
/* STS v5.6.165 - real HLS preview in homepage live showcase */
html body.streamx-v5.twitch-v53 .sts-live-preview{
  background:#05070d!important;
  overflow:hidden!important;
}
html body.streamx-v5.twitch-v53 .sts-live-video-preview,
html body.streamx-v5.twitch-v53 .sts-live-poster-fallback{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
html body.streamx-v5.twitch-v53 .sts-live-video-preview{
  z-index:1!important;
  opacity:0!important;
  transition:opacity .35s ease!important;
  background:#05070d!important;
}
html body.streamx-v5.twitch-v53 .sts-live-poster-fallback{
  z-index:0!important;
  opacity:1!important;
  filter:saturate(1.05) contrast(1.06)!important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview.video-ready .sts-live-video-preview{
  opacity:1!important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview.video-ready .sts-live-poster-fallback{
  opacity:0!important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.25) 72%, rgba(0,0,0,.55))!important;
}
html body.streamx-v5.twitch-v53 .sts-preview-status{
  position:absolute!important;
  left:92px!important;
  top:18px!important;
  z-index:6!important;
  padding:7px 12px!important;
  border:1px solid rgba(57,255,20,.55)!important;
  border-radius:999px!important;
  color:#39ff14!important;
  background:rgba(0,0,0,.58)!important;
  box-shadow:0 0 18px rgba(57,255,20,.22)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
html body.streamx-v5.twitch-v53 .sts-live-badge,
html body.streamx-v5.twitch-v53 .sts-viewer-badge,
html body.streamx-v5.twitch-v53 .sts-live-play{
  z-index:7!important;
}
@media(max-width:760px){
  html body.streamx-v5.twitch-v53 .sts-preview-status{display:none!important;}
}


/* ===== public/css/sts-v168-five-preview-rail.css ===== */
/* STS v5.6.168 - Five-card live preview rail
   Bottom rail now fits 5 cards across and shuffles through all live streams. */
html body.streamx-v5.twitch-v53 .sts-live-card-rail{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:repeat(5, minmax(0, 1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  align-items:stretch!important;
  overflow:hidden!important;
}

html body.streamx-v5.twitch-v53 .sts-live-card-rail .sts-live-mini-card{
  display:none!important;
}

html body.streamx-v5.twitch-v53 .sts-live-card-rail .sts-live-mini-card.rail-visible{
  display:block!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-card{
  height:92px!important;
  min-height:92px!important;
  border-radius:13px!important;
  box-shadow:0 10px 25px rgba(0,0,0,.32)!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-card.active{
  box-shadow:0 0 0 2px rgba(57,255,20,.75),0 0 22px rgba(57,255,20,.20),0 14px 32px rgba(0,0,0,.42)!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-live,
html body.streamx-v5.twitch-v53 .sts-live-mini-viewers,
html body.streamx-v5.twitch-v53 .sts-live-mini-meta{
  display:none!important;
}

html body.streamx-v5.twitch-v53 .sts-live-mini-video,
html body.streamx-v5.twitch-v53 .sts-live-mini-bg{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

html body.streamx-v5.twitch-v53 .sts-live-card-rail.single-preview,
html body.streamx-v5.twitch-v53 .sts-live-card-rail.few-previews{
  grid-template-columns:repeat(5, minmax(0, 1fr))!important;
  justify-content:stretch!important;
}

@media(max-width:1200px){
  html body.streamx-v5.twitch-v53 .sts-live-mini-card{height:82px!important;min-height:82px!important;}
}

@media(max-width:760px){
  html body.streamx-v5.twitch-v53 .sts-live-card-rail{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    overflow:visible!important;
  }
  html body.streamx-v5.twitch-v53 .sts-live-mini-card{height:96px!important;min-height:96px!important;}
}


/* ===== public/css/sts-v170-chat-smooth-no-points.css ===== */
/* =========================================================
   STS v5.6.170 - Smooth fitted chat + silent Sloth Coins
   Makes the watch page chat cleaner, less chunky, and hides
   reward notification spam from the chat timeline.
   ========================================================= */

html body.streamx-v5.twitch-v53 .watch-shell{
  grid-template-columns:minmax(0,1fr) minmax(360px, 520px) !important;
  gap:14px !important;
}

html body.streamx-v5.twitch-v53 .chat-panel.upgraded.pro-chat,
html body.streamx-v5.twitch-v53 aside.chat-panel.upgraded.pro-chat{
  height:calc(100vh - 88px) !important;
  min-height:0 !important;
  top:74px !important;
  border-radius:18px !important;
  border:1px solid rgba(157,73,255,.45) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(157,73,255,.16), transparent 34%),
    radial-gradient(circle at 92% 100%, rgba(57,255,20,.10), transparent 30%),
    rgba(8,10,16,.94) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.035) !important;
  overflow:hidden !important;
}

html body.streamx-v5.twitch-v53 .sts102-chat-head{
  min-height:82px !important;
  padding:13px 14px !important;
  background:linear-gradient(180deg,rgba(17,20,32,.98),rgba(10,12,18,.95)) !important;
  border-bottom:1px solid rgba(157,73,255,.30) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.22) !important;
}

html body.streamx-v5.twitch-v53 .sts102-chat-titlebox{gap:11px !important;min-width:0 !important;}
html body.streamx-v5.twitch-v53 .sts102-chat-avatar{
  width:48px !important;height:48px !important;border-radius:16px !important;
  border:2px solid rgba(174,80,255,.95) !important;
  box-shadow:0 0 22px rgba(157,73,255,.28) !important;
}
html body.streamx-v5.twitch-v53 .sts102-chat-title{
  font-size:22px !important;line-height:1 !important;letter-spacing:.03em !important;
  text-shadow:0 0 18px rgba(157,73,255,.22) !important;
}
html body.streamx-v5.twitch-v53 .sts102-chat-sub{
  margin-top:5px !important;font-size:12px !important;color:rgba(239,232,255,.64) !important;
  white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:250px !important;
}
html body.streamx-v5.twitch-v53 .sts102-viewer-pill{
  height:42px !important;padding:0 13px !important;border-radius:16px !important;
  background:rgba(18,24,28,.86) !important;border:1px solid rgba(57,255,20,.24) !important;
}
html body.streamx-v5.twitch-v53 .sts102-menu-btn{width:40px !important;height:40px !important;border-radius:14px !important;}

html body.streamx-v5.twitch-v53 .v55-chat-ref .chat-messages,
html body.streamx-v5.twitch-v53 .chat-messages.pro-messages{
  gap:4px !important;
  padding:10px 12px 12px !important;
  background:linear-gradient(180deg,rgba(7,9,13,.96),rgba(6,8,12,.98)) !important;
  scroll-behavior:smooth !important;
}

html body.streamx-v5.twitch-v53 .chat-messages.pro-messages::-webkit-scrollbar{width:8px !important;}
html body.streamx-v5.twitch-v53 .chat-messages.pro-messages::-webkit-scrollbar-track{background:rgba(255,255,255,.025) !important;}
html body.streamx-v5.twitch-v53 .chat-messages.pro-messages::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#a63cff,#39ff14) !important;border-radius:999px !important;border:2px solid rgba(7,9,13,.96) !important;
}

html body.streamx-v5.twitch-v53 .chat-line.pro-message{
  display:grid !important;
  grid-template-columns:36px minmax(0,1fr) !important;
  gap:9px !important;
  align-items:start !important;
  padding:7px 8px !important;
  border-radius:14px !important;
  background:transparent !important;
  border:1px solid transparent !important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease !important;
}
html body.streamx-v5.twitch-v53 .chat-line.pro-message:hover{
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(157,73,255,.20) !important;
  transform:translateX(1px) !important;
}
html body.streamx-v5.twitch-v53 .chat-avatar-mini{
  width:34px !important;height:34px !important;min-width:34px !important;border-radius:999px !important;
  font-size:13px !important;border:2px solid rgba(57,255,20,.88) !important;
  box-shadow:0 0 14px rgba(57,255,20,.18) !important;
}
html body.streamx-v5.twitch-v53 .chat-bubble{
  min-width:0 !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
html body.streamx-v5.twitch-v53 .chat-meta{
  display:flex !important;align-items:center !important;gap:6px !important;min-width:0 !important;line-height:1.1 !important;margin-bottom:3px !important;
}
html body.streamx-v5.twitch-v53 .chat-name,
html body.streamx-v5.twitch-v53 .chat-name-link{
  color:var(--chat-name-color,#fff) !important;
  font-size:13px !important;font-weight:900 !important;max-width:130px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;
}
html body.streamx-v5.twitch-v53 .chat-body,
html body.streamx-v5.twitch-v53 .chat-bubble > span{
  display:block !important;
  color:#f5f2ff !important;
  font-size:14px !important;
  line-height:1.35 !important;
  word-break:break-word !important;
}
html body.streamx-v5.twitch-v53 .system-line{
  grid-template-columns:28px minmax(0,1fr) !important;
  background:rgba(157,73,255,.10) !important;
  border-color:rgba(157,73,255,.16) !important;
  margin:3px 0 !important;
}
html body.streamx-v5.twitch-v53 .system-line .system-icon{width:28px !important;height:28px !important;font-size:14px !important;}
html body.streamx-v5.twitch-v53 .system-bubble{padding:8px 10px !important;border-radius:12px !important;background:rgba(255,255,255,.035) !important;}
html body.streamx-v5.twitch-v53 .system-message{font-size:13px !important;color:#ede8ff !important;}

/* Hide old/client-side Sloth Coin reward spam from the visible chat feed. */
html body.streamx-v5.twitch-v53 .chat-line.system-points,
html body.streamx-v5.twitch-v53 .chat-line[data-event="points"]{
  display:none !important;
}

html body.streamx-v5.twitch-v53 .creator-badge,
html body.streamx-v5.twitch-v53 .badge-row.compact .creator-badge{
  width:24px !important;height:24px !important;min-width:24px !important;border-radius:9px !important;padding:0 !important;
}
html body.streamx-v5.twitch-v53 .badge-label{display:none !important;}
html body.streamx-v5.twitch-v53 .inline-mod-menu summary,
html body.streamx-v5.twitch-v53 .mod-menu summary{
  width:26px !important;height:26px !important;border-radius:999px !important;background:rgba(255,255,255,.06) !important;
}
html body.streamx-v5.twitch-v53 .sts-chat-clip-btn{
  opacity:0 !important;
  pointer-events:none !important;
  height:26px !important;
  padding:0 9px !important;
  border-radius:10px !important;
  font-size:11px !important;
  transition:opacity .15s ease !important;
}
html body.streamx-v5.twitch-v53 .chat-line:hover .sts-chat-clip-btn{
  opacity:1 !important;
  pointer-events:auto !important;
}
html body.streamx-v5.twitch-v53 .sts-message-reactions{margin-top:5px !important;gap:5px !important;}
html body.streamx-v5.twitch-v53 .sts-message-reaction-pill{font-size:12px !important;padding:3px 7px !important;border-radius:999px !important;}

html body.streamx-v5.twitch-v53 .v53-emote-strip{
  flex:0 0 auto !important;
  padding:9px 10px !important;
  gap:7px !important;
  background:rgba(9,12,17,.98) !important;
  border-top:1px solid rgba(157,73,255,.24) !important;
  overflow-x:auto !important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick{
  width:40px !important;height:40px !important;min-width:40px !important;border-radius:13px !important;
  background:rgba(255,255,255,.055) !important;border:1px solid rgba(255,255,255,.08) !important;
  transition:transform .14s ease,background .14s ease,border-color .14s ease !important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick:hover{
  transform:translateY(-2px) scale(1.03) !important;background:rgba(157,73,255,.18) !important;border-color:rgba(157,73,255,.45) !important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick img{width:28px !important;height:28px !important;}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick span{display:none !important;}

html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form{
  display:grid !important;
  grid-template-columns:50px minmax(0,1fr) 88px !important;
  gap:9px !important;
  padding:10px 12px 12px !important;
  background:linear-gradient(180deg,rgba(11,13,19,.98),rgba(17,12,28,.98)) !important;
  border-top:1px solid rgba(157,73,255,.28) !important;
}
html body.streamx-v5.twitch-v53 .chat-wave-btn{
  width:50px !important;height:48px !important;border-radius:16px !important;
  background:linear-gradient(135deg,#8b35ff,#b13cff) !important;
  box-shadow:0 0 22px rgba(157,73,255,.22) !important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form input{
  height:48px !important;border-radius:14px !important;padding:0 14px !important;
  background:rgba(12,18,22,.96) !important;border:1px solid rgba(255,255,255,.11) !important;color:#fff !important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form input:focus{
  border-color:rgba(57,255,20,.70) !important;box-shadow:0 0 0 3px rgba(57,255,20,.10) !important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form button:last-child{
  height:48px !important;border-radius:14px !important;font-weight:1000 !important;
  background:linear-gradient(135deg,#a63cff,#b83bff) !important;color:#fff !important;
}

html body.streamx-v5.twitch-v53 .sts-chat-announcements{display:none !important;}

@media(max-width:1180px){
  html body.streamx-v5.twitch-v53 .watch-shell{grid-template-columns:1fr !important;}
  html body.streamx-v5.twitch-v53 .chat-panel.upgraded.pro-chat{position:relative !important;top:auto !important;height:min(620px,70vh) !important;}
}


/* ===== public/css/sts-v171-chat-revamp.css ===== */
/* =========================================================
   STS v5.6.171 - Revamped smooth chat system
   Cleaner timeline, hidden hover tools, silent point rewards,
   smoother input/emotes and tighter STS/Kick-style fit.
   ========================================================= */

html body.streamx-v5.twitch-v53{
  --sts-chat-bg:#070a10;
  --sts-chat-panel:#0d1019;
  --sts-chat-line:rgba(255,255,255,.045);
  --sts-chat-line-hover:rgba(167,70,255,.085);
  --sts-chat-purple:#a855f7;
  --sts-chat-green:#39ff14;
  --sts-chat-text:#f7f3ff;
  --sts-chat-muted:rgba(239,232,255,.62);
}

html body.streamx-v5.twitch-v53 .watch-shell{
  grid-template-columns:minmax(0,1fr) minmax(370px, 500px) !important;
  gap:12px !important;
}

html body.streamx-v5.twitch-v53 .chat-panel.upgraded.pro-chat,
html body.streamx-v5.twitch-v53 aside.chat-panel.upgraded.pro-chat{
  height:calc(100vh - 84px) !important;
  max-height:none !important;
  border-radius:22px !important;
  border:1px solid rgba(168,85,247,.58) !important;
  background:
    radial-gradient(circle at 18% -10%, rgba(168,85,247,.22), transparent 34%),
    radial-gradient(circle at 105% 105%, rgba(57,255,20,.10), transparent 32%),
    linear-gradient(180deg, rgba(12,15,25,.98), rgba(5,8,13,.98)) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,255,255,.035) !important;
  overflow:hidden !important;
  backdrop-filter:blur(14px) !important;
}

html body.streamx-v5.twitch-v53 .sts102-chat-head{
  min-height:78px !important;
  padding:12px 14px !important;
  background:
    linear-gradient(135deg, rgba(20,24,38,.98), rgba(10,13,20,.96)) !important;
  border-bottom:1px solid rgba(168,85,247,.34) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.25) !important;
}

html body.streamx-v5.twitch-v53 .sts102-chat-avatar{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:16px !important;
  border:2px solid rgba(168,85,247,.95) !important;
  box-shadow:0 0 22px rgba(168,85,247,.35), 0 0 0 1px rgba(57,255,20,.14) !important;
}

html body.streamx-v5.twitch-v53 .sts102-chat-title{
  font-size:21px !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}
html body.streamx-v5.twitch-v53 .sts102-chat-sub{
  margin-top:5px !important;
  color:var(--sts-chat-muted) !important;
  font-size:12px !important;
  max-width:220px !important;
}

html body.streamx-v5.twitch-v53 .sts102-viewer-pill{
  height:38px !important;
  min-width:58px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  background:rgba(8,12,18,.82) !important;
  border:1px solid rgba(57,255,20,.28) !important;
  box-shadow:0 0 18px rgba(57,255,20,.08) !important;
}
html body.streamx-v5.twitch-v53 .sts102-menu-btn{
  width:38px !important;
  height:38px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.09) !important;
}

html body.streamx-v5.twitch-v53 .chat-pinned-message:not([hidden]){
  margin:10px 12px 0 !important;
  padding:10px 12px !important;
  border-radius:16px !important;
  border:1px solid rgba(57,255,20,.25) !important;
  background:linear-gradient(135deg, rgba(57,255,20,.10), rgba(168,85,247,.10)) !important;
}

html body.streamx-v5.twitch-v53 .v55-chat-ref .chat-messages,
html body.streamx-v5.twitch-v53 .chat-messages.pro-messages{
  padding:12px 12px 14px !important;
  gap:2px !important;
  background:linear-gradient(180deg, rgba(5,8,13,.98), rgba(4,6,10,.99)) !important;
  scroll-behavior:smooth !important;
}

html body.streamx-v5.twitch-v53 .chat-messages.pro-messages::-webkit-scrollbar{width:7px!important;}
html body.streamx-v5.twitch-v53 .chat-messages.pro-messages::-webkit-scrollbar-track{background:rgba(255,255,255,.025)!important;}
html body.streamx-v5.twitch-v53 .chat-messages.pro-messages::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--sts-chat-purple),var(--sts-chat-green))!important;
  border-radius:999px!important;
}

html body.streamx-v5.twitch-v53 .chat-line.pro-message{
  position:relative !important;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  gap:9px !important;
  padding:7px 8px !important;
  margin:0 !important;
  border-radius:16px !important;
  background:transparent !important;
  border:1px solid transparent !important;
  transition:background .15s ease, border-color .15s ease, transform .15s ease !important;
}
html body.streamx-v5.twitch-v53 .chat-line.pro-message:hover,
html body.streamx-v5.twitch-v53 .chat-line.pro-message:focus-within{
  background:var(--sts-chat-line-hover) !important;
  border-color:rgba(168,85,247,.22) !important;
  transform:translateX(1px) !important;
}

html body.streamx-v5.twitch-v53 .chat-avatar-mini{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:999px !important;
  border:2px solid rgba(57,255,20,.90) !important;
  background:rgba(10,15,20,.92) !important;
  box-shadow:0 0 14px rgba(57,255,20,.18) !important;
  font-size:12px !important;
}

html body.streamx-v5.twitch-v53 .chat-bubble{
  min-width:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html body.streamx-v5.twitch-v53 .chat-meta{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  min-width:0 !important;
  margin:0 0 4px !important;
}
html body.streamx-v5.twitch-v53 .chat-name,
html body.streamx-v5.twitch-v53 .chat-name-link{
  color:var(--chat-name-color,#fff) !important;
  font-size:13px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  max-width:132px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  text-shadow:0 0 12px rgba(168,85,247,.14) !important;
}
html body.streamx-v5.twitch-v53 .chat-body,
html body.streamx-v5.twitch-v53 .chat-bubble > span{
  display:block !important;
  color:var(--sts-chat-text) !important;
  font-size:14px !important;
  line-height:1.38 !important;
  word-break:break-word !important;
  padding-right:4px !important;
}

/* Tool buttons should not make every message look cluttered. */
html body.streamx-v5.twitch-v53 .inline-mod-menu summary,
html body.streamx-v5.twitch-v53 .mod-menu summary,
html body.streamx-v5.twitch-v53 .sts-chat-clip-btn{
  opacity:0 !important;
  pointer-events:none !important;
  transform:translateY(-1px) !important;
  transition:opacity .14s ease, transform .14s ease !important;
}
html body.streamx-v5.twitch-v53 .chat-line:hover .inline-mod-menu summary,
html body.streamx-v5.twitch-v53 .chat-line:hover .mod-menu summary,
html body.streamx-v5.twitch-v53 .chat-line:hover .sts-chat-clip-btn,
html body.streamx-v5.twitch-v53 .chat-line:focus-within .inline-mod-menu summary,
html body.streamx-v5.twitch-v53 .chat-line:focus-within .mod-menu summary,
html body.streamx-v5.twitch-v53 .chat-line:focus-within .sts-chat-clip-btn{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}
html body.streamx-v5.twitch-v53 .sts-chat-clip-btn{
  height:24px !important;
  padding:0 8px !important;
  font-size:11px !important;
  border-radius:10px !important;
}
html body.streamx-v5.twitch-v53 .creator-badge,
html body.streamx-v5.twitch-v53 .badge-row.compact .creator-badge{
  width:23px !important;
  height:23px !important;
  min-width:23px !important;
  border-radius:9px !important;
  padding:0 !important;
}
html body.streamx-v5.twitch-v53 .badge-label{display:none!important;}

html body.streamx-v5.twitch-v53 .system-line,
html body.streamx-v5.twitch-v53 .chat-line[data-chat-username="System"]{
  grid-template-columns:30px minmax(0,1fr) !important;
  margin:4px 0 !important;
  background:linear-gradient(135deg, rgba(57,255,20,.08), rgba(168,85,247,.10)) !important;
  border-color:rgba(168,85,247,.15) !important;
}
html body.streamx-v5.twitch-v53 .system-bubble,
html body.streamx-v5.twitch-v53 .chat-line[data-chat-username="System"] .chat-bubble{
  padding:8px 10px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.04) !important;
}
html body.streamx-v5.twitch-v53 .system-message,
html body.streamx-v5.twitch-v53 .chat-line[data-chat-username="System"] .chat-bubble > span{
  font-size:13px !important;
  color:#eae4ff !important;
  font-weight:800 !important;
}

/* Sloth Coin reward events are silent in the visible chat. */
html body.streamx-v5.twitch-v53 .chat-line.system-points,
html body.streamx-v5.twitch-v53 .chat-line.chat-event-points,
html body.streamx-v5.twitch-v53 .chat-line[data-event="points"],
html body.streamx-v5.twitch-v53 .chat-line.sts-hide-points{
  display:none !important;
}

html body.streamx-v5.twitch-v53 .sts-message-reactions{
  margin-top:6px !important;
  gap:5px !important;
}
html body.streamx-v5.twitch-v53 .sts-message-reaction-pill{
  padding:3px 7px !important;
  border-radius:999px !important;
  font-size:12px !important;
  background:rgba(168,85,247,.12) !important;
  border:1px solid rgba(168,85,247,.22) !important;
}

html body.streamx-v5.twitch-v53 .v53-emote-strip{
  min-height:54px !important;
  padding:8px 10px !important;
  gap:7px !important;
  border-top:1px solid rgba(168,85,247,.25) !important;
  background:rgba(8,11,17,.98) !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip::-webkit-scrollbar{display:none!important;}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick{
  width:39px !important;
  height:39px !important;
  min-width:39px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  transition:transform .14s ease, background .14s ease, border-color .14s ease !important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick:hover{
  transform:translateY(-2px) !important;
  background:rgba(168,85,247,.18) !important;
  border-color:rgba(168,85,247,.45) !important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick img{width:28px!important;height:28px!important;}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick span{display:none!important;}

html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form{
  grid-template-columns:48px minmax(0,1fr) 82px !important;
  gap:8px !important;
  padding:10px 12px 12px !important;
  background:linear-gradient(180deg, rgba(8,11,17,.99), rgba(17,12,28,.99)) !important;
  border-top:1px solid rgba(168,85,247,.30) !important;
}
html body.streamx-v5.twitch-v53 .chat-wave-btn,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form > button:first-child{
  width:48px !important;
  height:46px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#39ff14,#a855f7) !important;
  color:#05070b !important;
  box-shadow:0 0 20px rgba(168,85,247,.20) !important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form input,
html body.streamx-v5.twitch-v53 #chatInput{
  height:46px !important;
  border-radius:15px !important;
  background:rgba(9,15,18,.96) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
  font-size:13px !important;
}
html body.streamx-v5.twitch-v53 #chatInput:focus{
  border-color:rgba(57,255,20,.76) !important;
  box-shadow:0 0 0 3px rgba(57,255,20,.10), 0 0 24px rgba(57,255,20,.08) !important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form button:last-child{
  height:46px !important;
  border-radius:15px !important;
  font-size:13px !important;
  font-weight:1000 !important;
  background:linear-gradient(135deg,#9f3cff,#b83bff) !important;
  color:#fff !important;
}

html body.streamx-v5.twitch-v53 .sts-chat-announcements{display:none!important;}

@media(max-width:1180px){
  html body.streamx-v5.twitch-v53 .watch-shell{grid-template-columns:1fr !important;}
  html body.streamx-v5.twitch-v53 .chat-panel.upgraded.pro-chat,
  html body.streamx-v5.twitch-v53 aside.chat-panel.upgraded.pro-chat{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:min(640px,70vh) !important;
    top:auto !important;
    position:relative !important;
  }
}


/* ===== public/css/sts-v172-twitch-clean-chat.css ===== */
/* =========================================================
   STS v5.6.172 - Twitch-style clean chat revamp
   Compact readable live chat, no subscriber strip, smooth input.
   ========================================================= */

html body.streamx-v5.twitch-v53{
  --sts-chat-dark:#050607;
  --sts-chat-dark-2:#0a0c0f;
  --sts-chat-line:#171a1f;
  --sts-chat-text:#f4f4f5;
  --sts-chat-muted:#9aa0aa;
  --sts-chat-green:#39ff14;
  --sts-chat-cyan:#00f5d4;
  --sts-chat-purple:#a855f7;
}

/* Keep the chat narrow and close to the player like the reference. */
html body.streamx-v5.twitch-v53 .watch-shell{
  grid-template-columns:minmax(0,1fr) minmax(310px, 360px) !important;
  gap:8px !important;
}

html body.streamx-v5.twitch-v53 .chat-panel.upgraded.pro-chat,
html body.streamx-v5.twitch-v53 aside.chat-panel.upgraded.pro-chat{
  height:calc(100vh - 64px) !important;
  min-width:310px !important;
  max-width:360px !important;
  border-radius:0 !important;
  border:1px solid #20242c !important;
  border-left:1px solid rgba(168,85,247,.55) !important;
  background:var(--sts-chat-dark) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  overflow:hidden !important;
}

/* Remove the old chunky STS header and make it feel like a live-chat app. */
html body.streamx-v5.twitch-v53 .sts102-chat-head{
  min-height:42px !important;
  height:42px !important;
  padding:0 10px !important;
  display:grid !important;
  grid-template-columns:32px 1fr 72px !important;
  align-items:center !important;
  background:#08090b !important;
  border-bottom:1px solid #242832 !important;
  box-shadow:none !important;
}
html body.streamx-v5.twitch-v53 .sts102-chat-head:before{display:none!important;}
html body.streamx-v5.twitch-v53 .sts102-chat-titlebox{
  display:contents !important;
}
html body.streamx-v5.twitch-v53 .sts102-chat-avatar{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  border-radius:50% !important;
  border:1px solid rgba(57,255,20,.75) !important;
  box-shadow:none !important;
  grid-column:1 !important;
}
html body.streamx-v5.twitch-v53 .sts102-chat-titlebox > div:last-child{
  grid-column:2 !important;
  justify-self:center !important;
}
html body.streamx-v5.twitch-v53 .sts102-chat-title{
  font-size:15px !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#fff !important;
  text-align:center !important;
  text-shadow:none !important;
}
html body.streamx-v5.twitch-v53 .sts102-chat-sub{display:none!important;}
html body.streamx-v5.twitch-v53 .sts102-chat-actions{
  grid-column:3 !important;
  justify-content:flex-end !important;
  gap:6px !important;
}
html body.streamx-v5.twitch-v53 .sts102-viewer-pill{
  height:28px !important;
  min-width:40px !important;
  padding:0 7px !important;
  border-radius:7px !important;
  background:#101318 !important;
  border:1px solid #252b34 !important;
  box-shadow:none !important;
  font-size:12px !important;
}
html body.streamx-v5.twitch-v53 .sts102-viewer-icon{display:none!important;}
html body.streamx-v5.twitch-v53 .sts102-menu-btn{
  width:28px !important;
  height:28px !important;
  border:0 !important;
  background:transparent !important;
  border-radius:6px !important;
}
html body.streamx-v5.twitch-v53 .sts102-menu-btn span{
  height:2px!important;
  background:#fff!important;
}

/* Remove sub/top-gifter style strips completely. */
html body.streamx-v5.twitch-v53 .sts-chat-sub-strip,
html body.streamx-v5.twitch-v53 .sts-chat-rank-strip,
html body.streamx-v5.twitch-v53 .v55-chat-strip,
html body.streamx-v5.twitch-v53 .chat-pinned-message[hidden],
html body.streamx-v5.twitch-v53 .sts-chat-announcements{
  display:none !important;
}

/* Chat feed: compact, text-first, like the reference image. */
html body.streamx-v5.twitch-v53 .v55-chat-ref .chat-messages,
html body.streamx-v5.twitch-v53 .chat-messages.pro-messages{
  padding:8px 10px 10px !important;
  gap:0 !important;
  background:#050607 !important;
  scroll-behavior:smooth !important;
  font-family:Inter,Arial,sans-serif !important;
}
html body.streamx-v5.twitch-v53 .chat-messages.pro-messages::-webkit-scrollbar{width:5px!important;}
html body.streamx-v5.twitch-v53 .chat-messages.pro-messages::-webkit-scrollbar-track{background:#08090b!important;}
html body.streamx-v5.twitch-v53 .chat-messages.pro-messages::-webkit-scrollbar-thumb{background:#71717a!important;border-radius:999px!important;}

html body.streamx-v5.twitch-v53 .chat-line.pro-message{
  display:block !important;
  position:relative !important;
  padding:3px 4px 5px !important;
  margin:0 0 2px !important;
  border:0 !important;
  border-radius:6px !important;
  background:transparent !important;
  transition:background .12s ease !important;
}
html body.streamx-v5.twitch-v53 .chat-line.pro-message:hover,
html body.streamx-v5.twitch-v53 .chat-line.pro-message:focus-within{
  background:#11151b !important;
  transform:none !important;
}
html body.streamx-v5.twitch-v53 .chat-avatar-mini{
  display:none !important;
}
html body.streamx-v5.twitch-v53 .chat-bubble{
  display:block !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body.streamx-v5.twitch-v53 .chat-meta{
  display:inline !important;
  margin:0 !important;
}
html body.streamx-v5.twitch-v53 .chat-name,
html body.streamx-v5.twitch-v53 .chat-name-link{
  display:inline !important;
  color:var(--chat-name-color,var(--sts-chat-cyan)) !important;
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
  font-size:13px !important;
  line-height:1.38 !important;
  font-weight:800 !important;
  text-decoration:none !important;
  text-shadow:none !important;
}
html body.streamx-v5.twitch-v53 .chat-name:after,
html body.streamx-v5.twitch-v53 .chat-name-link:after{
  content:': ';
  color:#d6d6d6;
  font-weight:700;
}
html body.streamx-v5.twitch-v53 .chat-bubble > span{
  display:inline !important;
  color:var(--sts-chat-text) !important;
  font-size:13px !important;
  line-height:1.38 !important;
  word-break:break-word !important;
  padding:0 !important;
}
html body.streamx-v5.twitch-v53 .chat-bubble img.emote,
html body.streamx-v5.twitch-v53 .chat-bubble .emote-img,
html body.streamx-v5.twitch-v53 .chat-bubble > span img{
  width:24px !important;
  height:24px !important;
  vertical-align:middle !important;
  margin:0 2px !important;
}

/* Badges stay tiny and inline, not giant buttons. */
html body.streamx-v5.twitch-v53 .badge-row,
html body.streamx-v5.twitch-v53 .badge-row.compact{
  display:inline-flex !important;
  vertical-align:middle !important;
  gap:2px !important;
  margin:0 3px 0 2px !important;
}
html body.streamx-v5.twitch-v53 .creator-badge,
html body.streamx-v5.twitch-v53 .badge-row.compact .creator-badge{
  display:inline-flex !important;
  width:15px !important;
  height:15px !important;
  min-width:15px !important;
  border-radius:3px !important;
  padding:0 !important;
  box-shadow:none !important;
  vertical-align:middle !important;
}
html body.streamx-v5.twitch-v53 .badge-label{display:none!important;}

/* Mod/clip controls hidden unless hovering, so normal chat is clean. */
html body.streamx-v5.twitch-v53 .inline-mod-menu,
html body.streamx-v5.twitch-v53 .mod-menu,
html body.streamx-v5.twitch-v53 .sts-chat-clip-btn{
  display:inline-flex !important;
  margin-left:4px !important;
  vertical-align:middle !important;
}
html body.streamx-v5.twitch-v53 .inline-mod-menu summary,
html body.streamx-v5.twitch-v53 .mod-menu summary,
html body.streamx-v5.twitch-v53 .sts-chat-clip-btn{
  opacity:0 !important;
  pointer-events:none !important;
  width:auto !important;
  height:18px !important;
  min-height:18px !important;
  padding:0 5px !important;
  border-radius:4px !important;
  font-size:10px !important;
  background:#181c22 !important;
  border:1px solid #29303a !important;
  color:#fff !important;
}
html body.streamx-v5.twitch-v53 .chat-line:hover .inline-mod-menu summary,
html body.streamx-v5.twitch-v53 .chat-line:hover .mod-menu summary,
html body.streamx-v5.twitch-v53 .chat-line:hover .sts-chat-clip-btn{
  opacity:1 !important;
  pointer-events:auto !important;
}

/* System messages should not look like huge cards. */
html body.streamx-v5.twitch-v53 .system-line,
html body.streamx-v5.twitch-v53 .chat-line[data-chat-username="System"]{
  display:block !important;
  padding:4px 4px !important;
  margin:2px 0 !important;
  background:transparent !important;
  border:0 !important;
}
html body.streamx-v5.twitch-v53 .system-bubble,
html body.streamx-v5.twitch-v53 .chat-line[data-chat-username="System"] .chat-bubble{
  display:block !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}
html body.streamx-v5.twitch-v53 .chat-line[data-chat-username="System"] .chat-name{
  color:#a3e635 !important;
}
html body.streamx-v5.twitch-v53 .chat-line[data-chat-username="System"] .chat-bubble > span,
html body.streamx-v5.twitch-v53 .system-message{
  color:#e7e7e7 !important;
  font-weight:700 !important;
  font-size:13px !important;
}

/* Reactions: compact inline bubbles. */
html body.streamx-v5.twitch-v53 .sts-message-reactions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:4px !important;
  margin:4px 0 0 !important;
}
html body.streamx-v5.twitch-v53 .sts-message-reaction-pill{
  padding:1px 5px !important;
  border-radius:999px !important;
  font-size:12px !important;
  background:#11151b !important;
  border:1px solid #29303a !important;
}

/* Emote row like the green row in the reference, but with STS emotes. */
html body.streamx-v5.twitch-v53 .v53-emote-strip{
  min-height:42px !important;
  height:42px !important;
  padding:5px 8px !important;
  gap:5px !important;
  border-top:1px solid #242832 !important;
  background:#070809 !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip::-webkit-scrollbar{display:none!important;}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border:0 !important;
  border-radius:6px !important;
  background:transparent !important;
  padding:2px !important;
  transition:background .12s ease, transform .12s ease !important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick:hover{
  background:#151922 !important;
  transform:translateY(-1px) !important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick img{width:25px!important;height:25px!important;}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick span{display:none!important;}

/* Input bar: single white-outline box with a compact send button. */
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form{
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) 62px !important;
  gap:6px !important;
  padding:8px !important;
  background:#070809 !important;
  border-top:1px solid #242832 !important;
}
html body.streamx-v5.twitch-v53 .chat-wave-btn,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form > button:first-child{
  width:34px !important;
  height:36px !important;
  border-radius:6px !important;
  border:1px solid #2b313a !important;
  background:#11151b !important;
  color:#fff !important;
  box-shadow:none !important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form input,
html body.streamx-v5.twitch-v53 #chatInput{
  height:36px !important;
  border-radius:6px !important;
  background:#050607 !important;
  border:2px solid #f4f4f5 !important;
  color:#fff !important;
  font-size:13px !important;
  padding:0 10px !important;
  box-shadow:none !important;
}
html body.streamx-v5.twitch-v53 #chatInput:focus{
  border-color:var(--sts-chat-green) !important;
  box-shadow:0 0 0 1px rgba(57,255,20,.4) !important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form button:last-child{
  height:36px !important;
  border-radius:6px !important;
  border:0 !important;
  background:var(--sts-chat-green) !important;
  color:#050607 !important;
  font-size:12px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}

@media(max-width:1180px){
  html body.streamx-v5.twitch-v53 .watch-shell{grid-template-columns:1fr !important;}
  html body.streamx-v5.twitch-v53 .chat-panel.upgraded.pro-chat,
  html body.streamx-v5.twitch-v53 aside.chat-panel.upgraded.pro-chat{
    max-width:none !important;
    width:100% !important;
    height:min(620px,72vh) !important;
  }
}


/* ===== public/css/sts-v173-chat-layout-fix.css ===== */
/* =========================================================
   STS v5.6.173 - Chat layout fix
   Fixes the broken column spacing from v172 and makes chat
   compact, readable and Twitch-like without the sub/top strip.
   ========================================================= */

html body.streamx-v5.twitch-v53 .watch-shell{
  grid-template-columns:minmax(0,1fr) minmax(330px, 390px) !important;
  gap:8px !important;
}

html body.streamx-v5.twitch-v53 .chat-panel.upgraded.pro-chat,
html body.streamx-v5.twitch-v53 aside.chat-panel.upgraded.pro-chat{
  border-radius:16px !important;
  border:1px solid rgba(168,85,247,.50) !important;
  background:#07090d !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.025), 0 18px 45px rgba(0,0,0,.34) !important;
}

html body.streamx-v5.twitch-v53 .sts102-chat-head{
  height:58px !important;
  min-height:58px !important;
  padding:8px 12px !important;
  grid-template-columns:38px 1fr 72px !important;
  background:#0d1119 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

html body.streamx-v5.twitch-v53 .sts102-chat-avatar{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
}

html body.streamx-v5.twitch-v53 .sts102-chat-title{
  font-size:15px !important;
  text-align:center !important;
}

html body.streamx-v5.twitch-v53 .chat-messages.pro-messages,
html body.streamx-v5.twitch-v53 .v55-chat-ref .chat-messages{
  padding:9px 10px 10px !important;
  background:#05070a !important;
  font-family:Inter,Arial,sans-serif !important;
}

/* One clean chat row. No avatar column, no giant spacing. */
html body.streamx-v5.twitch-v53 .chat-line.pro-message{
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  padding:4px 7px !important;
  margin:0 0 2px !important;
  border:0 !important;
  border-radius:7px !important;
  background:transparent !important;
  transform:none !important;
}

html body.streamx-v5.twitch-v53 .chat-line.pro-message:hover{
  background:rgba(255,255,255,.055) !important;
}

html body.streamx-v5.twitch-v53 .chat-avatar-mini,
html body.streamx-v5.twitch-v53 .system-icon{
  display:none !important;
}

html body.streamx-v5.twitch-v53 .chat-bubble,
html body.streamx-v5.twitch-v53 .system-bubble{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

html body.streamx-v5.twitch-v53 .chat-meta{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  vertical-align:baseline !important;
}

html body.streamx-v5.twitch-v53 .chat-name,
html body.streamx-v5.twitch-v53 .chat-name-link{
  display:inline !important;
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
  color:var(--chat-name-color,#23f7d0) !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:900 !important;
  text-decoration:none !important;
  text-shadow:none !important;
}

html body.streamx-v5.twitch-v53 .chat-name:after,
html body.streamx-v5.twitch-v53 .chat-name-link:after{
  content:':';
  color:#e9e9ee !important;
  margin-right:5px !important;
}

html body.streamx-v5.twitch-v53 .chat-body,
html body.streamx-v5.twitch-v53 .chat-bubble > span,
html body.streamx-v5.twitch-v53 .system-message{
  display:inline !important;
  color:#f5f6fb !important;
  font-size:13px !important;
  line-height:1.45 !important;
  word-break:break-word !important;
  padding:0 !important;
  margin:0 !important;
}

/* Badges stay tiny and do not push the message across the chat. */
html body.streamx-v5.twitch-v53 .badge-row,
html body.streamx-v5.twitch-v53 .badge-row.compact{
  display:inline-flex !important;
  align-items:center !important;
  gap:2px !important;
  margin:0 4px 0 2px !important;
  vertical-align:-3px !important;
}

html body.streamx-v5.twitch-v53 .creator-badge,
html body.streamx-v5.twitch-v53 .badge-row.compact .creator-badge{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  border-radius:4px !important;
  padding:0 !important;
  box-shadow:none !important;
}

html body.streamx-v5.twitch-v53 .badge-label{display:none !important;}

/* Hover tools hidden fully until hover, and kept tiny. */
html body.streamx-v5.twitch-v53 .inline-mod-menu,
html body.streamx-v5.twitch-v53 .mod-menu,
html body.streamx-v5.twitch-v53 .sts-chat-clip-btn{
  display:inline-flex !important;
  vertical-align:middle !important;
  margin-left:4px !important;
}
html body.streamx-v5.twitch-v53 .inline-mod-menu summary,
html body.streamx-v5.twitch-v53 .mod-menu summary,
html body.streamx-v5.twitch-v53 .sts-chat-clip-btn{
  opacity:0 !important;
  pointer-events:none !important;
  height:18px !important;
  min-height:18px !important;
  padding:0 5px !important;
  border-radius:4px !important;
  font-size:10px !important;
  background:#171b22 !important;
  border:1px solid #2a303b !important;
}
html body.streamx-v5.twitch-v53 .chat-line:hover .inline-mod-menu summary,
html body.streamx-v5.twitch-v53 .chat-line:hover .mod-menu summary,
html body.streamx-v5.twitch-v53 .chat-line:hover .sts-chat-clip-btn{
  opacity:1 !important;
  pointer-events:auto !important;
}

html body.streamx-v5.twitch-v53 .system-line,
html body.streamx-v5.twitch-v53 .chat-line[data-chat-username="System"]{
  padding:5px 7px !important;
  background:rgba(57,255,20,.035) !important;
}
html body.streamx-v5.twitch-v53 .chat-line[data-chat-username="System"] .chat-name,
html body.streamx-v5.twitch-v53 .chat-line[data-chat-username="System"] .chat-name-link{
  color:#39ff14 !important;
}

html body.streamx-v5.twitch-v53 .chat-body img,
html body.streamx-v5.twitch-v53 .chat-bubble > span img,
html body.streamx-v5.twitch-v53 .emote-inline{
  width:26px !important;
  height:26px !important;
  object-fit:contain !important;
  vertical-align:-7px !important;
  margin:0 2px !important;
}

html body.streamx-v5.twitch-v53 .sts-message-reactions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:4px !important;
  margin:4px 0 0 !important;
}

html body.streamx-v5.twitch-v53 .v53-emote-strip{
  min-height:42px !important;
  padding:6px 8px !important;
  gap:5px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  background:#090c12 !important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick{
  width:31px !important;
  height:31px !important;
  border-radius:8px !important;
  padding:3px !important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick img{
  width:24px !important;
  height:24px !important;
}

html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form{
  padding:8px !important;
  gap:7px !important;
  background:#080b11 !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
html body.streamx-v5.twitch-v53 .chat-wave-btn{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:10px !important;
}
html body.streamx-v5.twitch-v53 #chatInput{
  height:42px !important;
  border-radius:8px !important;
  background:#0c1118 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
  font-size:13px !important;
}
html body.streamx-v5.twitch-v53 #chatInput:focus{
  border-color:#39ff14 !important;
  box-shadow:0 0 0 1px rgba(57,255,20,.5) !important;
}
html body.streamx-v5.twitch-v53 .chat-send-btn,
html body.streamx-v5.twitch-v53 .pro-chat-form button[type="submit"]{
  height:42px !important;
  min-width:70px !important;
  border-radius:10px !important;
}

@media (max-width: 980px){
  html body.streamx-v5.twitch-v53 .watch-shell{grid-template-columns:1fr !important;}
  html body.streamx-v5.twitch-v53 .chat-panel.upgraded.pro-chat{max-width:none !important;width:100% !important;height:62vh !important;}
}


/* ===== public/css/sts-v174-chat-twitch-rebuild.css ===== */
/* =========================================================
   STS v5.6.174 - Full chat layout rebuild
   Clean Twitch/Kick style chat: avatar + name + message,
   no per-message clip buttons, hover-only mod tools,
   better emote-only messages and clean system events.
   ========================================================= */

html body.streamx-v5.twitch-v53 .watch-shell{
  grid-template-columns:minmax(0,1fr) minmax(350px, 390px) !important;
  gap:10px !important;
}

html body.streamx-v5.twitch-v53 .chat-panel.upgraded.pro-chat,
html body.streamx-v5.twitch-v53 aside.chat-panel.upgraded.pro-chat{
  background:#06080c !important;
  border:1px solid rgba(168,85,247,.55) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.38) !important;
}

html body.streamx-v5.twitch-v53 .sts102-chat-head{
  height:58px !important;
  min-height:58px !important;
  padding:9px 12px !important;
  display:grid !important;
  grid-template-columns:36px 1fr auto !important;
  align-items:center !important;
  gap:10px !important;
  background:linear-gradient(180deg,#101521,#0a0e16) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
html body.streamx-v5.twitch-v53 .sts102-chat-title{font-size:15px !important;text-align:left !important;letter-spacing:.01em !important;}
html body.streamx-v5.twitch-v53 .sts102-chat-subtitle{font-size:11px !important;color:#a7acb9 !important;}
html body.streamx-v5.twitch-v53 .sts102-chat-avatar{width:32px !important;height:32px !important;min-width:32px !important;}

html body.streamx-v5.twitch-v53 #chatMessages.chat-messages,
html body.streamx-v5.twitch-v53 .chat-messages.pro-messages{
  background:#05070a !important;
  padding:10px 9px 12px !important;
  gap:2px !important;
  font-family:Inter,Arial,sans-serif !important;
  scroll-behavior:smooth !important;
}

/* Real message row: avatar column + content column */
html body.streamx-v5.twitch-v53 .chat-line.pro-message{
  position:relative !important;
  display:grid !important;
  grid-template-columns:30px minmax(0,1fr) !important;
  align-items:start !important;
  column-gap:8px !important;
  width:100% !important;
  min-height:0 !important;
  padding:7px 7px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:10px !important;
  background:transparent !important;
  transform:none !important;
}
html body.streamx-v5.twitch-v53 .chat-line.pro-message:hover{
  background:rgba(255,255,255,.055) !important;
}

html body.streamx-v5.twitch-v53 .chat-avatar-mini{
  display:grid !important;
  place-items:center !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:999px !important;
  background:#111720 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  border:2px solid #39ff14 !important;
  box-shadow:0 0 10px rgba(57,255,20,.18) !important;
  overflow:hidden !important;
}
html body.streamx-v5.twitch-v53 .chat-avatar-mini img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}

html body.streamx-v5.twitch-v53 .chat-bubble{
  display:block !important;
  min-width:0 !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

html body.streamx-v5.twitch-v53 .chat-meta{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  min-width:0 !important;
  width:100% !important;
  min-height:18px !important;
  margin:0 0 3px !important;
  padding:0 !important;
}
html body.streamx-v5.twitch-v53 .chat-name,
html body.streamx-v5.twitch-v53 .chat-name-link{
  display:inline-block !important;
  max-width:150px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:var(--chat-name-color,#23f7d0) !important;
  font-size:13px !important;
  line-height:18px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  text-shadow:none !important;
}
html body.streamx-v5.twitch-v53 .chat-name:after,
html body.streamx-v5.twitch-v53 .chat-name-link:after{content:'' !important;margin:0 !important;}

html body.streamx-v5.twitch-v53 .badge-row,
html body.streamx-v5.twitch-v53 .badge-row.compact{
  display:inline-flex !important;
  align-items:center !important;
  gap:2px !important;
  margin:0 !important;
  max-width:58px !important;
  overflow:hidden !important;
  flex:0 0 auto !important;
}
html body.streamx-v5.twitch-v53 .creator-badge,
html body.streamx-v5.twitch-v53 .badge-row.compact .creator-badge{
  width:17px !important;
  height:17px !important;
  min-width:17px !important;
  border-radius:5px !important;
  padding:0 !important;
  box-shadow:none !important;
}
html body.streamx-v5.twitch-v53 .badge-label{display:none !important;}

html body.streamx-v5.twitch-v53 .chat-body,
html body.streamx-v5.twitch-v53 .chat-bubble > span{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  color:#f5f6fb !important;
  font-size:13px !important;
  line-height:1.42 !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
  padding:0 !important;
  margin:0 !important;
}

/* Emote-only messages pop like Twitch/Kick, but stay in their own line */
html body.streamx-v5.twitch-v53 .chat-line.emote-only .chat-body,
html body.streamx-v5.twitch-v53 .chat-line.emote-only .chat-bubble > span{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:4px !important;
  line-height:1 !important;
  padding-top:1px !important;
}
html body.streamx-v5.twitch-v53 .chat-line.emote-only .chat-body img,
html body.streamx-v5.twitch-v53 .chat-line.emote-only .chat-bubble > span img,
html body.streamx-v5.twitch-v53 .chat-line.emote-only .emote-inline{
  width:34px !important;
  height:34px !important;
  margin:0 1px !important;
  vertical-align:middle !important;
}
html body.streamx-v5.twitch-v53 .chat-body img,
html body.streamx-v5.twitch-v53 .chat-bubble > span img,
html body.streamx-v5.twitch-v53 .emote-inline{
  width:24px !important;
  height:24px !important;
  object-fit:contain !important;
  vertical-align:-6px !important;
  margin:0 2px !important;
}

/* System events are clean and centered */
html body.streamx-v5.twitch-v53 .chat-line.system-line,
html body.streamx-v5.twitch-v53 .chat-line[data-chat-username="System"]{
  display:block !important;
  padding:8px 10px !important;
  margin:4px 0 !important;
  background:linear-gradient(90deg,transparent,rgba(57,255,20,.08),transparent) !important;
  border-radius:12px !important;
  text-align:center !important;
}
html body.streamx-v5.twitch-v53 .system-line .chat-avatar-mini,
html body.streamx-v5.twitch-v53 .system-line .system-icon,
html body.streamx-v5.twitch-v53 .chat-line[data-chat-username="System"] .chat-avatar-mini{display:none !important;}
html body.streamx-v5.twitch-v53 .system-line .chat-bubble,
html body.streamx-v5.twitch-v53 .system-line .system-bubble,
html body.streamx-v5.twitch-v53 .chat-line[data-chat-username="System"] .chat-bubble{display:block !important;width:100% !important;}
html body.streamx-v5.twitch-v53 .system-line .chat-meta{display:none !important;}
html body.streamx-v5.twitch-v53 .system-message,
html body.streamx-v5.twitch-v53 .chat-line[data-chat-username="System"] .chat-bubble > span{
  display:block !important;
  color:#dfffe0 !important;
  font-size:13px !important;
  font-weight:800 !important;
}

/* Mod/reaction controls: hover only, never push text sideways */
html body.streamx-v5.twitch-v53 .inline-mod-menu,
html body.streamx-v5.twitch-v53 .mod-menu{
  position:relative !important;
  display:inline-flex !important;
  flex:0 0 auto !important;
  margin-left:auto !important;
}
html body.streamx-v5.twitch-v53 .inline-mod-menu summary,
html body.streamx-v5.twitch-v53 .mod-menu summary{
  opacity:0 !important;
  pointer-events:none !important;
  width:22px !important;
  height:20px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:8px !important;
  background:#171c25 !important;
  border:1px solid rgba(255,255,255,.11) !important;
  color:#d7d9e0 !important;
  font-size:14px !important;
  line-height:1 !important;
  padding:0 !important;
}
html body.streamx-v5.twitch-v53 .chat-line:hover .inline-mod-menu summary,
html body.streamx-v5.twitch-v53 .chat-line:hover .mod-menu summary{
  opacity:1 !important;
  pointer-events:auto !important;
}
html body.streamx-v5.twitch-v53 .sts-chat-clip-btn{display:none !important;}

html body.streamx-v5.twitch-v53 .sts-message-reactions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:4px !important;
  margin:5px 0 0 !important;
}
html body.streamx-v5.twitch-v53 .sts-message-reaction-pill{
  background:#171c25 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:999px !important;
  padding:2px 6px !important;
  font-size:12px !important;
}

html body.streamx-v5.twitch-v53 .v53-emote-strip{
  min-height:41px !important;
  padding:6px 8px !important;
  gap:5px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  border-top:1px solid rgba(168,85,247,.28) !important;
  background:#080b11 !important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick{
  width:31px !important;
  height:31px !important;
  min-width:31px !important;
  border-radius:9px !important;
  padding:3px !important;
  background:#111720 !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick img{width:24px !important;height:24px !important;}

html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form{
  padding:8px !important;
  gap:7px !important;
  background:#080b11 !important;
  border-top:1px solid rgba(168,85,247,.28) !important;
}
html body.streamx-v5.twitch-v53 .chat-wave-btn{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:10px !important;
}
html body.streamx-v5.twitch-v53 #chatInput{
  height:42px !important;
  border-radius:10px !important;
  background:#0c1118 !important;
  border:1px solid rgba(255,255,255,.15) !important;
  color:#fff !important;
  font-size:13px !important;
  padding:0 12px !important;
}
html body.streamx-v5.twitch-v53 #chatInput:focus{
  border-color:#39ff14 !important;
  box-shadow:0 0 0 1px rgba(57,255,20,.55) !important;
}
html body.streamx-v5.twitch-v53 .chat-send-btn,
html body.streamx-v5.twitch-v53 .pro-chat-form button[type="submit"]{
  height:42px !important;
  min-width:68px !important;
  border-radius:10px !important;
}

@media (max-width: 980px){
  html body.streamx-v5.twitch-v53 .watch-shell{grid-template-columns:1fr !important;}
  html body.streamx-v5.twitch-v53 .chat-panel.upgraded.pro-chat{max-width:none !important;width:100% !important;height:62vh !important;}
}

/* v5.6.175 - Wave button hides cleanly after click */
html body.streamx-v5.twitch-v53 .chat-wave-btn[hidden],
html body.streamx-v5.twitch-v53 .chat-wave-btn.cooldown-hidden,
html body.streamx-v5.twitch-v53 .chat-form.wave-is-hidden .chat-wave-btn{
  display:none!important;
  width:0!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

html body.streamx-v5.twitch-v53 .chat-form.wave-is-hidden,
html body.streamx-v5.twitch-v53 .chat-form:has(.chat-wave-btn[hidden]){
  grid-template-columns:1fr auto!important;
  gap:8px!important;
}


/* ===== public/css/sts-v176-wave-hide-input-fix.css ===== */
/* v5.6.176 - Wave button hides and the input expands fully */
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 96px!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 10px!important;
  background:#080b11!important;
  border-top:1px solid rgba(168,85,247,.34)!important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn{
  grid-column:1!important;
  width:54px!important;
  height:42px!important;
  min-width:54px!important;
  max-width:54px!important;
  padding:0!important;
  margin:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form #chatInput{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form button[type="submit"],
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form > button:last-child{
  grid-column:3!important;
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form:has(.chat-wave-btn[hidden]){
  grid-template-columns:minmax(0,1fr) 96px!important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden #chatInput,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used #chatInput,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form:has(.chat-wave-btn[hidden]) #chatInput{
  grid-column:1!important;
  width:100%!important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden button[type="submit"],
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used button[type="submit"],
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden > button:last-child,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used > button:last-child,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form:has(.chat-wave-btn[hidden]) > button:last-child{
  grid-column:2!important;
}
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn[hidden],
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn.sent,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn.cooldown-hidden,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden .chat-wave-btn,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used .chat-wave-btn{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  max-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-9999px!important;
}
@media (max-width: 520px){
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form{
    grid-template-columns:48px minmax(0,1fr) 82px!important;
    padding:7px!important;
  }
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden,
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used{
    grid-template-columns:minmax(0,1fr) 82px!important;
  }
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn{width:48px!important;min-width:48px!important;max-width:48px!important;}
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form > button:last-child{width:82px!important;min-width:82px!important;max-width:82px!important;}
}


/* ===== public/css/sts-v177-chat-input-fix.css ===== */
/* v5.6.177 - Final chat input bar fix after wave is used
   Uses flex instead of grid so the input always fills the empty space. */
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  background:#080b11!important;
  border-top:1px solid rgba(168,85,247,.34)!important;
  width:100%!important;
  box-sizing:border-box!important;
  grid-template-columns:none!important;
}

html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn{
  flex:0 0 52px!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:44px!important;
  padding:0!important;
  margin:0!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form #chatInput{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:44px!important;
  box-sizing:border-box!important;
  grid-column:auto!important;
}

html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form button[type="submit"],
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form > button:last-child{
  flex:0 0 96px!important;
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  height:44px!important;
  grid-column:auto!important;
}

html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn[hidden],
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn.sent,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn.cooldown-hidden,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden .chat-wave-btn,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used .chat-wave-btn{
  display:none!important;
  visibility:hidden!important;
  flex:0 0 0!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-9999px!important;
}

html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden #chatInput,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used #chatInput,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form:has(.chat-wave-btn[hidden]) #chatInput{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
}

@media (max-width:520px){
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form{gap:8px!important;padding:8px!important;}
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn{flex-basis:48px!important;width:48px!important;min-width:48px!important;max-width:48px!important;}
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form button[type="submit"],
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form > button:last-child{flex-basis:82px!important;width:82px!important;min-width:82px!important;max-width:82px!important;}
}


/* ===== public/css/sts-v178-chat-footer-emotes-clean.css ===== */
/* v5.6.178 - Chat footer final layout + clean emote rail
   Fixes the missing/tiny input after the wave button is hidden and removes boxes around emotes. */

html body.streamx-v5.twitch-v53 aside.chat-panel #chatForm.chat-form.pro-chat-form,
html body.streamx-v5.twitch-v53 #chatForm.chat-form.pro-chat-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 108px!important;
  grid-template-rows:48px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:10px 12px 12px!important;
  margin:0!important;
  background:#070b12!important;
  border-top:1px solid rgba(168,85,247,.35)!important;
  position:relative!important;
  overflow:hidden!important;
}

html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form #chatInput{
  display:block!important;
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:48px!important;
  line-height:48px!important;
  flex:none!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 16px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:#0d131b!important;
  color:#f8fbff!important;
  outline:none!important;
  opacity:1!important;
  visibility:visible!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}

html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form #chatInput:focus{
  border-color:#39ff14!important;
  box-shadow:0 0 0 1px rgba(57,255,20,.75),0 0 18px rgba(57,255,20,.16)!important;
}

html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form > button[type="submit"],
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form > button:not(#chatWaveBtn):last-child{
  display:flex!important;
  grid-column:2!important;
  grid-row:1!important;
  align-items:center!important;
  justify-content:center!important;
  width:108px!important;
  min-width:108px!important;
  max-width:108px!important;
  height:48px!important;
  flex:none!important;
  margin:0!important;
  border-radius:14px!important;
  border:0!important;
  background:linear-gradient(135deg,#a855f7,#c026d3)!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 10px 26px rgba(168,85,247,.22)!important;
}

/* Wave button sits inside the input until used, then vanishes without keeping space. */
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form .chat-wave-btn{
  display:flex!important;
  grid-column:1!important;
  grid-row:1!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:2!important;
  justify-self:start!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  margin-left:2px!important;
  padding:0!important;
  border-radius:12px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form:not(.wave-is-hidden):not(.wave-used) .chat-wave-btn:not([hidden]) + #chatInput{
  padding-left:54px!important;
}

html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form .chat-wave-btn[hidden],
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form .chat-wave-btn.sent,
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form .chat-wave-btn.cooldown-hidden,
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form.wave-is-hidden .chat-wave-btn,
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form.wave-used .chat-wave-btn{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-9999px!important;
}

html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form.wave-is-hidden #chatInput,
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form.wave-used #chatInput,
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form:has(.chat-wave-btn[hidden]) #chatInput{
  padding-left:16px!important;
  grid-column:1!important;
  width:100%!important;
  max-width:100%!important;
}

/* Clean Twitch/Kick style emotes: no boxes, just the emote with a tiny hover lift. */
html body.streamx-v5.twitch-v53 .v53-emote-strip{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  padding:9px 16px!important;
  min-height:44px!important;
  background:#060a10!important;
  border-top:1px solid rgba(168,85,247,.34)!important;
  border-bottom:1px solid rgba(168,85,247,.22)!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip::-webkit-scrollbar{display:none!important;}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  cursor:pointer!important;
  flex:0 0 auto!important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick:hover{
  transform:translateY(-2px) scale(1.08)!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 8px rgba(168,85,247,.42))!important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick img{
  display:block!important;
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick span{display:none!important;}

@media (max-width:560px){
  html body.streamx-v5.twitch-v53 #chatForm.chat-form.pro-chat-form{
    grid-template-columns:minmax(0,1fr) 92px!important;
    gap:8px!important;
    padding:9px 10px 10px!important;
  }
  html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form > button[type="submit"],
  html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form > button:not(#chatWaveBtn):last-child{
    width:92px!important;min-width:92px!important;max-width:92px!important;
  }
  html body.streamx-v5.twitch-v53 .v53-emote-strip{gap:11px!important;padding-inline:14px!important;}
}


/* ===== public/css/sts-v180-premium-chat-badges.css ===== */
/* STS v5.6.180 - Premium Twitch/Kick inspired chat + real badge styling */
html body.streamx-v5.twitch-v53 aside.chat-panel.pro-chat{
  background:#05070b!important;
  border:1px solid rgba(168,85,247,.55)!important;
  box-shadow:0 0 0 1px rgba(57,255,20,.08), 0 20px 55px rgba(0,0,0,.44)!important;
  overflow:hidden!important;
}
html body.streamx-v5.twitch-v53 .sts102-chat-head{
  min-height:82px!important;
  padding:14px 16px!important;
  background:linear-gradient(180deg,#111827 0%,#0b111c 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
html body.streamx-v5.twitch-v53 .sts102-chat-title{font-size:19px!important;letter-spacing:.2px!important;text-shadow:0 0 14px rgba(255,255,255,.18)!important;}
html body.streamx-v5.twitch-v53 .sts102-chat-title::before{content:'💬 ';font-size:15px;vertical-align:1px;}
html body.streamx-v5.twitch-v53 .sts102-chat-sub{font-size:12px!important;color:#8d98aa!important;}
html body.streamx-v5.twitch-v53 .sts102-viewer-pill{
  height:34px!important;min-width:74px!important;border-radius:11px!important;
  background:#0a0f18!important;border:1px solid rgba(57,255,20,.25)!important;
  box-shadow:inset 0 0 18px rgba(57,255,20,.05)!important;
}
html body.streamx-v5.twitch-v53 #chatMessages.chat-messages.pro-messages{
  padding:12px 12px 14px!important;
  background:radial-gradient(circle at 20% 0%,rgba(168,85,247,.05),transparent 35%),#05070b!important;
  display:flex!important;flex-direction:column!important;gap:4px!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.pro-message{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:flex-start!important;
  padding:6px 7px!important;
  margin:0!important;
  border-radius:10px!important;
  background:transparent!important;
  border:1px solid transparent!important;
  transition:background .14s ease,border-color .14s ease,transform .14s ease!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.pro-message:hover{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(168,85,247,.13)!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-avatar-mini{
  grid-column:1!important;
  width:32px!important;height:32px!important;min-width:32px!important;
  border-radius:50%!important;
  border:2px solid #39ff14!important;
  box-shadow:0 0 12px rgba(57,255,20,.32)!important;
  background:#07100b!important;
  overflow:hidden!important;
  font-size:13px!important;font-weight:1000!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-avatar-mini.frame-owner,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line[data-chat-username="DevMarvel"] .chat-avatar-mini{
  border-color:#ffd166!important;box-shadow:0 0 16px rgba(255,209,102,.46),0 0 26px rgba(168,85,247,.18)!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-avatar-mini img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;}
html body.streamx-v5.twitch-v53 #chatMessages .chat-bubble{
  grid-column:2!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  background:transparent!important;
  border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-meta{
  display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;
  min-height:20px!important;margin:0!important;padding:0!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-name,
html body.streamx-v5.twitch-v53 #chatMessages .chat-name-link{
  color:var(--chat-name-color,#ff3b69)!important;
  font-size:13px!important;line-height:18px!important;font-weight:1000!important;
  text-decoration:none!important;text-shadow:0 0 10px color-mix(in srgb, var(--chat-name-color,#ff3b69) 50%, transparent)!important;
  max-width:128px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line[data-chat-username="DevMarvel"] .chat-name::before{content:'👑 ';font-size:12px;}
html body.streamx-v5.twitch-v53 #chatMessages .chat-body,
html body.streamx-v5.twitch-v53 #chatMessages .chat-bubble>span{
  display:block!important;
  color:#f5f7fb!important;
  font-size:13.5px!important;line-height:1.42!important;
  word-break:break-word!important;overflow-wrap:anywhere!important;
  margin:0!important;padding:0!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .chat-body,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .chat-bubble>span{
  display:flex!important;flex-wrap:wrap!important;gap:5px!important;align-items:center!important;
  padding-top:2px!important;line-height:1!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only img,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .chat-emote,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .emote-inline{
  width:36px!important;height:36px!important;object-fit:contain!important;margin:0!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.28))!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .badge-row{
  display:inline-flex!important;align-items:center!important;gap:3px!important;max-width:none!important;overflow:visible!important;flex:0 0 auto!important;
}
html body.streamx-v5.twitch-v53 .creator-badge{
  --badge-a:#6b7280;--badge-b:#111827;--badge-glow:rgba(255,255,255,.12);
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:18px!important;height:18px!important;min-width:18px!important;
  padding:0!important;border-radius:6px!important;
  background:linear-gradient(135deg,var(--badge-a),var(--badge-b))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 0 10px var(--badge-glow), inset 0 1px 0 rgba(255,255,255,.28)!important;
  color:#fff!important;font-size:11px!important;line-height:1!important;
}
html body.streamx-v5.twitch-v53 .creator-badge .badge-icon{display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;line-height:1!important;}
html body.streamx-v5.twitch-v53 .creator-badge .badge-label{display:none!important;}
html body.streamx-v5.twitch-v53 .badge-owner{--badge-a:#ffd166;--badge-b:#a16207;--badge-glow:rgba(255,209,102,.38);}
html body.streamx-v5.twitch-v53 .badge-staff-admin,
html body.streamx-v5.twitch-v53 .badge-staff{--badge-a:#ef4444;--badge-b:#7f1d1d;--badge-glow:rgba(239,68,68,.34);}
html body.streamx-v5.twitch-v53 .badge-moderator{--badge-a:#22c55e;--badge-b:#14532d;--badge-glow:rgba(34,197,94,.32);}
html body.streamx-v5.twitch-v53 .badge-partner,
html body.streamx-v5.twitch-v53 .badge-tier-partner,
html body.streamx-v5.twitch-v53 .badge-sts-partner{--badge-a:#38bdf8;--badge-b:#1d4ed8;--badge-glow:rgba(56,189,248,.32);}
html body.streamx-v5.twitch-v53 .badge-affiliate,
html body.streamx-v5.twitch-v53 .badge-tier-affiliate{--badge-a:#c084fc;--badge-b:#7e22ce;--badge-glow:rgba(192,132,252,.34);}
html body.streamx-v5.twitch-v53 .badge-tier-creator{--badge-a:#64748b;--badge-b:#1f2937;--badge-glow:rgba(148,163,184,.18);}
html body.streamx-v5.twitch-v53 .badge-verified{--badge-a:#60a5fa;--badge-b:#2563eb;--badge-glow:rgba(96,165,250,.32);}
html body.streamx-v5.twitch-v53 .badge-paypal-sub-tier1,
html body.streamx-v5.twitch-v53 .badge-paypal-sub-tier2,
html body.streamx-v5.twitch-v53 .badge-paypal-sub-tier3{--badge-a:#f472b6;--badge-b:#be185d;--badge-glow:rgba(244,114,182,.32);}
html body.streamx-v5.twitch-v53 #chatMessages .inline-mod-menu{margin-left:auto!important;}
html body.streamx-v5.twitch-v53 #chatMessages .inline-mod-menu summary,
html body.streamx-v5.twitch-v53 #chatMessages .mod-menu summary{
  opacity:0!important;pointer-events:none!important;
  width:22px!important;height:20px!important;border-radius:8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important;color:#aeb7c7!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line:hover .inline-mod-menu summary,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line:hover .mod-menu summary{opacity:1!important;pointer-events:auto!important;}
html body.streamx-v5.twitch-v53 #chatMessages .sts-chat-clip-btn{display:none!important;}
html body.streamx-v5.twitch-v53 #chatMessages .sts-message-reactions{display:flex!important;gap:5px!important;margin-top:4px!important;}
html body.streamx-v5.twitch-v53 #chatMessages .sts-message-reaction-pill{
  border:0!important;background:rgba(255,255,255,.07)!important;border-radius:999px!important;padding:2px 6px!important;font-size:13px!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .system-line,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line[data-chat-username="System"]{
  display:block!important;text-align:center!important;padding:8px 8px!important;margin:5px 0!important;
  background:linear-gradient(90deg,transparent,rgba(57,255,20,.10),transparent)!important;
  border:0!important;border-radius:0!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .system-line::before,
html body.streamx-v5.twitch-v53 #chatMessages .system-line::after{content:'';display:inline-block;width:34px;height:1px;background:linear-gradient(90deg,transparent,rgba(57,255,20,.5));vertical-align:middle;margin:0 8px;}
html body.streamx-v5.twitch-v53 #chatMessages .system-line::after{background:linear-gradient(90deg,rgba(57,255,20,.5),transparent);}
html body.streamx-v5.twitch-v53 #chatMessages .system-line .chat-avatar-mini,
html body.streamx-v5.twitch-v53 #chatMessages .system-line .chat-meta,
html body.streamx-v5.twitch-v53 #chatMessages .system-line .system-icon{display:none!important;}
html body.streamx-v5.twitch-v53 #chatMessages .system-line .chat-bubble,
html body.streamx-v5.twitch-v53 #chatMessages .system-line .system-bubble{display:inline!important;width:auto!important;}
html body.streamx-v5.twitch-v53 #chatMessages .system-line .chat-body,
html body.streamx-v5.twitch-v53 #chatMessages .system-line .chat-bubble>span,
html body.streamx-v5.twitch-v53 #chatMessages .system-message{color:#bdfcc7!important;font-size:13px!important;font-weight:900!important;text-shadow:0 0 14px rgba(57,255,20,.15)!important;}
html body.streamx-v5.twitch-v53 .v53-emote-strip{
  display:flex!important;align-items:center!important;gap:14px!important;
  padding:9px 18px!important;min-height:44px!important;background:#060910!important;
  border-top:1px solid rgba(168,85,247,.32)!important;border-bottom:1px solid rgba(168,85,247,.22)!important;overflow-x:auto!important;scrollbar-width:none!important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip::-webkit-scrollbar{display:none!important;}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;height:auto!important;min-width:0!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;cursor:pointer!important;flex:0 0 auto!important;
}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick:hover{transform:translateY(-2px) scale(1.1)!important;filter:drop-shadow(0 0 8px rgba(168,85,247,.5))!important;}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick img{width:28px!important;height:28px!important;object-fit:contain!important;display:block!important;}
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick span{display:none!important;}
html body.streamx-v5.twitch-v53 #chatForm.chat-form.pro-chat-form{
  display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important;gap:10px!important;align-items:center!important;
  padding:12px 14px 14px!important;background:#070a11!important;border-top:0!important;overflow:visible!important;
}
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form #chatInput{
  display:block!important;width:100%!important;min-width:0!important;height:50px!important;
  padding:0 16px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.14)!important;
  background:#0c121b!important;color:#f8fbff!important;box-shadow:inset 0 0 20px rgba(0,0,0,.25)!important;
}
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form #chatInput:focus{border-color:#39ff14!important;box-shadow:0 0 0 1px rgba(57,255,20,.75),0 0 18px rgba(57,255,20,.13)!important;outline:none!important;}
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form > button[type="submit"]{
  width:104px!important;min-width:104px!important;max-width:104px!important;height:50px!important;border-radius:15px!important;border:0!important;
  background:linear-gradient(135deg,#a855f7,#c026d3)!important;color:white!important;font-weight:1000!important;box-shadow:0 12px 26px rgba(168,85,247,.25)!important;
}
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form .chat-wave-btn[hidden],
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form .chat-wave-btn.sent,
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form .chat-wave-btn.cooldown-hidden,
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form.wave-is-hidden .chat-wave-btn,
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form.wave-used .chat-wave-btn{display:none!important;position:absolute!important;width:0!important;min-width:0!important;max-width:0!important;opacity:0!important;pointer-events:none!important;}
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form:not(.wave-is-hidden):not(.wave-used) .chat-wave-btn:not([hidden]) + #chatInput{padding-left:54px!important;}
@media(max-width:560px){
  html body.streamx-v5.twitch-v53 #chatMessages.chat-messages.pro-messages{padding:10px 9px!important;}
  html body.streamx-v5.twitch-v53 #chatMessages .chat-line.pro-message{grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important;padding:5px!important;}
  html body.streamx-v5.twitch-v53 #chatMessages .chat-avatar-mini{width:29px!important;height:29px!important;min-width:29px!important;}
  html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only img,
  html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .chat-emote{width:32px!important;height:32px!important;}
  html body.streamx-v5.twitch-v53 #chatForm.chat-form.pro-chat-form{grid-template-columns:minmax(0,1fr) 86px!important;padding:10px!important;gap:8px!important;}
  html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form > button[type="submit"]{width:86px!important;min-width:86px!important;max-width:86px!important;}
}


/* ===== public/css/sts-v181-role-badge-icons.css ===== */
/* STS v5.6.181 - clean role badge icons */
.badge-row.sts-role-badges,
.badge-row.compact.sts-role-badges,
#chatMessages .badge-row,
.chat-meta .badge-row{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  margin-left:5px!important;
  vertical-align:middle!important;
  max-width:none!important;
  overflow:visible!important;
}
.creator-badge,
#chatMessages .creator-badge,
.chat-meta .creator-badge,
.badge-row.compact .creator-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0 1px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:1!important;
  text-transform:none!important;
}
.creator-badge .badge-icon,
#chatMessages .creator-badge .badge-icon,
.badge-row.compact .creator-badge .badge-icon{
  display:inline-block!important;
  font-size:17px!important;
  line-height:1!important;
  filter:drop-shadow(0 0 5px rgba(160,95,255,.45));
}
.creator-badge .badge-label,
.badge-row.compact .creator-badge .badge-label{display:none!important;}
.creator-badge.badge-owner .badge-icon{filter:drop-shadow(0 0 6px rgba(255,196,45,.75));}
.creator-badge.badge-partner .badge-icon{filter:drop-shadow(0 0 6px rgba(181,99,255,.8)); color:#b970ff;}
.creator-badge.badge-affiliate .badge-icon{filter:drop-shadow(0 0 6px rgba(205,99,255,.65));}
.creator-badge.badge-streamer .badge-icon{filter:drop-shadow(0 0 6px rgba(45,174,255,.75));}
.creator-badge.badge-moderator .badge-icon{filter:drop-shadow(0 0 5px rgba(180,180,190,.6));}
#chatMessages .chat-meta{gap:5px!important;align-items:center!important;}
#chatMessages .chat-name,
#chatMessages .chat-name-link{margin-right:0!important;}


/* ===== public/css/sts-v182-chat-badges-final.css ===== */
/* STS v5.6.182 - final chat visibility + platform badge polish */
:root{
  --sts-chat-bg:#05070b;
  --sts-chat-row:rgba(255,255,255,.028);
  --sts-chat-row-hover:rgba(160,70,255,.07);
  --sts-chat-line:rgba(160,75,255,.28);
  --sts-purple:#a855f7;
  --sts-green:#39ff14;
  --sts-gold:#ffd166;
  --sts-pink:#ff5bd6;
  --sts-blue:#4db8ff;
}

/* -------- chat shell -------- */
html body.streamx-v5.twitch-v53 .chat-panel,
html body.streamx-v5.twitch-v53 .stream-chat-panel{
  background:linear-gradient(180deg,#0b101b 0%,#05070b 32%,#030407 100%)!important;
  border:1px solid rgba(168,85,247,.55)!important;
  box-shadow:0 0 0 1px rgba(57,255,20,.08),0 18px 60px rgba(0,0,0,.42),inset 0 0 40px rgba(168,85,247,.035)!important;
  overflow:hidden!important;
}
html body.streamx-v5.twitch-v53 .chat-header,
html body.streamx-v5.twitch-v53 .v53-chat-head{
  min-height:82px!important;
  padding:14px 18px!important;
  background:linear-gradient(180deg,rgba(15,21,34,.98),rgba(9,13,22,.98))!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
html body.streamx-v5.twitch-v53 .chat-title,
html body.streamx-v5.twitch-v53 .v53-chat-title,
html body.streamx-v5.twitch-v53 .chat-header h2{
  color:#fff!important;
  font-size:20px!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  text-shadow:0 0 14px rgba(255,255,255,.25),0 0 22px rgba(168,85,247,.28)!important;
}

/* -------- messages: force proper Twitch/Kick style flow -------- */
html body.streamx-v5.twitch-v53 #chatMessages.chat-messages.pro-messages{
  background:#05070b!important;
  padding:10px 12px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-color:#a855f7 rgba(255,255,255,.05)!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.pro-message{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:start!important;
  width:100%!important;
  min-height:0!important;
  padding:6px 7px!important;
  margin:0!important;
  border-radius:12px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  position:relative!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.pro-message:hover{
  background:var(--sts-chat-row-hover)!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-avatar-mini{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:999px!important;
  border:2px solid rgba(57,255,20,.95)!important;
  box-shadow:0 0 10px rgba(57,255,20,.35)!important;
  overflow:hidden!important;
  background:#101721!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:1000!important;
  display:grid!important;
  place-items:center!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-avatar-mini img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
html body.streamx-v5.twitch-v53 #chatMessages .chat-bubble{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-meta{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex-wrap:wrap!important;
  min-width:0!important;
  margin:0 0 2px!important;
  line-height:1.15!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-name,
html body.streamx-v5.twitch-v53 #chatMessages .chat-name-link{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:155px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--chat-name-color,#ff4d68)!important;
  font-size:13px!important;
  font-weight:1000!important;
  text-decoration:none!important;
  text-shadow:0 0 9px rgba(255,60,110,.22)!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-body,
html body.streamx-v5.twitch-v53 #chatMessages .chat-bubble > span:not(.badge-row):not(.creator-badge):not(.badge-icon):not(.badge-label){
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:1px 0 0!important;
  color:#f4f6ff!important;
  font-size:13.5px!important;
  line-height:1.38!important;
  font-weight:650!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}

/* Emote-only messages: clean, readable, no row smashing */
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .chat-body,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .chat-bubble > span{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:4px!important;
  line-height:1!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only img,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .chat-emote,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .emote-inline{
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  object-fit:contain!important;
  vertical-align:middle!important;
  margin:0 2px 2px 0!important;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.12))!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line:not(.emote-only) .chat-emote{
  width:24px!important;height:24px!important;vertical-align:middle!important;margin:0 2px!important;
}

/* System events */
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.system-line,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line[data-chat-username="System"]{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  grid-template-columns:none!important;
  padding:8px 10px!important;
  margin:3px 0!important;
  background:linear-gradient(90deg,transparent,rgba(57,255,20,.08),transparent)!important;
  border-radius:0!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .system-line .chat-avatar-mini,
html body.streamx-v5.twitch-v53 #chatMessages [data-chat-username="System"] .chat-avatar-mini,
html body.streamx-v5.twitch-v53 #chatMessages .system-icon{display:none!important;}
html body.streamx-v5.twitch-v53 #chatMessages .system-line .chat-bubble,
html body.streamx-v5.twitch-v53 #chatMessages [data-chat-username="System"] .chat-bubble{
  width:auto!important;text-align:center!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .system-message,
html body.streamx-v5.twitch-v53 #chatMessages [data-chat-username="System"] .chat-body,
html body.streamx-v5.twitch-v53 #chatMessages [data-chat-username="System"] .chat-bubble > span{
  color:#bdfcc7!important;
  font-size:12.5px!important;
  font-weight:1000!important;
  text-shadow:0 0 12px rgba(57,255,20,.22)!important;
}

/* -------- premium role badges: no boxes, visible icons everywhere -------- */
html body .badge-row.sts-role-badges,
html body .badge-row.compact.sts-role-badges,
html body #chatMessages .badge-row,
html body .chat-meta .badge-row,
html body .top-user-badges,
html body .name-with-badges .badge-row{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  margin:0 0 0 3px!important;
  padding:0!important;
  flex:0 0 auto!important;
  max-width:none!important;
  overflow:visible!important;
  vertical-align:middle!important;
}
html body .creator-badge,
html body .badge-row.compact .creator-badge,
html body #chatMessages .creator-badge,
html body .chat-meta .creator-badge{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:1!important;
  overflow:visible!important;
  position:relative!important;
}
html body .creator-badge .badge-icon,
html body .badge-row.compact .creator-badge .badge-icon,
html body #chatMessages .creator-badge .badge-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:1000!important;
  text-align:center!important;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",system-ui,sans-serif!important;
}
html body .creator-badge .badge-label,
html body .badge-row.compact .creator-badge .badge-label{display:none!important;}
html body .creator-badge.badge-owner .badge-icon{font-size:16px!important;filter:drop-shadow(0 0 6px rgba(255,209,102,.9)) drop-shadow(0 0 12px rgba(255,138,0,.3))!important;}
html body .creator-badge.badge-partner .badge-icon{color:#b46cff!important;font-family:Arial,system-ui,sans-serif!important;font-size:16px!important;text-shadow:0 0 6px rgba(180,108,255,.95),0 0 13px rgba(180,108,255,.42)!important;filter:none!important;}
html body .creator-badge.badge-affiliate .badge-icon{font-size:16px!important;filter:drop-shadow(0 0 7px rgba(255,91,214,.72))!important;}
html body .creator-badge.badge-streamer .badge-icon{color:#4db8ff!important;font-family:Arial,system-ui,sans-serif!important;font-size:16px!important;text-shadow:0 0 6px rgba(77,184,255,.85),0 0 12px rgba(77,184,255,.35)!important;filter:none!important;}
html body .creator-badge.badge-moderator .badge-icon{font-size:15px!important;filter:drop-shadow(0 0 6px rgba(210,220,230,.55))!important;}

/* role coloured avatar frames */
html body.streamx-v5.twitch-v53 #chatMessages .chat-line:has(.badge-owner) .chat-avatar-mini{border-color:var(--sts-gold)!important;box-shadow:0 0 12px rgba(255,209,102,.5)!important;}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line:has(.badge-partner) .chat-avatar-mini{border-color:#b46cff!important;box-shadow:0 0 12px rgba(180,108,255,.45)!important;}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line:has(.badge-affiliate) .chat-avatar-mini{border-color:var(--sts-pink)!important;box-shadow:0 0 12px rgba(255,91,214,.4)!important;}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line:has(.badge-streamer) .chat-avatar-mini{border-color:var(--sts-blue)!important;box-shadow:0 0 12px rgba(77,184,255,.45)!important;}

/* mod controls hidden until needed */
html body.streamx-v5.twitch-v53 #chatMessages .inline-mod-menu,
html body.streamx-v5.twitch-v53 #chatMessages .mod-menu{display:inline-flex!important;flex:0 0 auto!important;}
html body.streamx-v5.twitch-v53 #chatMessages .inline-mod-menu summary,
html body.streamx-v5.twitch-v53 #chatMessages .mod-menu summary{
  width:18px!important;height:18px!important;min-width:18px!important;border-radius:999px!important;
  display:grid!important;place-items:center!important;background:rgba(255,255,255,.06)!important;
  color:#cfd5e6!important;font-size:13px!important;line-height:1!important;opacity:0!important;pointer-events:none!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line:hover .inline-mod-menu summary,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line:hover .mod-menu summary,
html body.streamx-v5.twitch-v53 #chatMessages details[open] summary{opacity:1!important;pointer-events:auto!important;}

/* footer and emote strip - clean icons only */
html body.streamx-v5.twitch-v53 .v53-emote-strip,
html body.streamx-v5.twitch-v53 #emoteTray{
  display:flex!important;align-items:center!important;gap:13px!important;
  padding:8px 14px!important;background:#070a10!important;border-top:1px solid rgba(168,85,247,.35)!important;
  overflow-x:auto!important;overflow-y:hidden!important;
}
html body.streamx-v5.twitch-v53 #emoteTray .emote-pick,
html body.streamx-v5.twitch-v53 .v53-emote-strip .emote-pick{
  width:auto!important;height:auto!important;min-width:0!important;padding:0!important;margin:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;
  display:grid!important;place-items:center!important;transition:transform .12s ease,filter .12s ease!important;
}
html body.streamx-v5.twitch-v53 #emoteTray .emote-pick:hover{transform:translateY(-1px) scale(1.13)!important;filter:drop-shadow(0 0 8px rgba(168,85,247,.45))!important;}
html body.streamx-v5.twitch-v53 #emoteTray .emote-pick img{width:27px!important;height:27px!important;object-fit:contain!important;display:block!important;}
html body.streamx-v5.twitch-v53 #emoteTray .emote-pick span{display:none!important;}
html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form,
html body.streamx-v5.twitch-v53 .pro-chat-form{
  display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;gap:12px!important;
  padding:12px 14px!important;background:#080910!important;border-top:1px solid rgba(168,85,247,.28)!important;
}
html body.streamx-v5.twitch-v53 #chatWaveBtn{display:none!important;}
html body.streamx-v5.twitch-v53 #chatInput{
  display:block!important;width:100%!important;min-width:0!important;height:48px!important;
  padding:0 18px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.12)!important;
  background:#101621!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(57,255,20,.03)!important;
}
html body.streamx-v5.twitch-v53 #chatInput:focus{border-color:rgba(57,255,20,.9)!important;box-shadow:0 0 0 1px rgba(57,255,20,.25),0 0 18px rgba(57,255,20,.13)!important;outline:none!important;}
html body.streamx-v5.twitch-v53 #chatForm button[type="submit"]{height:48px!important;border-radius:14px!important;background:linear-gradient(135deg,#9147ff,#d137ff)!important;color:#fff!important;font-weight:1000!important;border:0!important;box-shadow:0 10px 25px rgba(145,71,255,.25)!important;}

/* Cards/profile/search/live: badges visible and not boxed */
html body .stream-card .badge-row,
html body .live-card .badge-row,
html body .creator-card .badge-row,
html body .profile-hero .badge-row,
html body .channel-card .badge-row,
html body .showcase-card .badge-row,
html body .rail-card .badge-row,
html body h1 .badge-row,
html body h2 .badge-row,
html body h3 .badge-row,
html body p .badge-row{
  display:inline-flex!important;gap:4px!important;margin-left:5px!important;vertical-align:middle!important;
}
html body h1 .creator-badge,
html body h2 .creator-badge,
html body h3 .creator-badge,
html body .profile-hero .creator-badge{width:21px!important;height:21px!important;min-width:21px!important;}
html body h1 .creator-badge .badge-icon,
html body h2 .creator-badge .badge-icon,
html body h3 .creator-badge .badge-icon,
html body .profile-hero .creator-badge .badge-icon{font-size:18px!important;width:21px!important;height:21px!important;}

@media (max-width:700px){
  html body.streamx-v5.twitch-v53 #chatMessages .chat-line.pro-message{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;padding:6px 5px!important;}
  html body.streamx-v5.twitch-v53 #chatMessages .chat-avatar-mini{width:30px!important;height:30px!important;min-width:30px!important;}
  html body.streamx-v5.twitch-v53 #chatMessages .chat-name{max-width:112px!important;font-size:12.5px!important;}
  html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only img,
  html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .chat-emote{width:29px!important;height:29px!important;}
  html body.streamx-v5.twitch-v53 #chatForm.pro-chat-form{grid-template-columns:minmax(0,1fr) 88px!important;gap:8px!important;padding:10px!important;}
  html body.streamx-v5.twitch-v53 #chatInput{height:44px!important;padding:0 13px!important;}
  html body.streamx-v5.twitch-v53 #chatForm button[type="submit"]{height:44px!important;}
}


/* ===== public/css/sts-v183-chat-no-squash.css ===== */
/* STS v5.6.183 - chat no-squash hard layout fix
   Keeps each message as a real row so usernames, badges and emotes can never overlap. */
html body.streamx-v5.twitch-v53 #chatMessages.chat-messages.pro-messages{
  display:block!important;
  padding:12px 12px 14px!important;
  background:#05070b!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  contain:layout paint!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.pro-message{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  clear:both!important;
  float:none!important;
  position:relative!important;
  overflow:visible!important;
  padding:7px 6px 9px!important;
  margin:0 0 6px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  transform:none!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.pro-message:hover{
  background:rgba(168,85,247,.055)!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-avatar-mini{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  inset:auto!important;
  float:none!important;
  margin:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
  transform:none!important;
  z-index:1!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-bubble{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:calc(100% - 44px)!important;
  display:block!important;
  position:relative!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
  z-index:1!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-meta{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  min-height:20px!important;
  height:auto!important;
  margin:0 0 4px!important;
  padding:0!important;
  overflow:hidden!important;
  line-height:20px!important;
  position:relative!important;
  float:none!important;
  transform:none!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-name,
html body.streamx-v5.twitch-v53 #chatMessages .chat-name-link{
  display:inline-block!important;
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:132px!important;
  height:20px!important;
  line-height:20px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:1000!important;
  text-decoration:none!important;
  vertical-align:middle!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .badge-row.sts-role-badges,
html body.streamx-v5.twitch-v53 #chatMessages .chat-meta .badge-row{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:4px!important;
  max-width:70px!important;
  height:20px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .creator-badge,
html body.streamx-v5.twitch-v53 #chatMessages .badge-row.compact .creator-badge{
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  display:inline-grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  line-height:1!important;
  transform:none!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .creator-badge .badge-icon{
  width:16px!important;
  height:16px!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:14px!important;
  line-height:16px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .creator-badge .badge-label{display:none!important;}
html body.streamx-v5.twitch-v53 #chatMessages .inline-mod-menu,
html body.streamx-v5.twitch-v53 #chatMessages .mod-menu{
  flex:0 0 auto!important;
  width:22px!important;
  height:20px!important;
  margin-left:auto!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-body{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:18px!important;
  max-height:none!important;
  clear:both!important;
  float:none!important;
  position:relative!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  color:#f5f7ff!important;
  font-size:13.5px!important;
  line-height:1.45!important;
  font-weight:600!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
  transform:none!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .chat-body{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px!important;
  min-height:34px!important;
  line-height:1!important;
  padding-top:1px!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-body img,
html body.streamx-v5.twitch-v53 #chatMessages .chat-emote,
html body.streamx-v5.twitch-v53 #chatMessages .emote-inline,
html body.streamx-v5.twitch-v53 #chatMessages img.emote{
  display:inline-block!important;
  position:static!important;
  float:none!important;
  width:26px!important;
  height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  object-fit:contain!important;
  margin:0 2px!important;
  vertical-align:middle!important;
  transform:none!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .chat-body img,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .chat-emote,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only .emote-inline,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.emote-only img.emote{
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  margin:0 2px 2px 0!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.system-line,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line[data-chat-username="System"]{
  display:block!important;
  padding:8px 10px!important;
  margin:7px 0!important;
  text-align:center!important;
  background:linear-gradient(90deg,transparent,rgba(57,255,20,.08),transparent)!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.system-line .chat-bubble,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line[data-chat-username="System"] .chat-bubble{
  max-width:100%!important;
  width:100%!important;
  display:block!important;
}
html body.streamx-v5.twitch-v53 #chatMessages .chat-line.system-line .chat-body,
html body.streamx-v5.twitch-v53 #chatMessages .chat-line[data-chat-username="System"] .chat-body{
  text-align:center!important;
  color:#bfffc9!important;
  font-weight:900!important;
}
html body.streamx-v5.twitch-v53 #emoteTray .emote-pick{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  width:auto!important;
  min-width:auto!important;
}
@media(max-width:560px){
  html body.streamx-v5.twitch-v53 #chatMessages .chat-line.pro-message{gap:8px!important;padding:6px 4px 8px!important;}
  html body.streamx-v5.twitch-v53 #chatMessages .chat-avatar-mini{flex-basis:32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;}
  html body.streamx-v5.twitch-v53 #chatMessages .chat-bubble{max-width:calc(100% - 40px)!important;}
  html body.streamx-v5.twitch-v53 #chatMessages .chat-name,
  html body.streamx-v5.twitch-v53 #chatMessages .chat-name-link{max-width:112px!important;}
  html body.streamx-v5.twitch-v53 #chatMessages .badge-row.sts-role-badges{max-width:54px!important;}
}


/* ===== public/css/sts-v184-admin-users-fix.css ===== */
/* STS v5.6.184 - Admin users role/remove controls fix */
.admin-users-panel{
  overflow:hidden;
}
.admin-users-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.admin-users-head h2{margin-bottom:4px;}
.admin-users-count{
  border:1px solid rgba(57,255,20,.35);
  color:#39ff14;
  background:rgba(57,255,20,.08);
  padding:7px 12px;
  border-radius:999px;
  font-weight:900;
  white-space:nowrap;
}
.admin-users-wrap{
  width:100%;
  overflow-x:auto;
  border:1px solid rgba(159,65,255,.22);
  border-radius:18px;
  background:rgba(3,6,12,.45);
}
.admin-users-table{
  width:100%;
  min-width:1120px;
  border-collapse:separate;
  border-spacing:0;
}
.admin-users-table th{
  position:sticky;
  top:0;
  z-index:2;
  background:rgba(10,14,26,.96);
  color:#b8c0ff;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  padding:12px 14px;
  border-bottom:1px solid rgba(159,65,255,.28);
}
.admin-users-table td{
  vertical-align:top;
  padding:14px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.admin-user-cell strong{
  display:block;
  color:#fff;
  font-weight:900;
}
.admin-user-cell span,
.admin-email-cell{
  color:rgba(255,255,255,.62);
  font-size:13px;
}
.role-pill,.status-pill{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.role-viewer{background:rgba(148,163,184,.14); color:#cbd5e1; border:1px solid rgba(148,163,184,.22);}
.role-streamer{background:rgba(59,130,246,.14); color:#93c5fd; border:1px solid rgba(59,130,246,.3);}
.role-admin{background:rgba(255,202,40,.15); color:#ffd76b; border:1px solid rgba(255,202,40,.36); box-shadow:0 0 18px rgba(255,202,40,.1);}
.status-pill.live{background:rgba(57,255,20,.12); color:#39ff14; border:1px solid rgba(57,255,20,.35);}
.status-pill.offline{background:rgba(148,163,184,.12); color:#94a3b8; border:1px solid rgba(148,163,184,.2);}
.admin-badge-cell .sts-role-badges{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}
.admin-badge-cell .creator-badge{
  width:26px;
  height:26px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
}
.admin-badge-cell .creator-badge .badge-label{display:none!important;}
.admin-user-actions{
  min-width:360px;
}
.admin-user-form{
  display:grid;
  grid-template-columns:120px 1fr 72px;
  gap:9px;
  align-items:center;
}
.admin-role-row label{
  display:grid;
  gap:5px;
  color:rgba(255,255,255,.65);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.admin-user-form select{
  width:100%;
  height:38px;
  border-radius:11px;
  border:1px solid rgba(159,65,255,.35);
  background:rgba(5,8,14,.9);
  color:#fff;
  padding:0 10px;
  font-weight:800;
}
.admin-badge-checks{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.admin-badge-checks label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  color:#fff;
  border-radius:999px;
  padding:7px 9px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.admin-badge-checks input{accent-color:#a855f7;}
.admin-save-btn,.admin-remove-btn{
  border:0;
  border-radius:12px;
  min-height:38px;
  padding:0 12px;
  font-weight:900;
  cursor:pointer;
}
.admin-save-btn{
  background:linear-gradient(135deg,#39ff14,#a855f7);
  color:#05060a;
}
.admin-delete-form{margin-top:8px;}
.admin-remove-btn{
  background:rgba(255,59,92,.12);
  border:1px solid rgba(255,59,92,.35);
  color:#ff6b86;
  width:100%;
}
.admin-remove-btn:hover{background:rgba(255,59,92,.22);}
.self-admin-note{
  display:block;
  margin-top:8px;
  text-align:center;
  border:1px dashed rgba(255,255,255,.12);
  border-radius:12px;
  padding:9px;
}
@media (max-width:900px){
  .admin-users-head{flex-direction:column;}
  .admin-users-table{min-width:980px;}
  .admin-user-form{grid-template-columns:1fr;}
}


/* ===== public/css/sts-v186-homepage-badges.css ===== */
/* STS v5.6.186 - homepage badge polish */
.sts-live-showcase .badge-row.sts-role-badges,
.sts-live-showcase .badge-row.compact.sts-role-badges,
.sts-tv-sidebar .badge-row.sts-role-badges,
.v53-card .badge-row.sts-role-badges{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:0 6px 0 0!important;
  padding:0!important;
  vertical-align:-2px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
.sts-live-showcase .creator-badge,
.sts-tv-sidebar .creator-badge,
.v53-card .creator-badge{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
}
.sts-live-showcase .creator-badge .badge-icon,
.sts-tv-sidebar .creator-badge .badge-icon,
.v53-card .creator-badge .badge-icon{
  font-size:16px!important;
  line-height:1!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
.sts-live-creator-row strong.sts-showcase-name,
.sts-live-mini-meta b,
.side-channel b,
.v53-card-meta p{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  gap:0!important;
}
.sts-live-creator-row strong.sts-showcase-name .badge-row,
.sts-live-mini-meta b .badge-row,
.side-channel b .badge-row{
  flex:0 0 auto!important;
}
.sts-preview-role{
  position:absolute;
  left:86px;
  top:20px;
  z-index:6;
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:31px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(6,8,18,.72);
  color:#fff;
  font-size:11px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
}
.sts-preview-role span{font-size:15px;line-height:1;}
.sts-preview-role.badge-owner{border-color:rgba(255,205,70,.55); box-shadow:0 0 18px rgba(255,205,70,.18);}
.sts-preview-role.badge-partner{border-color:rgba(176,92,255,.56); box-shadow:0 0 18px rgba(176,92,255,.18);}
.sts-preview-role.badge-affiliate{border-color:rgba(225,70,255,.50); box-shadow:0 0 18px rgba(225,70,255,.14);}
.sts-preview-role.badge-moderator{border-color:rgba(210,215,225,.45);}
.sts-live-mini-role{
  position:absolute;
  top:8px;
  left:58px;
  z-index:5;
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  font-size:16px;
  line-height:1;
  border-radius:999px;
  background:rgba(4,6,14,.64);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
}
.sts-live-mini-role.badge-owner{border-color:rgba(255,205,70,.45);}
.sts-live-mini-role.badge-partner{border-color:rgba(176,92,255,.45);}
.sts-live-mini-role.badge-affiliate{border-color:rgba(225,70,255,.40);}
.sts-live-mini-meta b{color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.65);}
.sts-live-details .sts-live-creator-row strong{font-size:24px!important;line-height:1.05!important;}
.sts-live-details .sts-live-creator-row .creator-badge{width:20px!important;height:20px!important;min-width:20px!important;}
.sts-live-details .sts-live-creator-row .creator-badge .badge-icon{font-size:18px!important;}
.side-channel b .creator-badge{width:15px!important;height:15px!important;min-width:15px!important;}
.side-channel b .creator-badge .badge-icon{font-size:13px!important;}
@media (max-width: 900px){
  .sts-preview-role{left:76px;top:16px;height:28px;padding:0 10px;font-size:10px;}
  .sts-live-details .sts-live-creator-row strong{font-size:20px!important;}
}


/* ===== public/css/sts-v187-homepage-badge-size.css ===== */
/* STS v5.6.187 - homepage badge sizing + spacing polish */
/* Main live showcase right panel */
.sts-live-showcase .sts-live-details .sts-live-creator-row strong.sts-showcase-name,
.sts-live-showcase .sts-showcase-name{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  line-height:1.05!important;
}
.sts-live-showcase .sts-live-details .sts-live-creator-row strong.sts-showcase-name .badge-row,
.sts-live-showcase .sts-showcase-name .badge-row{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.sts-live-showcase .sts-live-details .sts-live-creator-row strong.sts-showcase-name .creator-badge,
.sts-live-showcase .sts-showcase-name .creator-badge{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}
.sts-live-showcase .sts-live-details .sts-live-creator-row strong.sts-showcase-name .creator-badge .badge-icon,
.sts-live-showcase .sts-showcase-name .creator-badge .badge-icon{
  font-size:20px!important;
  line-height:1!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}

/* Smaller homepage cards / side lists still readable */
.sts-tv-sidebar .side-channel b,
.sts-live-mini-meta b,
.v53-card .v53-card-meta p{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.sts-tv-sidebar .side-channel b .badge-row,
.sts-live-mini-meta b .badge-row,
.v53-card .v53-card-meta p .badge-row{
  margin:0!important;
  gap:4px!important;
}
.sts-tv-sidebar .side-channel b .creator-badge,
.sts-live-mini-meta b .creator-badge,
.v53-card .v53-card-meta p .creator-badge{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
}
.sts-tv-sidebar .side-channel b .creator-badge .badge-icon,
.sts-live-mini-meta b .creator-badge .badge-icon,
.v53-card .v53-card-meta p .creator-badge .badge-icon{
  font-size:16px!important;
}

@media (max-width: 900px){
  .sts-live-showcase .sts-live-details .sts-live-creator-row strong.sts-showcase-name,
  .sts-live-showcase .sts-showcase-name{gap:8px!important;}
  .sts-live-showcase .sts-showcase-name .creator-badge{width:20px!important;height:20px!important;min-width:20px!important;}
  .sts-live-showcase .sts-showcase-name .creator-badge .badge-icon{font-size:18px!important;}
}


/* ===== public/css/sts-v189-partners-sidebar.css ===== */
/* STS v5.6.189 - Homepage partners sidebar */
.sts-recommended-panel .side-title span::before{content:"✔";color:#b35cff;margin-right:7px;text-shadow:0 0 10px rgba(179,92,255,.8)}
.sts-recommended-panel .side-channel b{display:flex;align-items:center;gap:8px;min-width:0}
.sts-recommended-panel .badge-row{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}
.sts-recommended-panel .creator-badge{width:20px!important;height:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important}
.sts-recommended-panel .badge-icon{font-size:18px!important;line-height:1!important;filter:drop-shadow(0 0 4px rgba(179,92,255,.65))}
.sts-recommended-panel .side-channel span b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* ===== public/css/sts-v192-sidebar-readable.css ===== */
/* STS v5.6.192 - Sidebar readability fix */
html body.streamx-v5.twitch-v53 .sts-tv-sidebar,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel{
  overflow:visible!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-group{
  overflow:hidden!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
}
html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-title span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-title a{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
}

/* Free the text area by taking the live-dot pill out of the grid flow */
html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  padding:8px 48px 8px 8px!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel.compact,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel.compact{
  grid-template-columns:42px minmax(0,1fr)!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel > span,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel > span{
  min-width:0!important;
  width:100%!important;
  display:block!important;
  overflow:hidden!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel b,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel b{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.12!important;
  font-size:12px!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel small,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel small{
  display:block!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin-top:3px!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel .badge-row,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel .badge-row{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  flex:0 0 auto!important;
  min-width:auto!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel .creator-badge,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel .creator-badge{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel .badge-icon,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel .badge-icon{
  font-size:15px!important;
  line-height:1!important;
}

/* Green live/offline pill becomes a compact status dot so names are visible */
html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel em,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  min-width:34px!important;
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  text-indent:-999px!important;
  color:transparent!important;
  font-size:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#38ff14,#22db08)!important;
  box-shadow:0 0 14px rgba(57,255,20,.45)!important;
}
html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel em::before,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em::before{
  content:""!important;
  display:block!important;
  width:7px!important;
  height:7px!important;
  margin:0!important;
  border-radius:999px!important;
  background:#ff2d62!important;
  box-shadow:0 0 8px rgba(255,45,98,.8)!important;
  text-indent:0!important;
}
html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel em.offline,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em.offline{
  background:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel em.offline::before,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em.offline::before{
  background:rgba(255,255,255,.35)!important;
  box-shadow:none!important;
}

@media (max-width: 1200px){
  html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel b,
  html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel b{font-size:11px!important;gap:5px!important;}
  html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel,
  html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel{padding-right:42px!important;}
  html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel em,
  html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em{right:8px!important;width:30px!important;min-width:30px!important;}
}


/* ===== public/css/sts-v193-sidebar-status-text.css ===== */
/* STS v5.6.193 - Sidebar status text cleanup
   Replaces the bright switch/pill with simple readable LIVE / OFF text. */

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel{
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:9px 10px!important;
  align-items:center!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel > span,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel > span{
  min-width:0!important;
  overflow:hidden!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel b,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel b{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel small,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel small{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel em,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em,
html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel .side-status-live,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel .side-status-live,
html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel .side-status-offline,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel .side-status-offline{
  position:static!important;
  transform:none!important;
  grid-column:auto!important;
  width:auto!important;
  min-width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  overflow:visible!important;
  text-indent:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  font-style:normal!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel em::before,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  display:inline-block!important;
  margin-right:5px!important;
  border-radius:999px!important;
  background:#39ff14!important;
  box-shadow:0 0 10px rgba(57,255,20,.75)!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel em:not(.offline),
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em:not(.offline){
  color:#39ff14!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel em.offline,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em.offline{
  color:#8f96a3!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel em.offline::before,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em.offline::before{
  background:#6b7280!important;
  box-shadow:none!important;
}

html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-title a,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-title a{
  font-size:10px!important;
  letter-spacing:.09em!important;
  color:#39ff14!important;
  text-shadow:0 0 8px rgba(57,255,20,.35)!important;
}

@media (max-width: 1200px){
  html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel,
  html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel{
    grid-template-columns:38px minmax(0,1fr)!important;
    padding:9px!important;
  }
  html body.streamx-v5.twitch-v53 .sts-tv-sidebar .side-channel em,
  html body.streamx-v5.twitch-v53 .sts-fresh-left-panel .side-channel em{
    grid-column:2!important;
    justify-content:flex-start!important;
    margin-top:4px!important;
  }
}


/* ===== public/css/sts-v194-drops-system.css ===== */
/* STS v5.6.194 Drops System */
:root{--sts-green:#39ff14;--sts-purple:#a83dff;--sts-bg:#05070d;--sts-card:#0b1019;--sts-line:rgba(168,61,255,.25)}
.sts-mock-nav a[href="/drops"]{color:#fff}
.sts-drops-page{display:grid;grid-template-columns:290px minmax(0,1fr) 310px;gap:18px;max-width:1540px;margin:22px auto;padding:0 14px;color:#fff}
.sts-drops-left,.sts-drops-right{display:flex;flex-direction:column;gap:18px}
.sts-drop-side-card,.sts-drop-help,.sts-drop-progress-card,.sts-drop-campaign,.sts-drop-banner{background:linear-gradient(180deg,rgba(19,24,35,.96),rgba(6,8,13,.98));border:1px solid rgba(168,61,255,.22);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04)}
.sts-drop-side-card{padding:14px}.sts-drop-side-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;text-transform:uppercase;font-weight:900;letter-spacing:.08em;font-size:13px}.sts-drop-side-title a{color:var(--sts-green);text-decoration:none;font-size:11px}
.sts-drop-side-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:13px;text-decoration:none;color:#fff;background:rgba(255,255,255,.03);margin-bottom:8px}.sts-drop-side-row:hover{outline:1px solid rgba(57,255,20,.45)}.sts-drop-side-row img{width:48px;height:48px;border-radius:13px;object-fit:cover;border:2px solid var(--sts-green)}.sts-drop-side-row b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sts-drop-side-row small{display:block;color:#b9bdc8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sts-drop-side-row em{font-style:normal;color:var(--sts-green);font-weight:900;font-size:11px}.sts-drop-side-row em.dim{color:#8b909b}
.sts-drops-main{display:flex;flex-direction:column;gap:18px;min-width:0}.sts-drop-campaign{padding:22px}.sts-drop-hero{display:grid;grid-template-columns:180px minmax(0,1fr) 220px;gap:24px;align-items:center;background:radial-gradient(circle at 82% 20%,rgba(168,61,255,.25),transparent 35%),linear-gradient(90deg,rgba(80,0,120,.25),transparent);border-radius:16px;padding:22px;overflow:hidden}.sts-drop-gift{width:160px;height:160px;display:grid;place-items:center;font-size:88px;background:radial-gradient(circle,rgba(168,61,255,.35),rgba(0,0,0,.2));border-radius:24px;filter:drop-shadow(0 0 18px rgba(168,61,255,.55))}.sts-drop-label{display:block;color:var(--sts-purple);font-weight:1000;text-transform:uppercase;letter-spacing:.06em}.sts-drop-hero h1{font-size:34px;line-height:1.05;margin:8px 0}.sts-drop-hero p{font-size:18px;color:#d9dce5;margin:0 0 14px}.sts-drop-time{color:#c17aff;font-size:18px}.sts-drop-hero-sloth{font-size:120px;text-align:center;filter:drop-shadow(0 0 20px rgba(57,255,20,.35))}
.sts-drop-progress-row{display:grid;grid-template-columns:1fr 58px;gap:12px;align-items:center;margin:20px 0}.sts-drop-progress-track,.sts-reward-mini-track{height:13px;background:#151927;border-radius:999px;overflow:hidden}.sts-drop-progress-track span,.sts-reward-mini-track span{display:block;height:100%;background:linear-gradient(90deg,var(--sts-green),var(--sts-purple));border-radius:999px}.sts-drop-progress-row strong{text-align:right;font-size:20px}
.sts-drop-rewards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.sts-drop-reward{min-height:220px;padding:16px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(0,0,0,.24);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.sts-drop-reward.unlocked{border-color:rgba(57,255,20,.4)}.sts-drop-reward.claimed{background:linear-gradient(180deg,rgba(57,255,20,.12),rgba(0,0,0,.25));border-color:rgba(57,255,20,.35)}.sts-reward-minutes{text-transform:uppercase;color:#e5defb;font-weight:900;font-size:12px}.sts-reward-icon{font-size:58px;line-height:1.1;filter:drop-shadow(0 0 12px rgba(168,61,255,.42))}.sts-reward-title{min-height:38px;color:#f5f7ff}.sts-drop-reward button{margin-top:auto;border:0;border-radius:999px;padding:9px 16px;background:linear-gradient(90deg,var(--sts-green),var(--sts-purple));color:#05070d;font-weight:1000;cursor:pointer}.sts-drop-reward button:disabled{background:transparent;color:var(--sts-green);cursor:default}.sts-reward-mini-track{width:100%;height:8px;margin-top:auto}
.sts-drop-banner{padding:28px 34px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 70% 50%,rgba(168,61,255,.35),transparent 35%),linear-gradient(135deg,rgba(57,255,20,.12),rgba(104,25,158,.22)),#090912}.sts-drop-banner h2{font-size:38px;line-height:1.05;text-transform:uppercase;margin:0}.sts-drop-banner h2 span{color:var(--sts-green)}.sts-drop-banner p{color:#cbd0dd}.sts-drop-banner-art{font-size:64px;white-space:nowrap}
.sts-drop-help,.sts-drop-progress-card{padding:20px}.sts-drop-help h3,.sts-drop-progress-card h3{margin:0 0 18px;text-transform:uppercase;color:#b54cff}.sts-drop-help div{display:grid;grid-template-columns:58px 1fr;gap:14px;margin:16px 0}.sts-drop-help div>span{height:58px;border-radius:12px;display:grid;place-items:center;font-size:32px;background:rgba(255,255,255,.05)}.sts-drop-help p{margin:0}.sts-drop-help small{display:block;color:#b9bdc8;margin-top:5px}.sts-drop-circle{--p:0;width:170px;height:170px;border-radius:50%;margin:20px auto;display:grid;place-items:center;background:conic-gradient(var(--sts-green) calc(var(--p)*1%), #202533 0);position:relative}.sts-drop-circle:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#070a10}.sts-drop-circle strong,.sts-drop-circle small{position:relative}.sts-drop-circle strong{font-size:40px}.sts-drop-circle small{text-transform:uppercase;color:#aeb4c2;font-size:12px;margin-top:50px;position:absolute}.sts-drop-progress-card a{display:block;text-align:center;background:linear-gradient(90deg,#6d23d8,#b83cff);color:#fff;text-decoration:none;font-weight:900;border-radius:10px;padding:14px}.sts-drops-empty{padding:60px;border:1px solid var(--sts-line);border-radius:18px;background:#090d15;text-align:center}
.sts-home-drops{margin-top:18px}.sts-home-drops .sts-drop-campaign{padding:16px}.sts-home-drops .sts-drop-hero{grid-template-columns:90px minmax(0,1fr) 110px;padding:16px}.sts-home-drops .sts-drop-gift{width:78px;height:78px;font-size:44px;border-radius:16px}.sts-home-drops .sts-drop-hero h1{font-size:24px}.sts-home-drops .sts-drop-hero p{font-size:14px}.sts-home-drops .sts-drop-hero-sloth{font-size:58px}.sts-home-drops .sts-drop-rewards{grid-template-columns:repeat(5,minmax(0,1fr))}.sts-home-drops .sts-drop-reward{min-height:160px}.sts-home-drops .sts-reward-icon{font-size:42px}.sts-home-drops .sts-drop-banner{display:none}
@media(max-width:1180px){.sts-drops-page{grid-template-columns:1fr}.sts-drops-left,.sts-drops-right{display:none}.sts-drop-hero{grid-template-columns:1fr}.sts-drop-gift,.sts-drop-hero-sloth{display:none}.sts-drop-rewards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.sts-drop-rewards{grid-template-columns:1fr}.sts-drop-banner{display:block}.sts-drop-banner-art{font-size:40px;margin-top:15px}.sts-drop-hero h1{font-size:28px}}

/* STS v5.6.199 - Streamer-only drop reward image/emote polish */
.chat-drop-emote-img{width:22px;height:22px;object-fit:contain;border-radius:6px;vertical-align:middle;margin-right:4px}
.sts-reward-icon img{width:64px;height:64px;object-fit:contain;border-radius:14px;filter:drop-shadow(0 0 12px rgba(145,71,255,.35))}
.drop-mini-rewards img{width:22px;height:22px;object-fit:contain;border-radius:6px}


/* ===== public/css/sts-v217-balanced-colors.css ===== */
/* STS v5.6.217 — Balanced Brand Colours
   Keeps the STS purple/neon-green identity, but makes purple the main UI colour
   and uses green mostly for live/success/drop states. */
:root{
  --sts-bg:#05070d;
  --sts-panel:#11101c;
  --sts-panel-2:#171329;
  --sts-purple:#9b35ff;
  --sts-purple-2:#bf3cff;
  --sts-purple-soft:rgba(155,53,255,.28);
  --sts-green:#39ff14;
  --sts-green-soft:rgba(57,255,20,.16);
  --sts-border:rgba(155,53,255,.46);
  --sts-border-soft:rgba(155,53,255,.24);
  --sts-text:#f7f4ff;
  --sts-muted:#b7abc9;
}

body,
.streamx-v5,
.twitch-v53{
  background:
    radial-gradient(circle at 12% 8%, rgba(57,255,20,.08), transparent 26%),
    radial-gradient(circle at 88% 12%, rgba(155,53,255,.13), transparent 34%),
    linear-gradient(180deg,#05070d 0%,#080512 100%) !important;
  color:var(--sts-text) !important;
}

/* Panels/cards: purple glass first, green no longer floods the whole page */
.sts-live-showcase,
.sts-showcase,
.sts-panel,
.sts-card,
.sts-side-card,
.sts-sidebar-card,
.sts-chat,
.chat-panel,
.stream-chat,
.dashboard-card,
.creator-card,
.tw-card,
.sts-featured-card,
.sts-home-card,
.sts-mock-panel,
.sts-drops-card,
.sts-drop-widget{
  background:
    linear-gradient(145deg, rgba(17,16,28,.96), rgba(12,10,22,.97)) !important;
  border:1px solid var(--sts-border-soft) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.42), 0 0 22px rgba(155,53,255,.12) !important;
}

/* Main preview/right info panels: keep a faint green edge only */
.sts-live-showcase,
.sts-showcase-shell,
.sts-hero-showcase,
.sts-featured-stream{
  border-color:rgba(155,53,255,.42) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.55), inset 0 0 0 1px rgba(57,255,20,.10), 0 0 26px rgba(155,53,255,.16) !important;
}

/* Purple as the main button/action style */
button,
.btn,
.sts-btn,
.chat-send,
.send-btn,
#sendBtn,
.sts-primary-btn,
.sts-action-btn,
.sts-mock-more-btn{
  border-color:rgba(155,53,255,.42) !important;
  box-shadow:0 10px 28px rgba(155,53,255,.20) !important;
}

.btn-primary,
.sts-btn-primary,
.chat-send,
.send-btn,
#sendBtn,
button[type="submit"]:not(.sts-nav-search button),
.sts-action-btn.primary{
  background:linear-gradient(135deg, var(--sts-purple), var(--sts-purple-2)) !important;
  color:#fff !important;
}

/* Green is now reserved for live/online/success/drops */
.live,
.live-badge,
.sts-live-badge,
.status-live,
.online-dot,
.is-live,
.live-dot,
.viewer-live,
.claim-ready,
.success,
.sts-success,
.drop-ready,
.drops-progress-fill,
.sts-drop-progress-fill,
.progress-fill{
  color:var(--sts-green) !important;
}

.live-badge,
.sts-live-badge,
.status-live,
.is-live,
.sts-live-pill,
.sts-claim-ready,
.claim-reward-btn,
.sts-claim-btn{
  background:linear-gradient(135deg, rgba(57,255,20,.95), rgba(122,255,92,.78)) !important;
  color:#061006 !important;
  box-shadow:0 0 18px rgba(57,255,20,.22) !important;
}

/* Reduce heavy green glows on avatars/cards; keep small readable rings */
.avatar,
.user-avatar,
.streamer-avatar,
.chat-avatar,
.sts-avatar,
.sts-account-avatar,
.sts-profile-avatar,
.channel-avatar{
  box-shadow:0 0 0 2px rgba(155,53,255,.45), 0 0 12px rgba(155,53,255,.18) !important;
}
.avatar.is-live,
.user-avatar.is-live,
.streamer-avatar.is-live,
.channel-avatar.is-live,
.sts-avatar.live,
.live .avatar{
  box-shadow:0 0 0 2px rgba(57,255,20,.82), 0 0 14px rgba(57,255,20,.20) !important;
}

/* Header/nav: purple underline, green only for active text glow */
.sts-glass-nav,
.sts-mock-header,
.tw-topbar{
  background:linear-gradient(180deg, rgba(18,12,31,.94), rgba(9,7,18,.98)) !important;
  border-bottom:1px solid rgba(155,53,255,.45) !important;
  box-shadow:0 8px 26px rgba(0,0,0,.45), 0 0 18px rgba(155,53,255,.14) !important;
}
.sts-mock-nav a,
.sts-mock-more-btn{
  color:#f4efff !important;
  text-shadow:none !important;
}
.sts-mock-nav a.is-active,
.sts-mock-nav a:hover,
.sts-mock-more-btn:hover{
  color:var(--sts-green) !important;
  text-shadow:0 0 10px rgba(57,255,20,.34) !important;
}

/* Search/input focus: purple normal, green only on focus */
input,
textarea,
select,
.chat-input,
#chatInput,
.sts-search-input,
.sts-nav-search input{
  background:#0d111a !important;
  border-color:rgba(155,53,255,.28) !important;
  color:var(--sts-text) !important;
  box-shadow:none !important;
}
input:focus,
textarea:focus,
select:focus,
.chat-input:focus,
#chatInput:focus,
.sts-nav-search input:focus{
  border-color:rgba(57,255,20,.78) !important;
  box-shadow:0 0 0 2px rgba(57,255,20,.12), 0 0 14px rgba(57,255,20,.16) !important;
  outline:none !important;
}

/* Sidebar/user cards: remove big green switch glow; status text is enough */
.status-pill,
.live-toggle,
.sts-live-toggle,
.green-pill,
.online-pill{
  background:transparent !important;
  box-shadow:none !important;
  border-color:transparent !important;
}

/* Drops: make progress and claim stand out without flooding page */
.sts-drop-progress,
.drop-progress,
.progress-track{
  background:rgba(255,255,255,.10) !important;
}
.sts-drop-progress > span,
.drop-progress > span,
.progress-track > span,
.progress-fill{
  background:linear-gradient(90deg, var(--sts-green), var(--sts-purple-2)) !important;
  box-shadow:0 0 12px rgba(155,53,255,.18) !important;
}

/* Preview thumbnails: purple selection, green only for live accent */
.sts-preview-card,
.preview-thumb,
.live-preview-thumb,
.sts-rail-card{
  border-color:rgba(155,53,255,.36) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.38), 0 0 14px rgba(155,53,255,.12) !important;
}
.sts-preview-card.is-active,
.preview-thumb.is-active,
.live-preview-thumb.is-active,
.sts-rail-card.is-active{
  border-color:var(--sts-green) !important;
  box-shadow:0 0 18px rgba(57,255,20,.20), 0 12px 32px rgba(0,0,0,.42) !important;
}

/* Chat/emote popups */
.emote-picker,
.unlocked-emote-picker,
.streamer-emote-popup,
.sts-emote-popup{
  background:#10131d !important;
  border:1px solid rgba(155,53,255,.42) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.55), 0 0 18px rgba(155,53,255,.16) !important;
}


/* ===== public/css/sts-v218-clean-pages-admin-safety.css ===== */

/* STS v5.6.218 - clean, fresh page pass + admin safety link polish */
:root{
  --sts-bg:#050609;
  --sts-bg-2:#080812;
  --sts-panel:rgba(17,18,29,.82);
  --sts-panel-2:rgba(22,20,38,.78);
  --sts-border:rgba(166,92,255,.25);
  --sts-border-soft:rgba(255,255,255,.08);
  --sts-text:#f6f3ff;
  --sts-muted:#aaa4bc;
  --sts-purple:#9b35ff;
  --sts-purple-2:#c13dff;
  --sts-green:#39ff14;
  --sts-red:#ff3b6b;
  --sts-radius:22px;
  --sts-shadow:0 18px 55px rgba(0,0,0,.45);
}
html{background:var(--sts-bg)!important;scroll-behavior:smooth;}
body.streamx-v5, body.twitch-v53{
  background:
    radial-gradient(circle at 13% 0%, rgba(57,255,20,.10), transparent 28%),
    radial-gradient(circle at 85% 5%, rgba(155,53,255,.13), transparent 32%),
    linear-gradient(180deg,#06070d 0%,#030407 100%)!important;
  color:var(--sts-text);
}
.page.v5-page{max-width:1480px;margin:0 auto;padding:34px clamp(16px,3vw,42px) 64px;}
.sts-mockup-header,
.tw-topbar.sts-glass-nav{
  backdrop-filter:blur(22px) saturate(135%);
  background:linear-gradient(180deg,rgba(8,8,14,.92),rgba(8,8,14,.72))!important;
  border-bottom:1px solid rgba(155,53,255,.24)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.42)!important;
}
.sts-crypto-ticker{border-top:1px solid rgba(155,53,255,.2)!important;border-bottom:1px solid rgba(57,255,20,.22)!important;background:rgba(3,5,5,.92)!important;}
.sts-mock-nav a,.sts-mock-more-btn{letter-spacing:.11em!important;}
.sts-mock-nav a:hover,.sts-mock-nav a.is-active,.sts-mock-nav a.active{
  color:var(--sts-green)!important;text-shadow:0 0 14px rgba(57,255,20,.35)!important;
}
.tw-search input,.sts-nav-search input,.sts-mock-search input{
  background:rgba(5,7,12,.78)!important;border:1px solid rgba(155,53,255,.34)!important;border-radius:999px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
.tw-search input:focus,.sts-nav-search input:focus{border-color:rgba(57,255,20,.72)!important;box-shadow:0 0 0 3px rgba(57,255,20,.10)!important;}
.page-head,.v5-hero,.hero,.dashboard-hero,.safety-hero,.admin-hero-tabs{
  position:relative;overflow:hidden;border:1px solid var(--sts-border)!important;border-radius:28px!important;
  background:linear-gradient(135deg,rgba(24,20,44,.88),rgba(6,12,11,.78))!important;
  box-shadow:var(--sts-shadow)!important;padding:clamp(22px,3vw,36px)!important;
}
.page-head:before,.v5-hero:before,.hero:before,.dashboard-hero:before,.safety-hero:before,.admin-hero-tabs:before{
  content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,rgba(155,53,255,.28),transparent 34%,rgba(57,255,20,.16));pointer-events:none;opacity:.55;
}
.page-head>* , .v5-hero>* , .hero>* , .dashboard-hero>* , .safety-hero>* , .admin-hero-tabs>*{position:relative;z-index:1;}
h1,h2,h3{letter-spacing:-.03em;} h1{line-height:.95;} p{color:var(--sts-muted);} a{color:inherit;}
.panel,.card,.v5-card,.dashboard-card,.drop-card,.admin-users-panel,.safety-panel,.list-row,.admin-quick-grid a,.safety-card-grid article{
  background:linear-gradient(180deg,var(--sts-panel),rgba(9,10,17,.84))!important;
  border:1px solid var(--sts-border-soft)!important;border-radius:var(--sts-radius)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.32)!important;
}
.panel,.safety-panel,.admin-users-panel{padding:clamp(18px,2vw,28px)!important;margin-bottom:22px;}
.panel:hover,.card:hover,.v5-card:hover,.admin-quick-grid a:hover,.safety-card-grid article:hover{
  border-color:rgba(155,53,255,.38)!important;transform:translateY(-1px);transition:.18s ease;
}
.admin-tab-nav,.safety-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.admin-tab-nav a,.safety-tabs a,.btn,.v53-btn,.tw-btn,.danger-btn,button,.admin-quick-grid a{
  border-radius:14px!important;text-decoration:none!important;
}
.admin-tab-nav a,.safety-tabs a{
  padding:10px 14px;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.075)!important;color:#eee!important;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em;
}
.admin-tab-nav a:hover,.admin-tab-nav a.active,.safety-tabs a:hover{
  background:rgba(155,53,255,.22)!important;border-color:rgba(155,53,255,.45)!important;color:#fff!important;
}
button,.btn,.v53-btn,.tw-btn.primary,input[type="submit"]{
  background:linear-gradient(135deg,var(--sts-purple),var(--sts-purple-2))!important;border:0!important;color:#fff!important;font-weight:900!important;
  box-shadow:0 12px 28px rgba(155,53,255,.22)!important;
}
button:hover,.btn:hover,.v53-btn:hover,.tw-btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px);}
.danger-btn,.danger,button.danger{background:linear-gradient(135deg,#ff2b64,#b40f38)!important;color:#fff!important;}
input,select,textarea{
  background:rgba(7,9,15,.88)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;border-radius:14px!important;
  outline:none!important;
}
input:focus,select:focus,textarea:focus{border-color:rgba(57,255,20,.65)!important;box-shadow:0 0 0 3px rgba(57,255,20,.10)!important;}
.admin-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:22px 0 26px;}
.admin-quick-grid a{display:flex!important;flex-direction:column;gap:6px;padding:18px!important;min-height:100px;justify-content:center;}
.admin-quick-grid strong{font-size:clamp(26px,3vw,42px);line-height:1;color:#fff;}
.admin-quick-grid span{font-weight:800;color:var(--sts-muted);font-size:13px;}
.admin-users-wrap,.safety-table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.08);}
table{width:100%;border-collapse:separate!important;border-spacing:0!important;}
th{position:sticky;top:0;background:rgba(13,14,24,.96)!important;color:#d8cff8!important;text-transform:uppercase;font-size:11px;letter-spacing:.08em;}
th,td{padding:14px 12px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;vertical-align:top;}
tr:hover td{background:rgba(155,53,255,.045)!important;}
.status-pill,.role-pill,.pill,.badge-pill{
  display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(155,53,255,.16);border:1px solid rgba(155,53,255,.28);font-weight:900;font-size:12px;
}
.status-pill.live,.pill.live{background:rgba(57,255,20,.12)!important;border-color:rgba(57,255,20,.32)!important;color:#9cff8b!important;}
.status-pill.offline{background:rgba(255,255,255,.06)!important;color:#aaa!important;}
.safety-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;}
.safety-card-grid article{padding:16px!important;display:flex;flex-direction:column;gap:8px;}
.safety-mini-form,.inline-admin-action{display:grid;gap:8px;min-width:220px;}
.list-stack{display:grid;gap:12px;}.list-row{padding:14px 16px!important;display:flex;justify-content:space-between;gap:14px;align-items:center;}
.muted{color:var(--sts-muted)!important;}.eyebrow,.v5-kicker{color:var(--sts-green)!important;text-transform:uppercase;font-weight:900;letter-spacing:.12em;}
.alert{border-radius:16px!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 12px 35px rgba(0,0,0,.35);}
.alert.success{background:rgba(57,255,20,.10)!important;border-color:rgba(57,255,20,.24)!important;}.alert.error{background:rgba(255,59,107,.10)!important;border-color:rgba(255,59,107,.28)!important;}
/* Watch / feature area polish */
.live-showcase,.sts-live-showcase,.watch-shell,.channel-layout{border-radius:28px!important;}
.streamer-info-panel,.featured-info,.watch-sidebar{background:linear-gradient(180deg,rgba(12,14,25,.88),rgba(14,12,28,.78))!important;border-left:1px solid rgba(155,53,255,.22)!important;}
/* Drops/emotes cleanup */
.sts-chat-drop-widget,.drop-progress-card,.unlocked-emote-picker{background:rgba(10,11,18,.94)!important;border:1px solid rgba(155,53,255,.24)!important;border-radius:18px!important;}
.unlocked-emote-picker{box-shadow:0 18px 55px rgba(0,0,0,.55)!important;}
.unlocked-streamer-avatar,.streamer-emote-avatar{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;object-fit:cover!important;}
.unlocked-streamer-avatar.active,.streamer-emote-avatar.active{outline:2px solid var(--sts-green)!important;box-shadow:0 0 0 4px rgba(57,255,20,.12)!important;}
@media (max-width:900px){
  .page.v5-page{padding:18px 12px 48px;}.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.list-row{display:grid;}.sts-mock-nav{gap:8px;overflow:auto;}
  .admin-tab-nav,.safety-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:4px;}
}


/* ===== public/css/sts-v219-fresh-site-polish.css ===== */
/* STS v5.6.219 - Fresh full-site polish
   Goal: cleaner, more modern pages without changing routes or backend logic. */
:root{
  --sts-bg:#05060b;
  --sts-bg-2:#080a12;
  --sts-card:rgba(17,18,31,.86);
  --sts-card-2:rgba(25,22,42,.78);
  --sts-line:rgba(170,100,255,.22);
  --sts-line-soft:rgba(255,255,255,.08);
  --sts-purple:#a846ff;
  --sts-purple-2:#7c3cff;
  --sts-green:#39ff14;
  --sts-green-soft:rgba(57,255,20,.16);
  --sts-text:#f7f5ff;
  --sts-muted:#aaa4bd;
  --sts-danger:#ff3860;
  --sts-radius:22px;
  --sts-radius-sm:14px;
  --sts-shadow:0 24px 70px rgba(0,0,0,.38);
}

html{scroll-behavior:smooth;}
body.streamx-v5,
body.twitch-v53,
body{
  background:
    radial-gradient(circle at 12% 0%, rgba(57,255,20,.075), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(168,70,255,.13), transparent 36%),
    linear-gradient(180deg,#05060b 0%,#070912 48%,#05060b 100%) !important;
  color:var(--sts-text);
  min-height:100vh;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 65%);
}

/* universal page spacing */
main,.page,.content,.container,.dash-page,.admin-page,.settings-page,.browse-page,
section.page-head,.page-head,.admin-hero-tabs{
  max-width:1480px;
  margin-left:auto;
  margin-right:auto;
}
main,.page,.content,.container,.dash-page,.admin-page,.settings-page,.browse-page{
  padding-left:clamp(14px,2vw,34px);
  padding-right:clamp(14px,2vw,34px);
}

/* modern page headers */
.page-head,.admin-hero-tabs,.hero,.dashboard-hero,.settings-hero,.auth-card,.error-card{
  background:linear-gradient(135deg,rgba(25,20,42,.92),rgba(8,16,18,.86)) !important;
  border:1px solid var(--sts-line) !important;
  border-radius:28px !important;
  box-shadow:var(--sts-shadow) !important;
}
.page-head,.admin-hero-tabs,.dashboard-hero,.settings-hero{
  padding:clamp(22px,3vw,42px) !important;
  margin-top:clamp(18px,2.4vw,38px) !important;
  margin-bottom:22px !important;
}
.page-head h1,.admin-hero-tabs h1,.dashboard-hero h1,.settings-hero h1{
  letter-spacing:-.035em;
  line-height:.96;
  text-shadow:0 0 22px rgba(168,70,255,.25);
}
.eyebrow,.section-eyebrow,.kicker{
  color:var(--sts-green) !important;
  letter-spacing:.16em !important;
  text-transform:uppercase;
  font-weight:900;
}
.muted,small,.subtle,.help-text{color:var(--sts-muted)!important;}

/* cards, panels, rows */
.panel,.card,.sts-card,.dash-card,.stat-card,.creator-card,.category-card,.clip-card,
.vod-card,.settings-card,.admin-card,.drop-card,.report-card-admin,.list-row,.auth-card,
.admin-quick-grid a,.vod-list a,.discovery-card,.stream-card{
  background:linear-gradient(180deg,rgba(22,23,36,.92),rgba(11,13,22,.92)) !important;
  border:1px solid var(--sts-line-soft) !important;
  border-radius:var(--sts-radius) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.26) !important;
}
.panel:hover,.card:hover,.dash-card:hover,.creator-card:hover,.category-card:hover,.clip-card:hover,
.vod-card:hover,.admin-quick-grid a:hover,.vod-list a:hover,.stream-card:hover{
  border-color:rgba(168,70,255,.42)!important;
  transform:translateY(-1px);
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
  box-shadow:0 22px 60px rgba(0,0,0,.36),0 0 0 1px rgba(168,70,255,.08)!important;
}
.full,.panel.full{width:100%;}
.dash-grid,.admin-quick-grid,.grid,.cards-grid{
  gap:18px!important;
}

/* forms */
input,textarea,select,.input,.form-control{
  background:rgba(6,9,15,.94)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:var(--sts-text)!important;
  border-radius:14px!important;
  outline:none!important;
  box-shadow:none!important;
}
input:focus,textarea:focus,select:focus,.input:focus,.form-control:focus{
  border-color:var(--sts-purple)!important;
  box-shadow:0 0 0 3px rgba(168,70,255,.18)!important;
}
label{color:#ded8ee;}
.form,.compact-form{gap:14px!important;}

/* buttons */
button,.btn,.tw-btn,.primary,.send-btn,.admin-save-btn,.claim-drop-btn,
a.btn{
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  font-weight:900!important;
  letter-spacing:.015em;
}
.btn,.tw-btn.primary,.primary,.send-btn,.admin-save-btn,.claim-drop-btn,
button[type="submit"]:not(.danger-btn):not(.admin-remove-btn){
  background:linear-gradient(135deg,var(--sts-purple),#b932ee)!important;
  color:white!important;
  box-shadow:0 12px 28px rgba(168,70,255,.24)!important;
}
.btn:hover,.tw-btn.primary:hover,.primary:hover,.send-btn:hover,.admin-save-btn:hover,.claim-drop-btn:hover,
button[type="submit"]:hover:not(.danger-btn):not(.admin-remove-btn){
  filter:brightness(1.08);
  transform:translateY(-1px);
}
.danger-btn,.admin-remove-btn{background:rgba(255,56,96,.14)!important;color:#ff8fa5!important;border-color:rgba(255,56,96,.28)!important;}

/* tables */
table,.admin-users-table{
  border-collapse:separate!important;
  border-spacing:0 10px!important;
  width:100%;
}
thead th{
  color:var(--sts-muted)!important;
  text-transform:uppercase;
  font-size:12px!important;
  letter-spacing:.1em;
  border:0!important;
}
tbody tr{
  background:rgba(15,17,28,.72)!important;
  border-radius:18px!important;
}
tbody td{
  border-top:1px solid rgba(255,255,255,.06)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  padding:14px!important;
}
tbody td:first-child{border-left:1px solid rgba(255,255,255,.06)!important;border-radius:16px 0 0 16px!important;}
tbody td:last-child{border-right:1px solid rgba(255,255,255,.06)!important;border-radius:0 16px 16px 0!important;}

/* pills/status */
.status-pill,.role-pill,.badge,.pill,.tag,.live-pill,.offline-pill{
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.06)!important;
  padding:.35rem .7rem!important;
  font-weight:900!important;
}
.status-pill.live,.live,.is-live{
  color:var(--sts-green)!important;
  background:var(--sts-green-soft)!important;
  border-color:rgba(57,255,20,.28)!important;
}
.status-pill.offline,.offline{color:#aaa!important;background:rgba(255,255,255,.055)!important;}

/* header polish */
.tw-topbar.sts-glass-nav,.sts-mockup-header{
  backdrop-filter:blur(18px)!important;
  background:rgba(8,8,15,.76)!important;
  border-bottom:1px solid rgba(168,70,255,.35)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.35)!important;
}
.sts-mock-nav a,.sts-mock-more-btn{
  border-radius:12px!important;
}
.sts-mock-nav a:hover,.sts-mock-more-btn:hover,.sts-mock-nav a.is-active,.sts-mock-nav a.active{
  background:rgba(168,70,255,.13)!important;
  color:#fff!important;
}
.sts-nav-search input,.tw-search input{
  border-color:rgba(168,70,255,.35)!important;
}
.sts-account-dropdown,.sts-mock-more-menu,.sts-search-results{
  background:rgba(10,11,19,.96)!important;
  border:1px solid rgba(168,70,255,.25)!important;
  border-radius:18px!important;
  box-shadow:0 24px 80px rgba(0,0,0,.45)!important;
}

/* admin cleanup */
.admin-tab-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px!important;
  margin-top:18px!important;
}
.admin-tab-nav a{
  color:var(--sts-muted)!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  text-decoration:none!important;
  font-weight:900!important;
}
.admin-tab-nav a.active,.admin-tab-nav a:hover{
  color:white!important;
  border-color:rgba(168,70,255,.35)!important;
  background:rgba(168,70,255,.16)!important;
}
.admin-quick-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  margin-bottom:22px!important;
}
.admin-quick-grid a{
  padding:18px!important;
  text-decoration:none!important;
  color:var(--sts-text)!important;
}
.admin-quick-grid strong{font-size:28px;display:block;margin-bottom:4px;color:var(--sts-green);}
.admin-quick-grid span{color:var(--sts-muted);font-size:13px;}
.admin-users-wrap{overflow:auto;border-radius:22px;}
.admin-user-actions{min-width:260px;}
.admin-badge-checks{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;}
.admin-badge-checks label{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:7px 9px;}

/* streamer/watch polish */
.watch-layout,.stream-layout,.home-showcase,.sts-showcase-wrap{
  gap:18px!important;
}
.video-card,.player-card,.stream-player,.stream-info-panel,.chat-panel{
  border-radius:24px!important;
  border-color:rgba(168,70,255,.22)!important;
}
.chat-panel,.stream-chat,.chat-box{
  background:rgba(7,9,15,.94)!important;
}
.chat-message,.message-row{
  border-radius:14px!important;
}
.chat-input-row,.chat-footer{
  gap:10px!important;
}

/* drops/emotes polish */
.sts-drop-widget,.drop-widget,.active-drop-card{
  background:linear-gradient(135deg,rgba(18,14,32,.94),rgba(8,14,18,.9))!important;
  border-top:1px solid rgba(168,70,255,.25)!important;
}
.progress,.progress-bar,.drop-progress{
  border-radius:999px!important;
  overflow:hidden!important;
}
.unlocked-emote-picker,.streamer-emote-popup,.emote-picker{
  background:rgba(12,13,21,.98)!important;
  border:1px solid rgba(168,70,255,.28)!important;
  border-radius:18px!important;
  box-shadow:0 26px 75px rgba(0,0,0,.55)!important;
}
.unlocked-avatar-tab,.streamer-avatar-tab{
  flex:0 0 38px!important;
  width:38px!important;height:38px!important;
  border-radius:12px!important;
}

/* clean image cards */
img{max-width:100%;}
.creator-card img,.category-card img,.stream-card img,.avatar img,.sts-account-avatar img{
  object-fit:cover;
}

/* footer */
footer,.footer{
  border-top:1px solid rgba(168,70,255,.16)!important;
  background:rgba(4,5,10,.6)!important;
}

/* responsive */
@media (max-width:900px){
  .page-head,.admin-hero-tabs,.dashboard-hero,.settings-hero{border-radius:20px!important;padding:22px!important;}
  .dash-grid,.admin-quick-grid,.grid,.cards-grid{grid-template-columns:1fr!important;}
  .admin-tab-nav{overflow:auto;flex-wrap:nowrap;padding-bottom:6px;}
  .admin-tab-nav a{white-space:nowrap;}
  tbody td{padding:10px!important;}
}
@media (max-width:640px){
  main,.page,.content,.container,.dash-page,.admin-page,.settings-page,.browse-page{padding-left:10px;padding-right:10px;}
  .page-head h1,.admin-hero-tabs h1{font-size:clamp(34px,11vw,54px)!important;}
  .panel,.card,.dash-card,.auth-card{border-radius:18px!important;}
}


/* ===== public/css/sts-v220-site-wide-clean-ui.css ===== */
/* STS v5.6.220 — Full Site Fresh Clean UI
   Final site-wide polish layer. Loaded last so all older patch CSS keeps working but looks unified. */
:root{
  --sts-bg:#07060b;
  --sts-bg-2:#0d0a15;
  --sts-panel:rgba(18,14,28,.86);
  --sts-panel-2:rgba(25,20,38,.88);
  --sts-card:rgba(20,16,32,.82);
  --sts-card-hover:rgba(34,27,52,.92);
  --sts-border:rgba(255,255,255,.08);
  --sts-border-strong:rgba(169,92,255,.26);
  --sts-purple:#8f4dff;
  --sts-purple-2:#b47cff;
  --sts-green:#52ff9a;
  --sts-green-soft:rgba(82,255,154,.12);
  --sts-text:#f7f3ff;
  --sts-muted:#a9a1b8;
  --sts-muted-2:#7d748f;
  --sts-danger:#ff5c7a;
  --sts-warning:#ffc857;
  --sts-radius:18px;
  --sts-radius-sm:12px;
  --sts-shadow:0 18px 55px rgba(0,0,0,.35);
  --sts-shadow-soft:0 10px 30px rgba(0,0,0,.28);
  --sts-blur:blur(18px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--sts-bg)}
body.streamx-v5,
body.twitch-v53,
body{
  background:
    radial-gradient(circle at 15% 0%, rgba(143,77,255,.16), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(82,255,154,.06), transparent 30%),
    linear-gradient(180deg,#08060d 0%,#06050a 55%,#090611 100%) !important;
  color:var(--sts-text) !important;
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing:.01em;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 70%);
  z-index:-1;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* Layout containers */
main,
.page,
.page-wrap,
.content,
.dashboard-wrap,
.admin-wrap,
.settings-wrap,
.profile-wrap,
.sts-tv-main,
.v53-watch-main{
  color:var(--sts-text);
}
.container,
.page-container,
.sts-page,
.sts-admin-page,
.dashboard-page,
.settings-page,
.generic-page,
.v53-stream-info,
.v586-channel-info-row,
.admin-card,
.dashboard-card,
.card,
.panel,
.box,
.mod-card,
.settings-card,
.profile-card,
.creator-card,
.clip-card,
.category-card,
.shop-card,
.drop-card,
.achievement-card,
.sts-live-showcase,
.side-group,
.sts-left-brand-card{
  border-color:var(--sts-border) !important;
  box-shadow:var(--sts-shadow-soft) !important;
}

/* Header/navigation cleanup */
.tw-topbar.sts-glass-nav,
.sts-mockup-header,
.tw-topbar{
  background:rgba(8,7,13,.82) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  backdrop-filter:var(--sts-blur);
  box-shadow:0 12px 40px rgba(0,0,0,.34) !important;
}
.sts-mock-brand img{filter:drop-shadow(0 8px 20px rgba(143,77,255,.20))}
.sts-mock-tabs a,
.sts-mock-more-btn,
.tw-nav a{
  border-radius:999px !important;
  color:var(--sts-muted) !important;
  transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;
}
.sts-mock-tabs a:hover,
.sts-mock-more-btn:hover,
.tw-nav a:hover{
  color:#fff !important;
  background:rgba(143,77,255,.13) !important;
  border-color:rgba(143,77,255,.28) !important;
  transform:translateY(-1px);
}
.sts-nav-search,
.tw-search{
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:999px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.sts-nav-search input,
.tw-search input{
  color:#fff !important;
  background:transparent !important;
}
.sts-nav-search input::placeholder,
.tw-search input::placeholder{color:rgba(255,255,255,.45) !important}
.sts-nav-search button,
.tw-search button{
  background:linear-gradient(135deg,var(--sts-purple),#6535d8) !important;
  border:0 !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(143,77,255,.24) !important;
}
.sts-account-menu-button,
.sts-account-dropdown{
  background:rgba(18,14,28,.92) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  box-shadow:var(--sts-shadow) !important;
}
.sts-account-dropdown a:hover{background:rgba(143,77,255,.12) !important}

/* Unified cards */
.card,
.panel,
.box,
.admin-card,
.dashboard-card,
.settings-card,
.profile-card,
.creator-card,
.clip-card,
.category-card,
.shop-card,
.drop-card,
.achievement-card,
.mod-card,
.sts-card,
.side-group,
.v53-stream-info,
.v586-channel-info-row,
.sts-page-section,
.sts-admin-section,
.table-card,
.form-card,
.drops-card,
.v53-chat,
.chat-panel{
  background:linear-gradient(180deg,rgba(23,18,36,.88),rgba(13,10,22,.88)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:var(--sts-radius) !important;
  backdrop-filter:blur(14px);
}
.card:hover,
.creator-card:hover,
.category-card:hover,
.clip-card:hover,
.shop-card:hover,
.drop-card:hover,
.achievement-card:hover{
  background:linear-gradient(180deg,rgba(31,24,48,.94),rgba(16,12,26,.92)) !important;
  border-color:rgba(143,77,255,.26) !important;
  transform:translateY(-2px);
  transition:.18s ease;
}

/* Typography */
h1,h2,h3,h4,.page-title,.section-title,.dashboard-title,.admin-title{
  color:#fff !important;
  letter-spacing:-.03em;
}
p,small,.muted,.subtitle,.page-subtitle,.section-subtitle,.help-text,.hint{
  color:var(--sts-muted) !important;
}
.page-title,h1{
  font-size:clamp(28px,4vw,48px) !important;
  line-height:1.02 !important;
  margin-bottom:10px !important;
}
.section-title,h2{font-size:clamp(22px,2.4vw,34px) !important}

/* Buttons */
button,
.btn,
.button,
.admin-btn,
.dashboard-btn,
.save-btn,
.submit-btn,
.primary-btn,
.sts-btn,
input[type="submit"]{
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  font-weight:800 !important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;
}
button:hover,
.btn:hover,
.button:hover,
.admin-btn:hover,
.dashboard-btn:hover,
.save-btn:hover,
.submit-btn:hover,
.primary-btn:hover,
.sts-btn:hover,
input[type="submit"]:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 32px rgba(143,77,255,.22) !important;
}
.btn-primary,
.primary-btn,
.save-btn,
.submit-btn,
button[type="submit"],
input[type="submit"]{
  background:linear-gradient(135deg,var(--sts-purple),#6f3df0) !important;
  color:#fff !important;
  border-color:rgba(180,124,255,.28) !important;
}
.btn-success,
.claim-btn,
.live-btn{
  background:linear-gradient(135deg,var(--sts-green),#25c66f) !important;
  color:#04120a !important;
  border-color:rgba(82,255,154,.35) !important;
}
.btn-danger,.delete-btn,.danger-btn{
  background:linear-gradient(135deg,#ff5c7a,#d82752) !important;
  color:#fff !important;
}

/* Forms */
input,
textarea,
select,
.form-control,
.form-input,
.dashboard-input{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  color:#fff !important;
  border-radius:12px !important;
  outline:none !important;
}
input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.form-input:focus,
.dashboard-input:focus{
  border-color:rgba(143,77,255,.58) !important;
  box-shadow:0 0 0 4px rgba(143,77,255,.12) !important;
}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,.38) !important}
label{color:#efe9ff !important;font-weight:700 !important}

/* Tables */
table{
  width:100%;
  border-collapse:separate !important;
  border-spacing:0 8px !important;
}
thead th{
  color:#d9d0ea !important;
  background:rgba(255,255,255,.055) !important;
  border:0 !important;
  padding:12px 14px !important;
  font-size:12px !important;
  text-transform:uppercase;
  letter-spacing:.08em;
}
tbody tr{
  background:rgba(255,255,255,.035) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}
tbody td{
  border:0 !important;
  padding:14px !important;
  color:#f5efff !important;
}
tbody tr:hover{background:rgba(143,77,255,.08) !important}

/* Homepage refresh */
.sts-tv-home{
  gap:18px !important;
  padding:18px !important;
}
.sts-tv-sidebar{
  background:rgba(8,7,13,.55) !important;
  border-right:1px solid rgba(255,255,255,.07) !important;
}
.side-channel{
  border-radius:14px !important;
  padding:9px !important;
  transition:background .16s ease,transform .16s ease,border-color .16s ease;
}
.side-channel:hover{
  background:rgba(143,77,255,.10) !important;
  transform:translateX(2px);
}
.side-channel img{
  border-radius:50% !important;
  border:2px solid rgba(143,77,255,.28) !important;
}
.side-status-live{
  color:var(--sts-green) !important;
  background:transparent !important;
  text-shadow:none !important;
  font-weight:900 !important;
}
.side-status-offline{color:#858092 !important;background:transparent !important}
.sts-live-showcase{
  overflow:hidden;
  border-radius:24px !important;
  background:linear-gradient(145deg,rgba(25,19,41,.92),rgba(8,7,13,.94)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.sts-showcase-video,
.sts-showcase-main,
.sts-live-preview,
.v53-player{
  border-radius:20px !important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.42) !important;
}

/* Watch page / player / chat */
.v53-watch{
  gap:16px !important;
}
.v53-player{
  background:#050508 !important;
}
.v53-player-badges span,
.v53-live,
.live-pill,
.status-live{
  border-radius:999px !important;
  font-weight:900 !important;
}
.v53-live,
.live-pill{
  background:var(--sts-green-soft) !important;
  color:var(--sts-green) !important;
  border:1px solid rgba(82,255,154,.28) !important;
  box-shadow:none !important;
}
.v53-chat,
.chat-shell,
.chat-panel{
  border-radius:20px !important;
  overflow:hidden !important;
}
.chat-message,
.message-row,
.v53-chat-message{
  border-radius:12px !important;
  padding:8px 10px !important;
}
.chat-message:hover,
.message-row:hover,
.v53-chat-message:hover{
  background:rgba(255,255,255,.045) !important;
}
.chat-footer,
.v53-chat-form,
.chat-input-row{
  background:rgba(7,6,12,.82) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.global-emote-rail,
.sts-global-emote-rail{
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:14px !important;
}

/* Drops / unlocked emotes */
.sts-drop-widget,
.drop-progress-card,
.unlocked-emote-picker,
.sts-unlocked-emote-picker{
  background:linear-gradient(180deg,rgba(25,20,38,.96),rgba(10,8,16,.96)) !important;
  border:1px solid rgba(143,77,255,.22) !important;
  border-radius:18px !important;
  box-shadow:0 22px 60px rgba(0,0,0,.45) !important;
}
.sts-drop-progress,
.drop-progress,
.progress-bar{
  background:rgba(255,255,255,.08) !important;
  border-radius:999px !important;
  overflow:hidden;
}
.sts-drop-progress > *,
.drop-progress > *,
.progress-bar > *{
  background:linear-gradient(90deg,var(--sts-purple),var(--sts-green)) !important;
  border-radius:999px !important;
}
.unlocked-emote-avatar,
.sts-unlocked-avatar{
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  border-radius:50% !important;
  border:2px solid rgba(255,255,255,.1) !important;
}
.unlocked-emote-avatar.active,
.sts-unlocked-avatar.active{
  border-color:var(--sts-purple) !important;
  box-shadow:0 0 0 3px rgba(143,77,255,.14) !important;
}

/* Admin / dashboard */
.admin-layout,
.dashboard-layout,
.settings-layout{
  gap:18px !important;
}
.admin-sidebar,
.dashboard-sidebar,
.settings-sidebar,
.sidebar-nav{
  background:rgba(13,10,22,.76) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:20px !important;
  box-shadow:var(--sts-shadow-soft) !important;
}
.admin-sidebar a,
.dashboard-sidebar a,
.settings-sidebar a,
.sidebar-nav a{
  border-radius:12px !important;
  color:var(--sts-muted) !important;
}
.admin-sidebar a:hover,
.dashboard-sidebar a:hover,
.settings-sidebar a:hover,
.sidebar-nav a:hover,
.admin-sidebar a.active,
.dashboard-sidebar a.active,
.settings-sidebar a.active,
.sidebar-nav a.active{
  background:rgba(143,77,255,.13) !important;
  color:#fff !important;
}
.admin-stat,
.dashboard-stat,
.stat-card{
  background:linear-gradient(180deg,rgba(143,77,255,.12),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(143,77,255,.18) !important;
  border-radius:18px !important;
}

/* Browse/category grids */
.grid,
.cards-grid,
.creator-grid,
.category-grid,
.clips-grid,
.shop-grid,
.drops-grid{
  gap:16px !important;
}
.category-card img,
.clip-card img,
.creator-card img,
.stream-card img{
  border-radius:14px !important;
}

/* Empty/error pages */
.empty-state,
.not-found,
.error-page,
.side-empty{
  background:rgba(255,255,255,.035) !important;
  border:1px dashed rgba(255,255,255,.12) !important;
  border-radius:18px !important;
  color:var(--sts-muted) !important;
}

/* Scrollbars */
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
*::-webkit-scrollbar-thumb{background:rgba(143,77,255,.35);border-radius:999px;border:2px solid rgba(0,0,0,.18)}
*::-webkit-scrollbar-thumb:hover{background:rgba(143,77,255,.55)}

/* Responsive cleanup */
@media (max-width: 980px){
  .sts-tv-home,.v53-watch{padding:10px !important;gap:10px !important}
  .sts-tv-sidebar{display:none !important}
  .tw-topbar.sts-glass-nav{position:sticky;top:0;z-index:80}
  .sts-mock-tabs{overflow-x:auto;white-space:nowrap;max-width:100%}
  .sts-nav-search{order:3;width:100%;margin-top:8px}
  .card,.panel,.box,.admin-card,.dashboard-card,.settings-card,.profile-card{border-radius:14px !important}
  .page-title,h1{font-size:30px !important}
}
@media (max-width: 620px){
  body{font-size:14px}
  .tw-topbar{padding:8px !important}
  .sts-account-name{display:none !important}
  .v53-player,.sts-live-showcase{border-radius:14px !important}
  button,.btn,.button{min-height:38px}
}


/* ===== public/css/sts-v234-live-bell.css ===== */

/* STS v5.6.234 - follower live bell notifications */
.sts-live-bell-wrap{position:relative;display:flex;align-items:center;margin-right:8px;z-index:10020}
.sts-live-bell{width:42px;height:42px;border-radius:14px;border:1px solid rgba(167,99,255,.35);background:linear-gradient(180deg,rgba(30,20,48,.92),rgba(12,10,18,.96));color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 10px 30px rgba(120,35,255,.16);position:relative;transition:.18s ease}
.sts-live-bell:hover,.sts-live-bell[aria-expanded="true"]{transform:translateY(-1px);border-color:rgba(190,137,255,.8);box-shadow:0 0 24px rgba(155,53,255,.42)}
.sts-live-bell-icon{font-size:18px;line-height:1;filter:drop-shadow(0 0 8px rgba(155,53,255,.75))}
.sts-live-bell-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff2f6d;color:#fff;font-size:11px;font-weight:900;place-items:center;border:2px solid #140d20;box-shadow:0 0 14px rgba(255,47,109,.75)}
.sts-live-bell-dropdown{position:absolute;top:52px;right:0;width:min(360px,calc(100vw - 24px));max-height:430px;overflow:hidden;border:1px solid rgba(167,99,255,.28);border-radius:18px;background:rgba(13,10,22,.98);box-shadow:0 24px 80px rgba(0,0,0,.62),0 0 40px rgba(137,56,255,.18);backdrop-filter:blur(18px);padding:12px;display:none}
.sts-live-bell-dropdown.open{display:block;animation:stsBellPop .16s ease-out}
@keyframes stsBellPop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.sts-live-bell-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}
.sts-live-bell-head strong{font-size:14px;color:#fff}.sts-live-bell-head a{font-size:12px;color:#cda9ff;text-decoration:none}.sts-live-bell-list{display:grid;gap:8px;max-height:340px;overflow:auto;padding-right:2px}.notification-drop-item{display:grid;gap:3px;text-decoration:none;color:#f4edff;padding:10px 11px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.045)}.notification-drop-item:hover{background:rgba(155,53,255,.16);border-color:rgba(167,99,255,.35)}.notification-drop-item.unread{background:linear-gradient(90deg,rgba(255,47,109,.14),rgba(155,53,255,.12));border-color:rgba(255,47,109,.32)}.notification-drop-item b{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#ff8ab0}.notification-drop-item span{font-size:13px;line-height:1.35;color:#f7f0ff}.notification-drop-item.read span{color:#cfc2dc}
@media(max-width:760px){.sts-live-bell-wrap{margin-left:auto;margin-right:6px}.sts-live-bell{width:38px;height:38px;border-radius:13px}.sts-live-bell-dropdown{right:-58px;top:48px;width:calc(100vw - 18px)}}

/* v5.6.235 - live bell behaviour + social page shape fix */
.sts-live-bell.has-unread{border-color:rgba(83,252,24,.85);box-shadow:0 0 24px rgba(83,252,24,.32),0 10px 30px rgba(120,35,255,.16)}
.sts-live-bell.sts-bell-pulse{animation:stsBellRing .75s ease-in-out 2}
@keyframes stsBellRing{0%,100%{transform:rotate(0deg) scale(1)}20%{transform:rotate(-10deg) scale(1.08)}40%{transform:rotate(10deg) scale(1.08)}60%{transform:rotate(-6deg) scale(1.04)}80%{transform:rotate(6deg) scale(1.04)}}

html body .sts-social-page.social-feed-page{
  width:min(100%, calc(100vw - 28px))!important;
  max-width:1560px!important;
  margin:0 auto!important;
  padding:16px 14px 42px!important;
  overflow:visible!important;
}
html body .sts-social-page .sts-social-hero{
  min-height:190px!important;
  padding:26px!important;
}
html body .sts-social-page .sts-social-layout{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(190px,220px) minmax(0,1fr) minmax(250px,290px)!important;
  gap:16px!important;
  align-items:start!important;
}
html body .sts-social-page .sts-social-feed-main,
html body .sts-social-page .sts-feed-card,
html body .sts-social-page .sts-composer-card{min-width:0!important;max-width:100%!important;}
html body .sts-social-page .sts-social-left,
html body .sts-social-page .sts-social-right{min-width:0!important;z-index:2!important;}
html body .sts-social-page .sts-feed-body h2{font-size:clamp(1.15rem,1.8vw,1.65rem)!important;word-break:break-word!important;}
html body .sts-social-page .sts-feed-stats{justify-content:flex-start!important;}
html body .sts-social-page .sts-feed-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(95px,1fr))!important;}

@media(max-width:1450px){
  html body .sts-social-page .sts-social-layout{grid-template-columns:200px minmax(0,1fr)!important;}
  html body .sts-social-page .sts-social-right{grid-column:2!important;position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body .sts-social-page .sts-social-right .sts-social-panel:last-child{grid-column:1 / -1!important;}
}
@media(max-width:920px){
  html body .sts-social-page.social-feed-page{width:100%!important;padding:12px!important;}
  html body .sts-social-page .sts-social-layout{grid-template-columns:1fr!important;}
  html body .sts-social-page .sts-social-left,
  html body .sts-social-page .sts-social-right{grid-column:auto!important;position:relative!important;top:auto!important;grid-template-columns:1fr!important;}
  html body .sts-social-page .sts-social-hero{padding:20px!important;border-radius:22px!important;}
  html body .sts-social-page .sts-social-hero h1{font-size:clamp(2.3rem,12vw,3.4rem)!important;}
}

/* v5.6.236 - social page hard layout repair
   Stops the right rail floating over the feed and keeps /social inside the viewport. */
html body .sts-social-page.social-feed-page{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1720px!important;
  margin:0 auto!important;
  padding:14px clamp(12px,1.4vw,24px) 48px!important;
  overflow-x:hidden!important;
}
html body .sts-social-page.social-feed-page *{box-sizing:border-box!important;}
html body .sts-social-page .sts-social-hero{
  width:100%!important;
  max-width:none!important;
  margin:0 0 18px 0!important;
  min-height:200px!important;
  border-radius:26px!important;
}
html body .sts-social-page .sts-social-layout{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr) 300px!important;
  gap:18px!important;
  margin-top:0!important;
  overflow:visible!important;
}
html body .sts-social-page .sts-social-left,
html body .sts-social-page .sts-social-right{
  position:sticky!important;
  top:92px!important;
  align-self:start!important;
  width:100%!important;
  max-width:100%!important;
}
html body .sts-social-page .sts-social-feed-main{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
html body .sts-social-page .sts-composer-card,
html body .sts-social-page .sts-feed-card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
html body .sts-social-page .sts-feed-body,
html body .sts-social-page .sts-feed-head,
html body .sts-social-page .sts-feed-stats,
html body .sts-social-page .fb-live-link-bar,
html body .sts-social-page .sts-feed-actions{
  max-width:100%!important;
}
html body .sts-social-page .fb-live-link-bar a{
  width:100%!important;
  min-width:0!important;
}
html body .sts-social-page .sts-feed-actions.fb-post-actions.with-dm{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  padding:10px 12px!important;
  overflow:visible!important;
}
html body .sts-social-page .sts-feed-actions > a,
html body .sts-social-page .sts-feed-actions > details > summary{
  min-width:0!important;
  width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .sts-social-page .sts-feed-actions details form{
  left:auto!important;
  right:0!important;
  max-width:min(320px,calc(100vw - 42px))!important;
}

@media(max-width:1640px){
  html body .sts-social-page .sts-social-layout{
    grid-template-columns:200px minmax(0,1fr)!important;
  }
  html body .sts-social-page .sts-social-right{
    grid-column:2!important;
    position:relative!important;
    top:auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    order:3!important;
  }
  html body .sts-social-page .sts-social-right .sts-social-panel{
    min-width:0!important;
  }
}
@media(max-width:1180px){
  html body .sts-social-page .sts-social-layout{
    grid-template-columns:1fr!important;
  }
  html body .sts-social-page .sts-social-left,
  html body .sts-social-page .sts-social-right{
    grid-column:auto!important;
    position:relative!important;
    top:auto!important;
  }
  html body .sts-social-page .sts-social-left{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  html body .sts-social-page .sts-social-right{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body .sts-social-page .sts-social-right .sts-social-panel:last-child{
    grid-column:1 / -1!important;
  }
}
@media(max-width:720px){
  html body .sts-social-page.social-feed-page{padding:12px 10px 38px!important;}
  html body .sts-social-page .sts-social-hero{padding:20px!important;}
  html body .sts-social-page .sts-social-left,
  html body .sts-social-page .sts-social-right{
    grid-template-columns:1fr!important;
  }
  html body .sts-social-page .sts-composer-card{
    grid-template-columns:44px minmax(0,1fr)!important;
  }
  html body .sts-social-page .composer-action{grid-column:1 / -1!important;}
  html body .sts-social-page .sts-feed-actions.fb-post-actions.with-dm{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* ===== public/css/sts-v239-social-bell-final.css ===== */
/* =========================================================
   STS v5.6.239 - Social page + live bell final fix
   - Stops the /social right rail sitting on top of posts
   - Keeps post buttons/live bars inside the post card
   - Stops the live bell count coming back for already-seen alerts
   ========================================================= */

html,body{max-width:100%!important;overflow-x:hidden!important;}
body:has(.social-feed-page){overflow-x:hidden!important;}

/* SOCIAL PAGE HARD RESET */
html body .social-feed-page.sts-social-page,
html body .sts-social-page.social-feed-page{
  width:min(100% - 32px,1500px)!important;
  max-width:1500px!important;
  margin:18px auto 50px!important;
  padding:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
}
html body .social-feed-page.sts-social-page *,
html body .sts-social-page.social-feed-page *{box-sizing:border-box!important;}

html body .social-feed-page .sts-social-hero{
  width:100%!important;
  min-height:245px!important;
  margin:0 0 22px!important;
  padding:30px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 220px!important;
  gap:24px!important;
  align-items:center!important;
  overflow:hidden!important;
}
html body .social-feed-page .sts-social-hero h1{
  font-size:clamp(2.7rem,4.6vw,4.8rem)!important;
  line-height:.9!important;
}
html body .social-feed-page .sts-social-hero-card{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:220px!important;
  justify-self:end!important;
}

/* Three clean columns on desktop. Feed cannot bleed under the right rail. */
html body .social-feed-page .sts-social-layout{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr) 300px!important;
  gap:22px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow:visible!important;
}
html body .social-feed-page .sts-social-left{
  grid-column:1!important;
  grid-row:1!important;
  position:sticky!important;
  top:112px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:grid!important;
  gap:14px!important;
  z-index:1!important;
}
html body .social-feed-page .sts-social-feed-main{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:grid!important;
  gap:16px!important;
  overflow:hidden!important;
  z-index:2!important;
}
html body .social-feed-page .sts-social-right{
  grid-column:3!important;
  grid-row:1!important;
  position:sticky!important;
  top:112px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  align-items:start!important;
  z-index:1!important;
  margin-top:0!important;
}
html body .social-feed-page .sts-social-panel,
html body .social-feed-page .sts-composer-card,
html body .social-feed-page .sts-feed-card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
html body .social-feed-page .sts-social-panel{position:relative!important;inset:auto!important;}

/* Composer */
html body .social-feed-page .sts-composer-card{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
}
html body .social-feed-page .composer-input{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}

/* Post cards */
html body .social-feed-page .sts-feed-card{
  position:relative!important;
  padding:16px!important;
  border-radius:22px!important;
}
html body .social-feed-page .sts-feed-head,
html body .social-feed-page .sts-feed-body,
html body .social-feed-page .sts-feed-stats,
html body .social-feed-page .sts-reaction-summary{
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
html body .social-feed-page .sts-feed-body h2{
  font-size:clamp(1.35rem,2vw,2rem)!important;
  line-height:1.05!important;
  margin:0 0 10px!important;
}
html body .social-feed-page .sts-feed-media{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

/* Fix the pink live bar that was stretching behind the sidebar */
html body .social-feed-page .fb-live-link-bar,
html body .social-feed-page .sts-feed-card .fb-live-link-bar{
  position:relative!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;inset:auto!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:48px!important;
  margin:14px 0 12px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  z-index:1!important;
}
html body .social-feed-page .fb-live-link-bar a{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 16px!important;
}

/* Fix action buttons overflowing past the post */
html body .social-feed-page .sts-feed-actions,
html body .social-feed-page .fb-post-actions,
html body .social-feed-page .fb-post-actions.with-dm{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html body .social-feed-page .sts-feed-actions > a,
html body .social-feed-page .sts-feed-actions > details,
html body .social-feed-page .fb-post-actions > a,
html body .social-feed-page .fb-post-actions > details{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:42px!important;
  overflow:hidden!important;
}
html body .social-feed-page .sts-feed-actions summary,
html body .social-feed-page .fb-post-actions summary{
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Right rail cards */
html body .social-feed-page .trend-creator{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:10px!important;
}
html body .social-feed-page .trend-creator span,
html body .social-feed-page .trend-creator strong,
html body .social-feed-page .trend-creator small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

@media(max-width:1300px){
  html body .social-feed-page .sts-social-layout{grid-template-columns:210px minmax(0,1fr)!important;}
  html body .social-feed-page .sts-social-right{
    grid-column:2!important;
    grid-row:auto!important;
    position:relative!important;
    top:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:1100px){
  html body .social-feed-page .sts-social-layout{grid-template-columns:1fr!important;}
  html body .social-feed-page .sts-social-left,
  html body .social-feed-page .sts-social-feed-main,
  html body .social-feed-page .sts-social-right{
    grid-column:1!important;
    grid-row:auto!important;
    position:relative!important;
    top:auto!important;
  }
  html body .social-feed-page .sts-social-left{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body .social-feed-page .sts-social-right{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body .social-feed-page .sts-social-right .sts-social-panel:last-child{grid-column:1 / -1!important;}
}
@media(max-width:720px){
  html body .social-feed-page.sts-social-page,
  html body .sts-social-page.social-feed-page{width:calc(100% - 18px)!important;margin-top:12px!important;}
  html body .social-feed-page .sts-social-hero{grid-template-columns:1fr!important;padding:20px!important;min-height:auto!important;}
  html body .social-feed-page .sts-social-hero-card{justify-self:stretch!important;max-width:100%!important;}
  html body .social-feed-page .sts-social-left,
  html body .social-feed-page .sts-social-right{grid-template-columns:1fr!important;}
  html body .social-feed-page .sts-composer-card{grid-template-columns:44px minmax(0,1fr)!important;}
  html body .social-feed-page .composer-action{grid-column:1 / -1!important;}
  html body .social-feed-page .sts-feed-actions,
  html body .social-feed-page .fb-post-actions,
  html body .social-feed-page .fb-post-actions.with-dm{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* Bell count: allow JS to fully silence already-opened live alerts */
.sts-live-bell-count[data-force-hidden="1"]{display:none!important;}
.sts-live-bell:not(.has-unread) .sts-live-bell-count{display:none!important;}


/* ===== public/css/sts-v240-social-rebuild.css ===== */
/* =========================================================
   STS v5.6.240 - Social page real rebuild
   This avoids the old right-rail overlap by using a clean
   left-nav + feed layout and putting widgets inside the feed.
   ========================================================= */
html,body{max-width:100%!important;overflow-x:hidden!important;}
body:has(.social-feed-page){overflow-x:hidden!important;background:#07120c!important;}

html body .social-feed-page.sts-social-page{
  width:min(100% - 32px,1500px)!important;
  max-width:1500px!important;
  margin:18px auto 60px!important;
  padding:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
}
html body .social-feed-page.sts-social-page *{box-sizing:border-box!important;}

html body .social-feed-page .sts-social-hero{
  width:100%!important;
  min-height:230px!important;
  padding:28px!important;
  margin:0 0 18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 210px!important;
  gap:22px!important;
  align-items:center!important;
  overflow:hidden!important;
  position:relative!important;
}
html body .social-feed-page .sts-social-hero h1{
  font-size:clamp(2.4rem,4vw,4.4rem)!important;
  line-height:.92!important;
  margin:22px 0 14px!important;
}
html body .social-feed-page .sts-social-hero-card{
  position:relative!important;
  inset:auto!important;
  justify-self:end!important;
  width:100%!important;
  max-width:210px!important;
}

/* NEW SAFE SOCIAL GRID: left menu + one content column. No floating right rail. */
html body .social-feed-page .sts-social-layout-v240{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  position:relative!important;
}
html body .social-feed-page .sts-social-left-v240{
  grid-column:1!important;
  position:sticky!important;
  top:112px!important;
  width:100%!important;
  min-width:0!important;
  max-width:220px!important;
  display:grid!important;
  gap:14px!important;
  z-index:5!important;
}
html body .social-feed-page .sts-social-feed-main-v240{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:grid!important;
  gap:16px!important;
  overflow:visible!important;
  position:relative!important;
  z-index:3!important;
}

/* kill old rail if any old cached markup slips in */
html body .social-feed-page .sts-social-right{position:static!important;inset:auto!important;transform:none!important;}
html body .social-feed-page .sts-social-right:not(.sts-social-right-v240){display:none!important;}

html body .social-feed-page .sts-social-panel,
html body .social-feed-page .sts-composer-card,
html body .social-feed-page .sts-feed-card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}

/* composer */
html body .social-feed-page .sts-composer-v240{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:14px!important;
  border-radius:22px!important;
  z-index:4!important;
}
html body .social-feed-page .composer-input{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
html body .social-feed-page .composer-action{white-space:nowrap!important;}

/* widgets now live above posts in the main feed */
html body .social-feed-page .sts-social-widgets-v240{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  position:relative!important;
  z-index:3!important;
}
html body .social-feed-page .sts-widget-v240{
  min-height:132px!important;
  max-height:260px!important;
  overflow:auto!important;
  padding:16px!important;
  background:rgba(11,16,27,.92)!important;
  border:1px solid rgba(57,255,20,.14)!important;
  box-shadow:none!important;
}

/* feed cards cannot bleed out */
html body .social-feed-page .sts-feed-card-v240{
  padding:18px!important;
  border-radius:22px!important;
  background:rgba(11,16,27,.94)!important;
  border:1px solid rgba(255,45,115,.35)!important;
  overflow:hidden!important;
  z-index:2!important;
}
html body .social-feed-page .sts-feed-head{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
}
html body .social-feed-page .sts-feed-head > div,
html body .social-feed-page .sts-feed-head strong,
html body .social-feed-page .sts-feed-head span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body .social-feed-page .sts-feed-body,
html body .social-feed-page .sts-feed-stats,
html body .social-feed-page .sts-reaction-summary{width:100%!important;max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;}
html body .social-feed-page .sts-feed-body h2{font-size:clamp(1.45rem,2.2vw,2.25rem)!important;line-height:1.05!important;margin:12px 0!important;}
html body .social-feed-page .sts-feed-media{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;border-radius:18px!important;}
html body .social-feed-page .sts-feed-media img,
html body .social-feed-page .sts-feed-media video{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:cover!important;}

/* pink watch live bar fixed inside card */
html body .social-feed-page .sts-feed-card-v240 .fb-live-link-bar{
  position:relative!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:48px!important;
  margin:14px 0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  display:block!important;
  z-index:1!important;
}
html body .social-feed-page .sts-feed-card-v240 .fb-live-link-bar a{
  width:100%!important;
  max-width:100%!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 16px!important;
}

/* post action buttons contained */
html body .social-feed-page .sts-feed-card-v240 .sts-feed-actions,
html body .social-feed-page .sts-feed-card-v240 .fb-post-actions,
html body .social-feed-page .sts-feed-card-v240 .fb-post-actions.with-dm{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:10px 0 0!important;
  padding:0!important;
  position:relative!important;
  left:auto!important;right:auto!important;inset:auto!important;
  overflow:visible!important;
}
html body .social-feed-page .sts-feed-card-v240 .fb-post-actions > a,
html body .social-feed-page .sts-feed-card-v240 .fb-post-actions > details{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  display:block!important;
  overflow:visible!important;
}
html body .social-feed-page .sts-feed-card-v240 .fb-post-actions > a,
html body .social-feed-page .sts-feed-card-v240 .fb-post-actions summary{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  border-radius:12px!important;
}
html body .social-feed-page .sts-feed-card-v240 .fb-post-actions details form{
  z-index:20!important;
}

html body .social-feed-page .trend-creator{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;width:100%!important;min-width:0!important;}
html body .social-feed-page .trend-creator span,
html body .social-feed-page .trend-creator strong,
html body .social-feed-page .trend-creator small{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
html body .social-feed-page .tag-cloud{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}

/* Bell count silence */
.sts-live-bell-count[data-force-hidden="1"]{display:none!important;}
.sts-live-bell:not(.has-unread) .sts-live-bell-count{display:none!important;}

@media(max-width:1100px){
  html body .social-feed-page .sts-social-layout-v240{grid-template-columns:1fr!important;}
  html body .social-feed-page .sts-social-left-v240{position:relative!important;top:auto!important;max-width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body .social-feed-page .sts-social-feed-main-v240{grid-column:1!important;}
  html body .social-feed-page .sts-social-widgets-v240{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body .social-feed-page .sts-social-widgets-v240 .sts-widget-v240:last-child{grid-column:1 / -1!important;}
}
@media(max-width:720px){
  html body .social-feed-page.sts-social-page{width:calc(100% - 18px)!important;margin-top:12px!important;}
  html body .social-feed-page .sts-social-hero{grid-template-columns:1fr!important;padding:20px!important;min-height:auto!important;}
  html body .social-feed-page .sts-social-hero-card{justify-self:stretch!important;max-width:100%!important;}
  html body .social-feed-page .sts-social-left-v240{grid-template-columns:1fr!important;}
  html body .social-feed-page .sts-social-widgets-v240{grid-template-columns:1fr!important;}
  html body .social-feed-page .sts-composer-v240{grid-template-columns:44px minmax(0,1fr)!important;}
  html body .social-feed-page .composer-action{grid-column:1 / -1!important;text-align:center!important;}
  html body .social-feed-page .sts-feed-card-v240 .fb-post-actions.with-dm{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* ===== public/css/sts-v241-social-three-column.css ===== */
/* =========================================================
   STS v5.6.241 - Social page 3 column hard fix
   Left menu | feed | right widgets. No stacked widgets.
   ========================================================= */
html,body{max-width:100%!important;overflow-x:hidden!important;}
body:has(.social-feed-page){background:#07120c!important;}

html body .social-feed-page.sts-social-page{
  width:min(100% - 48px,1560px)!important;
  max-width:1560px!important;
  margin:18px auto 70px!important;
  padding:0!important;
  overflow:visible!important;
}

html body .social-feed-page .sts-social-hero{
  min-height:220px!important;
  margin-bottom:22px!important;
}

/* THE FIX: true 3-column layout */
html body .social-feed-page .sts-social-layout-v240{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr) 320px!important;
  gap:24px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}

html body .social-feed-page .sts-social-left-v240{
  grid-column:1!important;
  position:sticky!important;
  top:116px!important;
  max-width:220px!important;
  width:100%!important;
  z-index:5!important;
}

html body .social-feed-page .sts-social-feed-main-v240{
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  overflow:visible!important;
}

html body .social-feed-page .sts-social-right-v241{
  grid-column:3!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  width:100%!important;
  max-width:320px!important;
  min-width:0!important;
  position:sticky!important;
  top:116px!important;
  z-index:4!important;
}

/* right widgets must be vertical, not full-width rows */
html body .social-feed-page .sts-social-right-v241 .sts-social-widgets-v240,
html body .social-feed-page .sts-social-right-v241 .sts-social-widgets-rail-v241{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}

html body .social-feed-page .sts-social-right-v241 .sts-widget-v240{
  width:100%!important;
  min-height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:16px!important;
  background:rgba(11,16,27,.94)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
}

/* make sure old widget section can never appear inside feed */
html body .social-feed-page .sts-social-feed-main-v240 > .sts-social-widgets-v240{
  display:none!important;
}

html body .social-feed-page .sts-composer-v240{
  width:100%!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin:0!important;
}

/* post cards use the feed only */
html body .social-feed-page .sts-feed-card-v240{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:20px!important;
  overflow:hidden!important;
  border-radius:22px!important;
}

/* Live preview must not create huge empty blocks */
html body .social-feed-page .sts-feed-card-v240 .sts-feed-media.sts-live-preview{
  display:none!important;
}

/* Watch live button: contained pill, not a massive page-wide stripe */
html body .social-feed-page .sts-feed-card-v240 .fb-live-link-bar{
  width:auto!important;
  max-width:max-content!important;
  min-height:0!important;
  margin:14px 0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  overflow:hidden!important;
}
html body .social-feed-page .sts-feed-card-v240 .fb-live-link-bar a{
  width:auto!important;
  min-height:42px!important;
  padding:0 24px!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  white-space:nowrap!important;
}

/* Actions: clean 4 buttons contained */
html body .social-feed-page .sts-feed-card-v240 .fb-post-actions.with-dm,
html body .social-feed-page .sts-feed-card-v240 .fb-post-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
html body .social-feed-page .sts-feed-card-v240 .fb-post-actions > a,
html body .social-feed-page .sts-feed-card-v240 .fb-post-actions > details{
  min-width:0!important;
  width:100%!important;
}

/* creator rows stay compact */
html body .social-feed-page .trend-creator{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:10px 0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
html body .social-feed-page .trend-creator:last-child{border-bottom:0!important;}

/* tablets: no right overlap, widgets become top cards */
@media(max-width:1200px){
  html body .social-feed-page .sts-social-layout-v240{
    grid-template-columns:220px minmax(0,1fr)!important;
  }
  html body .social-feed-page .sts-social-right-v241{
    grid-column:2!important;
    position:relative!important;
    top:auto!important;
    max-width:100%!important;
    order:-1!important;
  }
  html body .social-feed-page .sts-social-right-v241 .sts-social-widgets-v240{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:850px){
  html body .social-feed-page.sts-social-page{width:calc(100% - 18px)!important;}
  html body .social-feed-page .sts-social-layout-v240{grid-template-columns:1fr!important;}
  html body .social-feed-page .sts-social-left-v240,
  html body .social-feed-page .sts-social-feed-main-v240,
  html body .social-feed-page .sts-social-right-v241{grid-column:1!important;position:relative!important;top:auto!important;max-width:100%!important;}
  html body .social-feed-page .sts-social-right-v241 .sts-social-widgets-v240{grid-template-columns:1fr!important;}
  html body .social-feed-page .sts-feed-card-v240 .fb-post-actions.with-dm{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* ===== public/css/sts-v242-social-gap-killer.css ===== */
/* =========================================================
   STS v5.6.242 - Social gap killer / clean usable layout
   This is loaded last on purpose. It overrides older social CSS.
   ========================================================= */

html,body{overflow-x:hidden!important;max-width:100%!important;}
body:has(.social-feed-page){background:#07120c!important;}

/* Full usable width, no squashed centre */
html body .social-feed-page.sts-social-page{
  width:min(100% - 36px,1660px)!important;
  max-width:1660px!important;
  margin:14px auto 60px!important;
  padding:0!important;
}

/* Smaller hero so the feed starts higher */
html body .social-feed-page .sts-social-hero{
  min-height:170px!important;
  padding:26px!important;
  margin:0 0 18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 190px!important;
  gap:18px!important;
  align-items:center!important;
  overflow:hidden!important;
}
html body .social-feed-page .sts-social-hero h1{
  font-size:clamp(2.4rem,4vw,4.4rem)!important;
  line-height:.95!important;
  margin:14px 0 10px!important;
}
html body .social-feed-page .sts-social-hero p{margin:0!important;}
html body .social-feed-page .sts-social-hero-actions{margin-top:18px!important;}
html body .social-feed-page .sts-social-hero-card{
  width:170px!important;
  min-height:118px!important;
  padding:18px!important;
  justify-self:end!important;
}

/* Use a clean 2-column app layout: left nav + main feed.
   Right widgets were causing stacking/overlap at browser zoom levels. */
html body .social-feed-page .sts-social-layout-v240,
html body .social-feed-page .sts-social-layout{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}

html body .social-feed-page .sts-social-left,
html body .social-feed-page .sts-social-left-v240{
  grid-column:1!important;
  position:sticky!important;
  top:112px!important;
  width:220px!important;
  max-width:220px!important;
  z-index:10!important;
}

html body .social-feed-page .sts-social-feed-main,
html body .social-feed-page .sts-social-feed-main-v240{
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  overflow:visible!important;
}

/* Hide the old right rail so it cannot create giant gaps or overlay posts */
html body .social-feed-page .sts-social-right,
html body .social-feed-page .sts-social-right-v241,
html body .social-feed-page .sts-social-widgets-v240,
html body .social-feed-page .sts-social-widgets-rail-v241{
  display:none!important;
}

/* Composer tidy */
html body .social-feed-page .sts-composer-card,
html body .social-feed-page .sts-composer-v240{
  width:100%!important;
  min-height:64px!important;
  padding:12px 14px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
html body .social-feed-page .composer-input{
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 18px!important;
  border-radius:999px!important;
  min-width:0!important;
}

/* Compact posts: remove the huge vertical empty space */
html body .social-feed-page .sts-feed-card,
html body .social-feed-page .sts-feed-card-v240{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:18px 20px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  display:block!important;
}
html body .social-feed-page .sts-feed-head{
  margin:0 0 12px!important;
  gap:12px!important;
  align-items:center!important;
}
html body .social-feed-page .sts-feed-body{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
}
html body .social-feed-page .sts-feed-body h2{
  font-size:clamp(1.35rem,2vw,2.15rem)!important;
  line-height:1.05!important;
  margin:4px 0 8px!important;
  letter-spacing:-.04em!important;
}
html body .social-feed-page .sts-feed-body p{
  margin:0 0 12px!important;
  line-height:1.45!important;
}
html body .social-feed-page .sts-feed-stats{
  margin:12px 0 10px!important;
  padding:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:14px!important;
}
html body .social-feed-page .reaction-summary{margin:0!important;min-height:0!important;}

/* Hide the fake/empty live preview image block if no real thumbnail exists */
html body .social-feed-page .sts-feed-media.sts-live-preview{
  display:none!important;
}

/* Watch live button should be a button, not a huge stripe */
html body .social-feed-page .fb-live-link-bar{
  width:auto!important;
  max-width:max-content!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:12px 0!important;
  padding:0!important;
  display:inline-flex!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
html body .social-feed-page .fb-live-link-bar a{
  width:auto!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

/* Buttons stay inside the card */
html body .social-feed-page .fb-post-actions,
html body .social-feed-page .fb-post-actions.with-dm,
html body .social-feed-page .sts-feed-actions{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:12px 0 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(120px,1fr))!important;
  gap:10px!important;
  overflow:hidden!important;
}
html body .social-feed-page .fb-post-actions > a,
html body .social-feed-page .fb-post-actions > details,
html body .social-feed-page .fb-post-actions summary{
  min-width:0!important;
  width:100%!important;
  min-height:38px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
html body .social-feed-page .fb-post-actions details form{
  position:absolute!important;
  z-index:50!important;
  width:min(280px,90vw)!important;
}

/* Side panels smaller and cleaner */
html body .social-feed-page .sts-social-panel{
  padding:14px!important;
  border-radius:18px!important;
  margin-bottom:14px!important;
}
html body .social-feed-page .sts-social-panel a{
  min-height:38px!important;
  padding:0 12px!important;
}

/* If a browser is zoomed in, keep it sane instead of stacking giant cards */
@media(max-width:1050px){
  html body .social-feed-page .sts-social-layout-v240,
  html body .social-feed-page .sts-social-layout{
    grid-template-columns:190px minmax(0,1fr)!important;
    gap:16px!important;
  }
  html body .social-feed-page .sts-social-left,
  html body .social-feed-page .sts-social-left-v240{width:190px!important;max-width:190px!important;}
  html body .social-feed-page .fb-post-actions,
  html body .social-feed-page .fb-post-actions.with-dm{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  html body .social-feed-page.sts-social-page{width:calc(100% - 16px)!important;margin-top:8px!important;}
  html body .social-feed-page .sts-social-hero{grid-template-columns:1fr!important;padding:20px!important;}
  html body .social-feed-page .sts-social-hero-card{display:none!important;}
  html body .social-feed-page .sts-social-layout-v240,
  html body .social-feed-page .sts-social-layout{grid-template-columns:1fr!important;}
  html body .social-feed-page .sts-social-left,
  html body .social-feed-page .sts-social-left-v240,
  html body .social-feed-page .sts-social-feed-main,
  html body .social-feed-page .sts-social-feed-main-v240{grid-column:1!important;position:relative!important;top:auto!important;width:100%!important;max-width:100%!important;}
}


/* ===== public/css/sts-v243-social-real-layout.css ===== */
/* =========================================================
   STS v5.6.243 - Social real layout fix
   Brings back a proper left/feed/right layout and kills oversized gaps.
   Loaded last to override older social fixes.
   ========================================================= */

html,body{max-width:100%!important;overflow-x:hidden!important;}
body:has(.social-feed-page){background:#07120c!important;}

/* Page width: do not let the feed stretch across the whole monitor */
html body .social-feed-page.sts-social-page{
  width:min(calc(100% - 40px),1420px)!important;
  max-width:1420px!important;
  margin:14px auto 56px!important;
  padding:0!important;
  overflow:visible!important;
}

/* Compact hero */
html body .social-feed-page .sts-social-hero{
  min-height:180px!important;
  height:auto!important;
  padding:28px!important;
  margin:0 0 18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 190px!important;
  gap:18px!important;
  align-items:center!important;
  overflow:hidden!important;
}
html body .social-feed-page .sts-social-hero h1{
  font-size:clamp(2.5rem,4.1vw,4.25rem)!important;
  line-height:.94!important;
  margin:12px 0 10px!important;
}
html body .social-feed-page .sts-social-hero p{margin:0!important;max-width:720px!important;}
html body .social-feed-page .sts-social-hero-actions{margin-top:18px!important;}
html body .social-feed-page .sts-social-hero-card{
  width:170px!important;
  min-height:118px!important;
  padding:18px!important;
  justify-self:end!important;
}

/* Actual page layout */
html body .social-feed-page .sts-social-layout,
html body .social-feed-page .sts-social-layout-v240{
  display:grid!important;
  grid-template-columns:210px minmax(0,1fr) 280px!important;
  gap:22px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}

html body .social-feed-page .sts-social-left,
html body .social-feed-page .sts-social-left-v240{
  grid-column:1!important;
  width:210px!important;
  max-width:210px!important;
  min-width:0!important;
  position:sticky!important;
  top:112px!important;
  z-index:5!important;
}

html body .social-feed-page .sts-social-feed-main,
html body .social-feed-page .sts-social-feed-main-v240{
  grid-column:2!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  overflow:visible!important;
}

/* Bring the right rail back properly instead of hiding/stacking it */
html body .social-feed-page .sts-social-right,
html body .social-feed-page .sts-social-right-v241{
  grid-column:3!important;
  display:block!important;
  width:280px!important;
  max-width:280px!important;
  min-width:0!important;
  position:sticky!important;
  top:112px!important;
  z-index:4!important;
}
html body .social-feed-page .sts-social-right .sts-social-widgets-v240,
html body .social-feed-page .sts-social-right .sts-social-widgets-rail-v241{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
html body .social-feed-page .sts-social-feed-main > .sts-social-widgets-v240{display:none!important;}

/* Panels */
html body .social-feed-page .sts-social-panel,
html body .social-feed-page .sts-widget-v240{
  padding:14px!important;
  border-radius:18px!important;
  margin:0 0 14px!important;
  background:rgba(10,15,25,.94)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
html body .social-feed-page .sts-social-panel h3{
  margin:0 0 10px!important;
  font-size:.82rem!important;
}
html body .social-feed-page .sts-social-panel a{
  min-height:36px!important;
  padding:0 12px!important;
}

/* Compact creator rows in right rail */
html body .social-feed-page .trend-creator{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:8px 0!important;
  min-height:48px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
html body .social-feed-page .trend-creator:last-child{border-bottom:0!important;}
html body .social-feed-page .trend-creator span:not(.avatar){min-width:0!important;}
html body .social-feed-page .trend-creator strong,
html body .social-feed-page .trend-creator small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Composer */
html body .social-feed-page .sts-composer-card,
html body .social-feed-page .sts-composer-v240{
  width:100%!important;
  min-height:62px!important;
  padding:10px 12px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
html body .social-feed-page .composer-input{
  height:40px!important;
  min-width:0!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  border-radius:999px!important;
}

/* Feed cards: compact, no giant empty space */
html body .social-feed-page .sts-feed-card,
html body .social-feed-page .sts-feed-card-v240{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:18px!important;
  border-radius:20px!important;
  display:block!important;
  overflow:hidden!important;
}
html body .social-feed-page .sts-feed-head{
  margin:0 0 10px!important;
  gap:10px!important;
  align-items:center!important;
}
html body .social-feed-page .avatar.mini{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
}
html body .social-feed-page .sts-feed-body{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
}
html body .social-feed-page .sts-feed-body h2{
  font-size:clamp(1.4rem,2vw,2rem)!important;
  line-height:1.04!important;
  margin:2px 0 8px!important;
  letter-spacing:-.04em!important;
}
html body .social-feed-page .sts-feed-body p{
  margin:0 0 10px!important;
  line-height:1.4!important;
}
html body .social-feed-page .sts-feed-stats{
  margin:10px 0!important;
  padding:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  font-size:.9rem!important;
}
html body .social-feed-page .reaction-summary{margin:0!important;min-height:0!important;}
html body .social-feed-page .sts-feed-media.sts-live-preview{display:none!important;}

/* Watch Live is a pill, not a full bar */
html body .social-feed-page .fb-live-link-bar{
  width:auto!important;
  max-width:max-content!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:10px 0!important;
  padding:0!important;
  display:inline-flex!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
html body .social-feed-page .fb-live-link-bar a{
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

/* Action buttons fit the card */
html body .social-feed-page .fb-post-actions,
html body .social-feed-page .fb-post-actions.with-dm,
html body .social-feed-page .sts-feed-actions{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:12px 0 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
}
html body .social-feed-page .fb-post-actions > a,
html body .social-feed-page .fb-post-actions > details,
html body .social-feed-page .fb-post-actions summary{
  min-width:0!important;
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
html body .social-feed-page .fb-post-actions details form{
  position:absolute!important;
  z-index:60!important;
  width:min(280px,90vw)!important;
}

/* Medium screens: keep left + feed, put widgets above feed in a tight rail */
@media(max-width:1250px){
  html body .social-feed-page.sts-social-page{width:calc(100% - 28px)!important;}
  html body .social-feed-page .sts-social-layout,
  html body .social-feed-page .sts-social-layout-v240{
    grid-template-columns:205px minmax(0,1fr)!important;
    gap:18px!important;
  }
  html body .social-feed-page .sts-social-left,
  html body .social-feed-page .sts-social-left-v240{width:205px!important;max-width:205px!important;}
  html body .social-feed-page .sts-social-right,
  html body .social-feed-page .sts-social-right-v241{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
  }
  html body .social-feed-page .sts-social-right .sts-social-widgets-v240,
  html body .social-feed-page .sts-social-right .sts-social-widgets-rail-v241{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
  html body .social-feed-page .sts-social-feed-main,
  html body .social-feed-page .sts-social-feed-main-v240{grid-column:2!important;grid-row:2!important;}
}

@media(max-width:860px){
  html body .social-feed-page.sts-social-page{width:calc(100% - 16px)!important;margin-top:8px!important;}
  html body .social-feed-page .sts-social-hero{grid-template-columns:1fr!important;padding:20px!important;}
  html body .social-feed-page .sts-social-hero-card{display:none!important;}
  html body .social-feed-page .sts-social-layout,
  html body .social-feed-page .sts-social-layout-v240{grid-template-columns:1fr!important;gap:14px!important;}
  html body .social-feed-page .sts-social-left,
  html body .social-feed-page .sts-social-left-v240,
  html body .social-feed-page .sts-social-feed-main,
  html body .social-feed-page .sts-social-feed-main-v240,
  html body .social-feed-page .sts-social-right,
  html body .social-feed-page .sts-social-right-v241{
    grid-column:1!important;
    grid-row:auto!important;
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
  }
  html body .social-feed-page .sts-social-right .sts-social-widgets-v240,
  html body .social-feed-page .sts-social-right .sts-social-widgets-rail-v241{grid-template-columns:1fr!important;}
  html body .social-feed-page .fb-post-actions,
  html body .social-feed-page .fb-post-actions.with-dm{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* ===== public/css/sts-v244-social-drops-size.css ===== */
/* =========================================================
   STS v5.6.244 - Social page drops-size layout
   Makes /social match the Drops page sizing: centred, tighter,
   proper left / feed / right columns with no giant full-width feed.
   ========================================================= */

html,body{max-width:100%!important;overflow-x:hidden!important;}
body:has(.social-feed-page){background:#050b08!important;}

/* Same feel/width as the Drops page */
html body .social-feed-page.sts-social-page{
  width:min(calc(100vw - 44px),1524px)!important;
  max-width:1524px!important;
  margin:12px auto 54px!important;
  padding:0!important;
  overflow:visible!important;
}

html body .social-feed-page.sts-social-page *{box-sizing:border-box!important;}

/* Compact hero so the feed starts higher */
html body .social-feed-page .sts-social-hero{
  width:100%!important;
  min-height:250px!important;
  max-height:290px!important;
  padding:30px 34px!important;
  margin:0 0 18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 210px!important;
  gap:20px!important;
  align-items:center!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
html body .social-feed-page .sts-social-hero h1{
  font-size:clamp(3.1rem,4.2vw,4.65rem)!important;
  line-height:.9!important;
  margin:12px 0 10px!important;
  letter-spacing:-.075em!important;
}
html body .social-feed-page .sts-social-hero p{max-width:700px!important;margin:0!important;}
html body .social-feed-page .sts-social-hero-actions{margin-top:18px!important;display:flex!important;gap:12px!important;}
html body .social-feed-page .sts-social-hero-actions .site-btn{height:46px!important;padding:0 24px!important;}
html body .social-feed-page .sts-social-hero-card{
  width:180px!important;
  min-height:128px!important;
  justify-self:end!important;
  padding:18px!important;
}

/* Drops-size three column shell */
html body .social-feed-page .sts-social-layout,
html body .social-feed-page .sts-social-layout-v240{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:270px minmax(0, 890px) 310px!important;
  gap:18px!important;
  align-items:start!important;
  justify-content:center!important;
  overflow:visible!important;
}

html body .social-feed-page .sts-social-left,
html body .social-feed-page .sts-social-left-v240{
  grid-column:1!important;
  width:270px!important;
  max-width:270px!important;
  min-width:0!important;
  position:sticky!important;
  top:108px!important;
  z-index:4!important;
}

html body .social-feed-page .sts-social-feed-main,
html body .social-feed-page .sts-social-feed-main-v240{
  grid-column:2!important;
  width:100%!important;
  max-width:890px!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  overflow:visible!important;
}

html body .social-feed-page .sts-social-right,
html body .social-feed-page .sts-social-right-v241{
  grid-column:3!important;
  width:310px!important;
  max-width:310px!important;
  min-width:0!important;
  display:block!important;
  position:sticky!important;
  top:108px!important;
  z-index:3!important;
}
html body .social-feed-page .sts-social-right .sts-social-widgets-v240,
html body .social-feed-page .sts-social-right .sts-social-widgets-rail-v241{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}
html body .social-feed-page .sts-social-feed-main > .sts-social-widgets-v240,
html body .social-feed-page .sts-social-feed-main > .sts-social-widgets-rail-v241{display:none!important;}

/* Panels match Drops cards */
html body .social-feed-page .sts-social-panel,
html body .social-feed-page .sts-widget-v240{
  width:100%!important;
  margin:0 0 18px!important;
  padding:16px!important;
  border-radius:16px!important;
  background:rgba(12,16,26,.96)!important;
  border:1px solid rgba(139,62,255,.35)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body .social-feed-page .sts-social-panel h3{
  margin:0 0 12px!important;
  font-size:.82rem!important;
  letter-spacing:.12em!important;
}
html body .social-feed-page .sts-social-panel a{min-height:38px!important;padding:0 12px!important;}
html body .social-feed-page .social-stat{padding:9px 0!important;}

/* Composer */
html body .social-feed-page .sts-composer-card,
html body .social-feed-page .sts-composer-v240{
  width:100%!important;
  max-width:100%!important;
  min-height:66px!important;
  padding:10px 14px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  border-radius:17px!important;
  overflow:hidden!important;
}
html body .social-feed-page .composer-input{height:42px!important;display:flex!important;align-items:center!important;min-width:0!important;}
html body .social-feed-page .composer-action{height:38px!important;min-width:70px!important;}

/* Feed card should be compact like drops centre card, not huge full screen */
html body .social-feed-page .sts-feed-card,
html body .social-feed-page .sts-feed-card-v240{
  width:100%!important;
  max-width:890px!important;
  min-width:0!important;
  margin:0!important;
  padding:18px!important;
  border-radius:18px!important;
  display:block!important;
  overflow:hidden!important;
  background:rgba(10,15,25,.96)!important;
  border:1px solid rgba(255,40,120,.35)!important;
}
html body .social-feed-page .sts-feed-head{margin:0 0 10px!important;gap:10px!important;align-items:center!important;}
html body .social-feed-page .avatar.mini{width:44px!important;height:44px!important;min-width:44px!important;}
html body .social-feed-page .sts-feed-body{margin:0!important;padding:0!important;min-height:0!important;}
html body .social-feed-page .sts-feed-body h2{
  font-size:clamp(1.55rem,2vw,2.05rem)!important;
  line-height:1.05!important;
  margin:4px 0 8px!important;
  letter-spacing:-.045em!important;
}
html body .social-feed-page .sts-feed-body p{margin:0 0 10px!important;line-height:1.4!important;}
html body .social-feed-page .sts-feed-stats{margin:10px 0!important;display:flex!important;gap:12px!important;flex-wrap:wrap!important;}
html body .social-feed-page .reaction-summary{margin:0!important;min-height:0!important;}
html body .social-feed-page .sts-feed-media.sts-live-preview{display:none!important;}

/* Watch live button as a pill */
html body .social-feed-page .fb-live-link-bar{
  width:auto!important;
  max-width:max-content!important;
  display:inline-flex!important;
  margin:10px 0!important;
  padding:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
html body .social-feed-page .fb-live-link-bar a{
  width:auto!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

/* Keep action buttons inside the 890px card */
html body .social-feed-page .fb-post-actions,
html body .social-feed-page .fb-post-actions.with-dm,
html body .social-feed-page .sts-feed-actions{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:12px 0 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:hidden!important;
}
html body .social-feed-page .fb-post-actions > a,
html body .social-feed-page .fb-post-actions > details,
html body .social-feed-page .fb-post-actions summary{
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
html body .social-feed-page .fb-post-actions details form{position:absolute!important;z-index:80!important;width:min(280px,90vw)!important;}

/* Right rail rows */
html body .social-feed-page .trend-creator{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  min-height:52px!important;
  padding:8px 0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
html body .social-feed-page .trend-creator:last-child{border-bottom:0!important;}
html body .social-feed-page .trend-creator span:not(.avatar){min-width:0!important;}
html body .social-feed-page .trend-creator strong,
html body .social-feed-page .trend-creator small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
html body .social-feed-page .tag-cloud{display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
html body .social-feed-page .tag-cloud a{min-height:32px!important;padding:0 12px!important;}

@media(max-width:1420px){
  html body .social-feed-page.sts-social-page{width:calc(100vw - 28px)!important;}
  html body .social-feed-page .sts-social-layout,
  html body .social-feed-page .sts-social-layout-v240{
    grid-template-columns:240px minmax(0,1fr) 280px!important;
    gap:16px!important;
  }
  html body .social-feed-page .sts-social-left,
  html body .social-feed-page .sts-social-left-v240{width:240px!important;max-width:240px!important;}
  html body .social-feed-page .sts-social-feed-main,
  html body .social-feed-page .sts-social-feed-main-v240,
  html body .social-feed-page .sts-feed-card,
  html body .social-feed-page .sts-feed-card-v240{max-width:100%!important;}
  html body .social-feed-page .sts-social-right,
  html body .social-feed-page .sts-social-right-v241{width:280px!important;max-width:280px!important;}
}

@media(max-width:1120px){
  html body .social-feed-page .sts-social-layout,
  html body .social-feed-page .sts-social-layout-v240{grid-template-columns:220px minmax(0,1fr)!important;}
  html body .social-feed-page .sts-social-right,
  html body .social-feed-page .sts-social-right-v241{display:none!important;}
}

@media(max-width:780px){
  html body .social-feed-page.sts-social-page{width:calc(100vw - 16px)!important;margin-top:8px!important;}
  html body .social-feed-page .sts-social-hero{grid-template-columns:1fr!important;min-height:0!important;padding:20px!important;}
  html body .social-feed-page .sts-social-hero-card{display:none!important;}
  html body .social-feed-page .sts-social-layout,
  html body .social-feed-page .sts-social-layout-v240{grid-template-columns:1fr!important;gap:14px!important;}
  html body .social-feed-page .sts-social-left,
  html body .social-feed-page .sts-social-left-v240,
  html body .social-feed-page .sts-social-feed-main,
  html body .social-feed-page .sts-social-feed-main-v240{grid-column:1!important;width:100%!important;max-width:100%!important;position:relative!important;top:auto!important;}
  html body .social-feed-page .fb-post-actions,
  html body .social-feed-page .fb-post-actions.with-dm{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* ===== public/css/sts-v245-social-composer-width-fix.css ===== */
/* =========================================================
   STS v5.6.245 - Social composer width fix
   Keeps the "What's happening" bar inside the social page shell
   instead of stretching across the whole browser.
   ========================================================= */

html body .social-feed-page.sts-social-page{
  width:min(calc(100vw - 44px),1424px)!important;
  max-width:1424px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:visible!important;
}

html body .social-feed-page .sts-social-layout,
html body .social-feed-page .sts-social-layout-v240{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:250px minmax(0,820px) 300px!important;
  gap:18px!important;
  justify-content:center!important;
  align-items:start!important;
}

html body .social-feed-page .sts-social-feed-main,
html body .social-feed-page .sts-social-feed-main-v240{
  grid-column:2!important;
  width:100%!important;
  max-width:820px!important;
  min-width:0!important;
  overflow:visible!important;
}

html body .social-feed-page .sts-composer-card,
html body .social-feed-page .sts-composer-v240{
  width:100%!important;
  max-width:820px!important;
  min-width:0!important;
  margin:0 0 16px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  overflow:hidden!important;
}

html body .social-feed-page .sts-composer-card .composer-input,
html body .social-feed-page .sts-composer-v240 .composer-input{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:42px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body .social-feed-page .sts-composer-card .composer-action,
html body .social-feed-page .sts-composer-v240 .composer-action{
  display:none!important;
}

html body .social-feed-page .sts-feed-card,
html body .social-feed-page .sts-feed-card-v240{
  width:100%!important;
  max-width:820px!important;
  min-width:0!important;
  margin:0 0 16px!important;
}

html body .social-feed-page .sts-social-left,
html body .social-feed-page .sts-social-left-v240{
  grid-column:1!important;
  width:250px!important;
  max-width:250px!important;
}

html body .social-feed-page .sts-social-right,
html body .social-feed-page .sts-social-right-v241{
  grid-column:3!important;
  width:300px!important;
  max-width:300px!important;
}

@media(max-width:1260px){
  html body .social-feed-page.sts-social-page{width:calc(100vw - 24px)!important;}
  html body .social-feed-page .sts-social-layout,
  html body .social-feed-page .sts-social-layout-v240{
    grid-template-columns:220px minmax(0,1fr)!important;
  }
  html body .social-feed-page .sts-social-right,
  html body .social-feed-page .sts-social-right-v241{display:none!important;}
  html body .social-feed-page .sts-social-feed-main,
  html body .social-feed-page .sts-social-feed-main-v240,
  html body .social-feed-page .sts-composer-card,
  html body .social-feed-page .sts-composer-v240,
  html body .social-feed-page .sts-feed-card,
  html body .social-feed-page .sts-feed-card-v240{max-width:100%!important;}
}

@media(max-width:780px){
  html body .social-feed-page .sts-social-layout,
  html body .social-feed-page .sts-social-layout-v240{grid-template-columns:1fr!important;}
  html body .social-feed-page .sts-social-left,
  html body .social-feed-page .sts-social-left-v240{width:100%!important;max-width:100%!important;position:relative!important;top:auto!important;}
}


/* STS v5.6.246 - Neon featured carousel rebuild to match new STS homepage mock */
html body.streamx-v5.twitch-v53 .sts-tv-home{
  background:
    radial-gradient(circle at 50% 0%,rgba(139,32,255,.24),transparent 34%),
    radial-gradient(circle at 18% 22%,rgba(68,255,62,.08),transparent 24%),
    linear-gradient(180deg,#05020b 0%,#090411 42%,#05020a 100%)!important;
}
html body.streamx-v5.twitch-v53 .sts-tv-main{
  max-width:1480px!important;
  margin:0 auto!important;
  padding:14px 22px 40px!important;
}
html body.streamx-v5.twitch-v53 .sts-live-showcase{
  width:100%!important;
  max-width:1380px!important;
  margin:10px auto 24px!important;
  padding:10px 0 6px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body.streamx-v5.twitch-v53 .sts-live-main-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 270px!important;
  gap:22px!important;
  min-height:372px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview-stack{
  position:relative!important;
  min-height:372px!important;
  border-radius:30px!important;
  border:1px solid rgba(201,89,255,.85)!important;
  background:#090411!important;
  box-shadow:0 0 0 1px rgba(114,21,255,.34),0 0 34px rgba(174,0,255,.44),inset 0 0 42px rgba(141,58,255,.16)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview-stack::before,
html body.streamx-v5.twitch-v53 .sts-live-preview-stack::after{
  content:''!important;
  position:absolute!important;
  z-index:4!important;
  pointer-events:none!important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview-stack::before{
  inset:10px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 0 26px rgba(148,36,255,.32)!important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview-stack::after{
  inset:auto 18px -7px 18px!important;
  height:18px!important;
  background:linear-gradient(90deg,transparent,rgba(162,0,255,.85),transparent)!important;
  filter:blur(5px)!important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:scale(1.025)!important;
  transition:opacity .32s ease,transform .6s ease!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:#08020e!important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview.active{
  opacity:1!important;
  visibility:visible!important;
  transform:scale(1)!important;
}
html body.streamx-v5.twitch-v53 .sts-live-video-preview,
html body.streamx-v5.twitch-v53 .sts-live-poster-fallback{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:saturate(1.18) contrast(1.08) brightness(.82)!important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    radial-gradient(circle at 78% 50%,transparent 0 22%,rgba(7,2,15,.18) 42%,rgba(7,2,15,.74) 100%),
    linear-gradient(90deg,rgba(5,1,11,.92) 0%,rgba(5,1,11,.65) 31%,rgba(5,1,11,.12) 66%,rgba(5,1,11,.82) 100%),
    linear-gradient(180deg,rgba(111,0,255,.16),transparent 44%,rgba(5,1,11,.88) 100%)!important;
  pointer-events:none!important;
}
html body.streamx-v5.twitch-v53 .sts-preview-status{
  position:absolute!important;
  z-index:5!important;
  left:42px!important;
  top:94px!important;
  color:#58ff42!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-shadow:0 0 12px rgba(75,255,51,.55)!important;
}
html body.streamx-v5.twitch-v53 .sts-live-badge{
  top:28px!important;
  left:28px!important;
  z-index:5!important;
  border:0!important;
  background:#ff0c60!important;
  color:#fff!important;
  padding:9px 12px!important;
  border-radius:10px!important;
  box-shadow:0 0 22px rgba(255,0,106,.45)!important;
}
html body.streamx-v5.twitch-v53 .sts-viewer-badge{
  right:26px!important;
  top:24px!important;
  bottom:auto!important;
  z-index:5!important;
  background:rgba(8,4,16,.72)!important;
  border:1px solid rgba(86,255,70,.5)!important;
  color:#bfffc2!important;
  border-radius:999px!important;
}
html body.streamx-v5.twitch-v53 .sts-live-play{display:none!important;}
html body.streamx-v5.twitch-v53 .sts-hero-copy{
  position:absolute!important;
  z-index:6!important;
  left:42px!important;
  bottom:34px!important;
  width:min(520px,62%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
  color:#fff!important;
  pointer-events:none!important;
}
html body.streamx-v5.twitch-v53 .sts-hero-copy em{
  color:#7cff44!important;
  font-style:normal!important;
  font-weight:1000!important;
  font-size:12px!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
html body.streamx-v5.twitch-v53 .sts-hero-copy strong{
  font-size:clamp(32px,4.5vw,58px)!important;
  line-height:.92!important;
  max-width:620px!important;
  text-transform:uppercase!important;
  font-weight:1000!important;
  letter-spacing:-.04em!important;
  text-shadow:0 4px 24px rgba(0,0,0,.65)!important;
}
html body.streamx-v5.twitch-v53 .sts-hero-copy small{
  font-size:15px!important;
  color:#e9defc!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}
html body.streamx-v5.twitch-v53 .sts-hero-copy b{
  margin-top:6px!important;
  display:inline-grid!important;
  place-items:center!important;
  min-height:38px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:#59ff2e!important;
  color:#041205!important;
  font-weight:1000!important;
  box-shadow:0 0 20px rgba(89,255,46,.42)!important;
}
html body.streamx-v5.twitch-v53 .sts-live-details{
  display:block!important;
  min-height:372px!important;
  padding:18px!important;
  border-radius:28px!important;
  border:1px solid rgba(180,42,255,.72)!important;
  background:linear-gradient(180deg,rgba(16,7,28,.96),rgba(8,3,14,.98))!important;
  box-shadow:0 0 25px rgba(157,34,255,.38),inset 0 0 26px rgba(68,255,58,.04)!important;
  overflow:hidden!important;
}
html body.streamx-v5.twitch-v53 .sts-live-detail{display:none!important;min-height:100%!important;text-align:center!important;}
html body.streamx-v5.twitch-v53 .sts-live-detail.active{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:11px!important;}
html body.streamx-v5.twitch-v53 .sts-live-creator-row{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;}
html body.streamx-v5.twitch-v53 .sts-live-creator-row img{
  width:126px!important;height:126px!important;border-radius:50%!important;object-fit:cover!important;
  border:3px solid #64ff43!important;box-shadow:0 0 0 7px rgba(91,255,61,.12),0 0 34px rgba(91,255,61,.45)!important;
}
html body.streamx-v5.twitch-v53 .sts-showcase-name{font-size:18px!important;color:#fff!important;text-transform:uppercase!important;justify-content:center!important;}
html body.streamx-v5.twitch-v53 .sts-live-creator-row small{color:#bcb2d2!important;font-weight:800!important;}
html body.streamx-v5.twitch-v53 .sts-live-detail p{margin:4px 0!important;color:#ded6eb!important;font-size:13px!important;line-height:1.35!important;max-width:220px!important;}
html body.streamx-v5.twitch-v53 .sts-live-meta-line{display:flex!important;gap:12px!important;justify-content:center!important;color:#63ff42!important;font-weight:1000!important;font-size:12px!important;}
html body.streamx-v5.twitch-v53 .sts-watch-earn{
  margin-top:8px!important;width:100%!important;max-width:210px!important;text-align:center!important;border-radius:12px!important;
  padding:12px 14px!important;background:rgba(131,35,255,.12)!important;border:1px solid rgba(175,63,255,.55)!important;color:#d9bbff!important;text-decoration:none!important;font-weight:1000!important;
}
html body.streamx-v5.twitch-v53 .sts-whos-live-title{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;
  margin:22px 0 14px!important;color:#5cff3b!important;font-weight:1000!important;text-shadow:0 0 16px rgba(92,255,59,.55)!important;
}
html body.streamx-v5.twitch-v53 .sts-whos-live-title span{height:1px!important;width:118px!important;background:linear-gradient(90deg,transparent,rgba(166,40,255,.85),transparent)!important;}
html body.streamx-v5.twitch-v53 .sts-live-thumb-rail{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:22px!important;
  min-height:176px!important;
  padding:0 42px 10px!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.streamx-v5.twitch-v53 .sts-live-thumb{
  display:none!important;
  position:relative!important;
  width:132px!important;
  height:158px!important;
  min-width:132px!important;
  padding:0!important;
  border:0!important;
  border-radius:30px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  cursor:pointer!important;
}
html body.streamx-v5.twitch-v53 .sts-live-thumb.rail-visible{display:block!important;}
html body.streamx-v5.twitch-v53 .sts-live-mini-video{display:none!important;}
html body.streamx-v5.twitch-v53 .sts-live-mini-bg{
  position:absolute!important;left:50%!important;top:3px!important;transform:translateX(-50%)!important;
  width:108px!important;height:108px!important;border-radius:50%!important;object-fit:cover!important;
  border:3px solid rgba(124,39,255,.92)!important;
  box-shadow:0 0 0 6px rgba(115,24,255,.16),0 0 24px rgba(128,29,255,.72)!important;
  filter:saturate(1.12)!important;
}
html body.streamx-v5.twitch-v53 .sts-live-thumb.active .sts-live-mini-bg{
  border-color:#61ff3b!important;box-shadow:0 0 0 7px rgba(81,255,50,.18),0 0 28px rgba(81,255,50,.78)!important;
}
html body.streamx-v5.twitch-v53 .sts-live-thumb::after{
  content:''!important;position:absolute!important;left:8px!important;right:8px!important;top:48px!important;height:88px!important;border-radius:22px!important;
  border:1px solid rgba(157,47,255,.52)!important;background:linear-gradient(180deg,rgba(16,8,30,.4),rgba(9,4,17,.95))!important;z-index:-1!important;
  box-shadow:0 0 20px rgba(130,35,255,.32)!important;
}
html body.streamx-v5.twitch-v53 .sts-live-mini-live{
  position:absolute!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;z-index:3!important;
  background:#ff105f!important;color:#fff!important;border-radius:7px!important;padding:4px 9px!important;font-size:10px!important;font-weight:1000!important;
}
html body.streamx-v5.twitch-v53 .sts-live-mini-viewers{display:none!important;}
html body.streamx-v5.twitch-v53 .sts-live-mini-meta{
  position:absolute!important;left:0!important;right:0!important;top:116px!important;z-index:2!important;display:block!important;text-align:center!important;color:#fff!important;
}
html body.streamx-v5.twitch-v53 .sts-live-mini-meta img{display:none!important;}
html body.streamx-v5.twitch-v53 .sts-live-mini-meta b{display:block!important;font-size:12px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body.streamx-v5.twitch-v53 .sts-live-mini-meta small{display:block!important;font-size:10px!important;color:#75ff5a!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
@media(max-width:1100px){
  html body.streamx-v5.twitch-v53 .sts-live-main-card{grid-template-columns:1fr!important;}
  html body.streamx-v5.twitch-v53 .sts-live-details{min-height:230px!important;}
}
@media(max-width:760px){
  html body.streamx-v5.twitch-v53 .sts-tv-main{padding:10px 10px 30px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-preview-stack{min-height:250px!important;border-radius:20px!important;}
  html body.streamx-v5.twitch-v53 .sts-hero-copy{left:20px!important;bottom:22px!important;width:78%!important;}
  html body.streamx-v5.twitch-v53 .sts-hero-copy strong{font-size:28px!important;}
  html body.streamx-v5.twitch-v53 .sts-preview-status{left:20px!important;top:70px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-thumb-rail{gap:12px!important;padding-inline:2px!important;flex-wrap:wrap!important;}
  html body.streamx-v5.twitch-v53 .sts-live-thumb{width:104px!important;min-width:104px!important;height:142px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-mini-bg{width:88px!important;height:88px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-mini-meta{top:100px!important;}
}

/* STS v5.6.247 - Carousel viewport cutoff fix
   Keeps the neon carousel inside the visible page and removes the hidden left-column width
   that was pushing the streamer spotlight off the right side. */
html,
body{
  max-width:100%!important;
  overflow-x:hidden!important;
}
html body.streamx-v5.twitch-v53 .page.v5-page,
html body.streamx-v5.twitch-v53 main.page.v5-page{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
html body.streamx-v5.twitch-v53 .sts-tv-home{
  width:100%!important;
  max-width:100%!important;
  display:block!important;
  grid-template-columns:none!important;
  overflow-x:hidden!important;
}
html body.streamx-v5.twitch-v53 .sts-tv-sidebar,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel{
  display:none!important;
}
html body.streamx-v5.twitch-v53 .sts-tv-main{
  width:100%!important;
  max-width:1480px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:14px clamp(12px,2vw,22px) 44px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body.streamx-v5.twitch-v53 .sts-live-showcase{
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body.streamx-v5.twitch-v53 .sts-live-main-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) minmax(235px,270px)!important;
  gap:20px!important;
  box-sizing:border-box!important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview-stack,
html body.streamx-v5.twitch-v53 .sts-live-details{
  min-width:0!important;
  box-sizing:border-box!important;
}
html body.streamx-v5.twitch-v53 .sts-live-details{
  width:100%!important;
  max-width:270px!important;
}
html body.streamx-v5.twitch-v53 .sts-live-thumb-rail{
  max-width:100%!important;
  box-sizing:border-box!important;
  padding-left:12px!important;
  padding-right:12px!important;
  overflow:visible!important;
}
@media(max-width:1180px){
  html body.streamx-v5.twitch-v53 .sts-live-main-card{
    grid-template-columns:1fr!important;
  }
  html body.streamx-v5.twitch-v53 .sts-live-details{
    max-width:none!important;
    min-height:220px!important;
  }
}
@media(max-width:760px){
  html body.streamx-v5.twitch-v53 .sts-tv-main{
    padding:10px 10px 34px!important;
  }
  html body.streamx-v5.twitch-v53 .sts-live-main-card{
    gap:14px!important;
  }
}

/* STS v5.6.248 - homepage carousel top alignment + no sidebar overlay
   Fixes the carousel starting too low, removes the old left rail from the main homepage,
   keeps the featured carousel inside the viewport, and restores visible live thumbnail cards. */
html body.streamx-v5.twitch-v53,
html body.streamx-v5.twitch-v53 .page.v5-page,
html body.streamx-v5.twitch-v53 main.page.v5-page{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}
html body.streamx-v5.twitch-v53 .sts-tv-home{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:8px 0 70px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body.streamx-v5.twitch-v53 .sts-tv-sidebar,
html body.streamx-v5.twitch-v53 .sts-fresh-left-panel,
html body.streamx-v5.twitch-v53 .sts-left-brand-card,
html body.streamx-v5.twitch-v53 .side-group{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html body.streamx-v5.twitch-v53 .sts-tv-main{
  width:min(100% - 48px, 1500px)!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body.streamx-v5.twitch-v53 .sts-live-showcase{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto 42px!important;
  padding:0!important;
  overflow:visible!important;
}
html body.streamx-v5.twitch-v53 .sts-live-main-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 280px!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:405px!important;
  height:auto!important;
  overflow:visible!important;
  border-radius:26px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.streamx-v5.twitch-v53 .sts-live-preview-stack{
  min-height:405px!important;
  height:405px!important;
  min-width:0!important;
  border-radius:26px!important;
  overflow:hidden!important;
  border:1px solid rgba(179,54,255,.95)!important;
  box-shadow:0 0 0 1px rgba(80,255,25,.10) inset,0 0 40px rgba(169,36,255,.34),0 28px 80px rgba(0,0,0,.55)!important;
  background:#05020b!important;
}
html body.streamx-v5.twitch-v53 .sts-live-details{
  width:280px!important;
  max-width:280px!important;
  min-width:0!important;
  min-height:405px!important;
  border-radius:26px!important;
  overflow:hidden!important;
  border:1px solid rgba(179,54,255,.85)!important;
  background:radial-gradient(circle at 50% 18%,rgba(80,255,25,.18),transparent 34%),linear-gradient(180deg,rgba(12,4,22,.96),rgba(5,2,12,.98))!important;
  box-shadow:0 0 34px rgba(168,64,255,.22),0 18px 55px rgba(0,0,0,.48)!important;
  padding:28px 22px!important;
  box-sizing:border-box!important;
}
html body.streamx-v5.twitch-v53 .sts-hero-copy{
  left:36px!important;
  bottom:44px!important;
  max-width:min(620px,70%)!important;
}
html body.streamx-v5.twitch-v53 .sts-hero-copy strong{
  font-size:clamp(38px,4.3vw,68px)!important;
  line-height:.92!important;
}
html body.streamx-v5.twitch-v53 .sts-whos-live-title{
  margin:26px auto 18px!important;
  max-width:520px!important;
}
html body.streamx-v5.twitch-v53 .sts-live-thumb-rail,
html body.streamx-v5.twitch-v53 .sts-live-card-rail{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:18px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  max-width:100%!important;
  min-height:160px!important;
  margin:0 auto!important;
  padding:0 6px 10px!important;
  overflow:visible!important;
}
html body.streamx-v5.twitch-v53 .sts-live-thumb,
html body.streamx-v5.twitch-v53 .sts-live-mini-card{
  display:block!important;
  width:122px!important;
  min-width:122px!important;
  max-width:122px!important;
  height:150px!important;
  min-height:150px!important;
  border-radius:24px!important;
  opacity:1!important;
  overflow:hidden!important;
  background:#07030d!important;
}
html body.streamx-v5.twitch-v53 .sts-live-mini-card:not(.video-ready) .sts-live-mini-bg,
html body.streamx-v5.twitch-v53 .sts-live-mini-bg{
  opacity:1!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:saturate(1.08) contrast(1.1) brightness(.72)!important;
}
html body.streamx-v5.twitch-v53 .sts-live-mini-card.mini-preview-failed{
  display:block!important;
}
html body.streamx-v5.twitch-v53 .sts-live-mini-meta{
  left:10px!important;
  right:10px!important;
  bottom:10px!important;
}
html body.streamx-v5.twitch-v53 .tv-bottom-grid,
html body.streamx-v5.twitch-v53 .tv-row-section{
  width:100%!important;
  max-width:1500px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:1280px){
  html body.streamx-v5.twitch-v53 .sts-tv-main{width:min(100% - 28px,1180px)!important;}
  html body.streamx-v5.twitch-v53 .sts-live-main-card{grid-template-columns:minmax(0,1fr) 250px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-details{width:250px!important;max-width:250px!important;}
}
@media(max-width:980px){
  html body.streamx-v5.twitch-v53 .sts-tv-home{padding:10px 0 60px!important;}
  html body.streamx-v5.twitch-v53 .sts-tv-main{width:calc(100% - 20px)!important;}
  html body.streamx-v5.twitch-v53 .sts-live-main-card{grid-template-columns:1fr!important;gap:14px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-preview-stack{height:330px!important;min-height:330px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-details{width:100%!important;max-width:100%!important;min-height:220px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-thumb-rail{justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:14px!important;}
}
@media(max-width:640px){
  html body.streamx-v5.twitch-v53 .sts-live-preview-stack{height:260px!important;min-height:260px!important;border-radius:20px!important;}
  html body.streamx-v5.twitch-v53 .sts-hero-copy{left:20px!important;bottom:26px!important;max-width:82%!important;}
  html body.streamx-v5.twitch-v53 .sts-hero-copy strong{font-size:32px!important;}
  html body.streamx-v5.twitch-v53 .sts-live-thumb{width:106px!important;min-width:106px!important;height:136px!important;}
}