/* STS v5.6.235 - true mobile responsive rebuild */
@media (max-width: 860px){
  :root{--sts-mobile-header:54px;}
  *{box-sizing:border-box;}
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:#050507!important;}
  body{font-size:14px!important;padding:0!important;margin:0!important;}

  /* Header becomes app bar */
  .tw-topbar.sts-glass-nav,.sts-mockup-header{
    height:var(--sts-mobile-header)!important;min-height:var(--sts-mobile-header)!important;
    padding:6px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    background:#050507!important;border-bottom:1px solid rgba(255,255,255,.08)!important;overflow:visible!important;
  }
  .sts-mock-left{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex:1!important;}
  .sts-mock-brand{display:flex!important;align-items:center!important;min-width:0!important;max-width:185px!important;overflow:hidden!important;}
  .sts-mock-brand img{width:auto!important;max-width:175px!important;height:34px!important;object-fit:contain!important;object-position:left center!important;}
  .sts-mock-nav,.sts-mock-search,.tw-search,.sts-nav-search{display:none!important;}
  .sts-account-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:6px!important;}
  .sts-account-menu-button{width:38px!important;height:38px!important;min-width:38px!important;padding:3px!important;border-radius:12px!important;}
  .sts-account-avatar,.sts-account-avatar img{width:30px!important;height:30px!important;}
  .sts-account-name,.sts-account-caret{display:none!important;}
  .tw-btn{padding:8px 10px!important;font-size:12px!important;min-height:34px!important;}

  .sts-mobile-menu-btn{display:flex!important;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0d0d12;color:#fff;font-size:20px;font-weight:900;margin-right:4px;}
  .sts-mobile-nav-panel{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.72);display:none;}
  body.sts-mobile-nav-open .sts-mobile-nav-panel{display:block;}
  .sts-mobile-nav-card{position:absolute;left:10px;right:10px;top:calc(var(--sts-mobile-header) + 8px);background:#08080c;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px;box-shadow:0 24px 80px rgba(0,0,0,.7);}
  .sts-mobile-nav-card a{display:flex;align-items:center;justify-content:space-between;padding:13px 12px;border-radius:12px;color:#fff;text-decoration:none;font-weight:900;border:1px solid rgba(255,255,255,.06);background:#101016;margin-bottom:8px;}
  .sts-mobile-nav-card a:active{transform:scale(.98);}

  /* Hide desktop left rail on phones */
  .sts-tv-home{display:block!important;width:100%!important;max-width:100%!important;padding:8px!important;margin:0!important;overflow:hidden!important;}
  .sts-tv-sidebar,.sts-fresh-left-panel{display:none!important;}
  .sts-tv-main{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;min-width:0!important;}

  /* Ticker compact */
  .crypto-ticker,.sts-crypto-ticker{height:28px!important;max-height:28px!important;font-size:12px!important;overflow:hidden!important;}

  /* Homepage hero: no giant desktop preview */
  .sts-live-showcase{margin:8px 0 12px!important;padding:0!important;width:100%!important;max-width:100%!important;}
  .sts-live-main-card{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;border-radius:16px!important;overflow:hidden!important;background:#08080c!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:none!important;}
  .sts-live-preview-stack{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;border-radius:0!important;overflow:hidden!important;}
  .sts-live-preview{width:100%!important;height:100%!important;min-height:0!important;display:block!important;border-radius:0!important;}
  .sts-live-preview video,.sts-live-preview img,.sts-live-poster-fallback{width:100%!important;height:100%!important;object-fit:cover!important;}
  .sts-live-play{width:52px!important;height:52px!important;font-size:22px!important;}
  .sts-live-badge,.sts-preview-status,.sts-viewer-badge{font-size:10px!important;padding:5px 8px!important;border-radius:10px!important;}
  .sts-preview-status{display:none!important;}

  .sts-live-details{width:100%!important;max-width:100%!important;padding:12px!important;border-left:0!important;background:#0a0a0f!important;min-height:0!important;}
  .sts-live-detail{display:none!important;}
  .sts-live-detail.active{display:block!important;}
  .sts-live-creator-row{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:8px!important;}
  .sts-live-creator-row img{width:52px!important;height:52px!important;min-width:52px!important;border-radius:50%!important;}
  .sts-showcase-name{font-size:18px!important;line-height:1.1!important;display:flex!important;align-items:center!important;gap:6px!important;}
  .sts-live-detail p{font-size:13px!important;line-height:1.35!important;margin:8px 0!important;max-height:38px!important;overflow:hidden!important;}
  .sts-live-meta-line{display:flex!important;gap:10px!important;flex-wrap:wrap!important;font-size:12px!important;margin:8px 0!important;}
  .sts-watch-earn{display:flex!important;width:100%!important;min-height:44px!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;font-size:13px!important;padding:0 12px!important;}
  .sts-live-thumb-rail,.sts-live-card-rail{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:8px 0 4px!important;margin:8px 0!important;scroll-snap-type:x proximity!important;}
  .sts-live-thumb,.sts-live-mini-card{width:140px!important;min-width:140px!important;height:78px!important;border-radius:12px!important;scroll-snap-align:start!important;}
  .sts-live-mini-meta,.sts-live-mini-viewers{display:none!important;}
  .sts-live-mini-live{font-size:9px!important;padding:3px 6px!important;}

  /* Generic cards/sections */
  .sts-section,.sts-home-section,.sts-home-drops,.sts-home-categories,.sts-home-new-streamers,.sts-featured-partner,.sts-rising-streamers,.sts-real-home-section,
  section[class*="home"],section[class*="featured"],section[class*="category"]{max-width:100%!important;margin:12px 0!important;border-radius:16px!important;padding:12px!important;}
  h1{font-size:26px!important;line-height:1.05!important;} h2{font-size:20px!important;line-height:1.1!important;} h3{font-size:16px!important;}

  /* Category cards */
  .sts-category-grid,.category-grid,.browse-category-grid,.sts-home-category-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;}
  .sts-category-card,.category-card,.browse-category-card{min-height:118px!important;height:118px!important;border-radius:14px!important;overflow:hidden!important;background-size:cover!important;background-position:center!important;}
  .sts-category-card:first-child,.category-card:first-child{height:145px!important;}

  /* Rising streamers becomes horizontal chips */
  .sts-new-streamers-row,.new-streamers-row,.rising-streamers-row,.sts-rising-streamers-row{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:4px!important;}
  .sts-new-streamer-card,.new-streamer-card,.rising-streamer-card{min-width:150px!important;width:150px!important;max-width:150px!important;padding:8px!important;border-radius:12px!important;}
  .sts-new-streamer-card img,.new-streamer-card img,.rising-streamer-card img{width:38px!important;height:38px!important;}

  /* Watch page */
  .v53-watch,.v586-watch-match,.watch-layout,.stream-watch-layout{display:block!important;width:100%!important;max-width:100%!important;padding:0 8px 70px!important;overflow:hidden!important;}
  .v53-watch-main,.watch-main,.stream-main{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;}
  .v53-player,.stream-player,.watch-player{position:relative!important;top:auto!important;width:100%!important;max-width:100%!important;aspect-ratio:16/9!important;min-height:0!important;margin:8px 0!important;border-radius:14px!important;}
  .v53-stream-info,.stream-info-panel,.channel-info-card{display:block!important;width:100%!important;margin:8px 0!important;padding:12px!important;border-radius:14px!important;}

  /* Chat drawer */
  .chat-panel,.v53-chat,.v55-chat-ref{height:min(70dvh,560px)!important;transform:translateY(calc(100% - 52px))!important;}
  body.sts-mobile-chat-open .chat-panel,body.sts-mobile-chat-open .v53-chat,body.sts-mobile-chat-open .v55-chat-ref{transform:translateY(0)!important;}
  .chat-messages,.pro-messages{height:calc(70dvh - 190px)!important;}
  .chat-form,.pro-chat-form{grid-template-columns:36px 1fr 40px 64px!important;gap:6px!important;}
  .chat-form input,#chatInput{font-size:16px!important;height:40px!important;}

  /* Forms/dashboard pages */
  .dashboard-grid,.admin-grid,.settings-grid,.creator-grid,.mobile-live-grid{display:block!important;width:100%!important;max-width:100%!important;padding:8px!important;}
  .dashboard-card,.admin-card,.settings-card,.creator-card,.panel,.card{width:100%!important;max-width:100%!important;margin:0 0 10px!important;border-radius:14px!important;}
  input,select,textarea,button{max-width:100%!important;}
}

@media (max-width: 420px){
  .sts-mock-brand img{max-width:150px!important;height:30px!important;}
  .sts-live-creator-row img{width:46px!important;height:46px!important;min-width:46px!important;}
  .sts-showcase-name{font-size:16px!important;}
  .sts-live-thumb,.sts-live-mini-card{width:122px!important;min-width:122px!important;height:68px!important;}
  .sts-watch-earn{font-size:12px!important;}
}