/* SealTeamSloth v5.10 — Platform Next
   Final high-specificity layer that replaces legacy patch styling. */

html body.streamx-v5.twitch-v53.sts-v5100,
html body.streamx-v5.twitch-v53.sts-v5100 * {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
  letter-spacing: normal !important;
}

/* Honest offline homepage state: never represent an offline creator as live. */
html body.streamx-v5.twitch-v53.sts-v5100 .sts511-offline-hero {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr) !important;
  width: 100% !important;
  min-height: 285px !important;
  margin: 0 0 34px !important;
  overflow: hidden !important;
  border: 1px solid #2b2f37 !important;
  border-radius: 15px !important;
  background: #111318 !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .28) !important;
}
html body.streamx-v5.twitch-v53.sts-v5100 .sts511-offline-copy { position: relative !important; z-index: 2 !important; align-self: center !important; padding: 38px clamp(28px, 4vw, 62px) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts511-status { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 10px !important; color: #9096a1 !important; font-size: 10px !important; font-weight: 750 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts511-status i { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #69707c !important; box-shadow: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts511-offline-copy h1 { margin: 0 0 10px !important; color: #f4f5f7 !important; font-size: clamp(30px, 3vw, 48px) !important; font-weight: 720 !important; line-height: 1.05 !important; letter-spacing: -.035em !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts511-offline-copy p { max-width: 520px !important; margin: 0 0 22px !important; color: #a4aab5 !important; font-size: 14px !important; line-height: 1.55 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts511-offline-actions { display: flex !important; flex-wrap: wrap !important; gap: 9px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts511-offline-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 41px !important; padding: 0 16px !important; border: 1px solid #3a3e47 !important; border-radius: 9px !important; background: #20232a !important; color: #fff !important; font-size: 12px !important; font-weight: 750 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts511-offline-actions a.primary { border-color: var(--next-purple) !important; background: var(--next-purple) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts511-offline-art { position: relative !important; min-height: 285px !important; background: linear-gradient(90deg, #111318 0%, rgba(17, 19, 24, .2) 35%, rgba(5, 6, 8, .08)), url('/public/img/sts-home-hero.png') center / cover no-repeat !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts511-offline-art::after { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(180deg, transparent 55%, rgba(17, 19, 24, .45)) !important; }

html body.streamx-v5.twitch-v53.sts-v5100 {
  --next-bg: #070809;
  --next-side: #0d0f12;
  --next-card: #121419;
  --next-card-2: #171a20;
  --next-line: #252830;
  --next-line-soft: #1b1e24;
  --next-text: #f4f5f7;
  --next-soft: #b7bbc4;
  --next-muted: #7f8591;
  --next-purple: #9147ff;
  --next-purple-2: #b16cff;
  --next-green: #53fc18;
  --next-live: #eb3658;
  background: var(--next-bg) !important;
  color: var(--next-text) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

html body.streamx-v5.twitch-v53.sts-v5100 h1,
html body.streamx-v5.twitch-v53.sts-v5100 h2,
html body.streamx-v5.twitch-v53.sts-v5100 h3,
html body.streamx-v5.twitch-v53.sts-v5100 p { font-family: inherit !important; text-transform: none !important; }

/* Clean streaming-platform header */
html body.streamx-v5.twitch-v53.sts-v5100 header.sts-mockup-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 5000 !important;
  display: grid !important;
  grid-template-columns: minmax(420px, 1fr) minmax(320px, 540px) minmax(420px, 1fr) !important;
  align-items: center !important;
  gap: 22px !important;
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--next-line) !important;
  background: rgba(13, 15, 18, .96) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .22) !important;
  backdrop-filter: blur(18px) !important;
}

html body.streamx-v5.twitch-v53.sts-v5100 header.sts-mockup-header.is-hidden { transform: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-left { display: flex !important; align-items: center !important; gap: 25px !important; min-width: 0 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-brand {
  display: flex !important;
  flex: 0 0 190px !important;
  align-items: center !important;
  width: 190px !important;
  height: 48px !important;
  margin: 0 !important;
}
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-brand img { width: 190px !important; height: 48px !important; object-fit: contain !important; filter: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-nav { display: flex !important; align-items: center !important; gap: 3px !important; height: 100% !important; margin: 0 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-nav > a,
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-more-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #b8bdc7 !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-nav > a:hover,
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-nav > a.is-current,
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-more-btn:hover { background: #1c1f25 !important; color: #fff !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-nav > a.is-current::after { display: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-more-btn { font-size: 17px !important; letter-spacing: 2px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-more-menu { top: calc(100% + 12px) !important; min-width: 210px !important; padding: 8px !important; border: 1px solid #343842 !important; border-radius: 12px !important; background: #181b21 !important; box-shadow: 0 22px 60px rgba(0, 0, 0, .52) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-more-menu a { padding: 10px 12px !important; border-radius: 8px !important; color: #c6cad2 !important; font-size: 13px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-more-menu a:hover { background: #242830 !important; color: #fff !important; }

html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-search {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) 62px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 540px !important;
  height: 42px !important;
  margin: 0 auto !important;
  padding: 0 4px 0 14px !important;
  overflow: visible !important;
  border: 1px solid #30343d !important;
  border-radius: 10px !important;
  background: #1a1d22 !important;
  box-shadow: none !important;
}
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-search:focus-within { border-color: var(--next-purple) !important; box-shadow: 0 0 0 3px rgba(145, 71, 255, .18) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-search-icon { display: block !important; width: 14px !important; height: 14px !important; border-color: #9298a4 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-search input { position: static !important; display: block !important; width: 100% !important; height: 40px !important; padding: 0 10px !important; border: 0 !important; background: transparent !important; color: #fff !important; font-size: 14px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-search button { position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 62px !important; height: 34px !important; border: 0 !important; border-radius: 7px !important; background: #262a31 !important; color: #d9dce2 !important; font-size: 11px !important; font-weight: 800 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-search button:hover { background: #30343d !important; }

html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 9px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-go-live-button { display: inline-flex !important; align-items: center !important; gap: 8px !important; height: 40px !important; padding: 0 13px !important; border: 1px solid #363a44 !important; border-radius: 9px !important; background: #1a1d23 !important; color: #fff !important; font-size: 12px !important; font-weight: 800 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-go-live-button span { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: var(--next-live) !important; box-shadow: 0 0 0 4px rgba(235, 54, 88, .13) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-go-live-button:hover { border-color: #5a5f6c !important; background: #24272e !important; transform: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-live-bell { width: 40px !important; height: 40px !important; border: 0 !important; border-radius: 9px !important; background: #1a1d23 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-account-menu-button { height: 42px !important; border: 0 !important; border-radius: 10px !important; background: #1a1d23 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-actions .tw-btn { min-width: 78px !important; height: 40px !important; padding: 0 16px !important; border: 1px solid #3a3e48 !important; border-radius: 9px !important; background: #181b20 !important; color: #fff !important; font-size: 13px !important; font-weight: 800 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-actions .tw-btn.primary { border-color: var(--next-purple) !important; background: var(--next-purple) !important; box-shadow: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-actions .tw-btn.primary:hover { background: #a15dff !important; }

/* A crypto ticker distracts from content discovery. Keep it available in code, hidden in the primary UI. */
html body.streamx-v5.twitch-v53.sts-v5100 .sts-crypto-ticker { display: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 main.page.v5-page { width: 100% !important; max-width: none !important; min-height: calc(100vh - 64px) !important; margin: 0 !important; padding: 0 !important; background: var(--next-bg) !important; }

/* Sidebar: compact navigation + creator rail */
html body.streamx-v5.twitch-v53.sts-v5100 main.page.v5-page > .sts402-shell.sts403-fullscreen {
  display: grid !important;
  grid-template-columns: 232px minmax(0, 1fr) !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--next-bg) !important;
}
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-sidebar {
  position: sticky !important;
  top: 64px !important;
  display: block !important;
  align-self: start !important;
  width: 232px !important;
  min-width: 232px !important;
  height: calc(100vh - 64px) !important;
  padding: 18px 12px 26px !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-right: 1px solid var(--next-line-soft) !important;
  border-radius: 0 !important;
  background: var(--next-side) !important;
  box-shadow: none !important;
  scrollbar-width: thin !important;
}
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-side-nav { display: flex !important; flex-direction: column !important; gap: 3px !important; padding: 0 0 17px !important; border-bottom: 1px solid var(--next-line-soft) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-side-nav > a {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #b2b7c1 !important;
  font-size: 13px !important;
  font-weight: 680 !important;
}
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-side-nav > a span { width: 24px !important; margin-right: 9px !important; color: #858b97 !important; font-size: 17px !important; text-align: center !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-side-nav > a:hover { background: #181b20 !important; color: #fff !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-side-nav > a.active,
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-side-nav > a.is-current { background: rgba(145, 71, 255, .16) !important; color: #fff !important; box-shadow: inset 3px 0 var(--next-purple) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-side-nav > a.active span { color: #ba86ff !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-side-title { margin: 20px 9px 9px !important; color: #747b87 !important; font-size: 10px !important; font-weight: 850 !important; letter-spacing: .12em !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-followed { display: flex !important; flex-direction: column !important; gap: 2px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-followed > a { display: grid !important; grid-template-columns: 36px minmax(0, 1fr) auto !important; gap: 9px !important; align-items: center !important; padding: 7px 8px !important; border-radius: 9px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-followed > a:hover { background: #181b20 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-followed img { width: 36px !important; height: 36px !important; border: 2px solid #2a2e36 !important; border-radius: 50% !important; object-fit: cover !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-followed b { color: #e5e7eb !important; font-size: 12px !important; font-weight: 750 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-followed small { color: #7f8591 !important; font-size: 11px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-followed em { color: #c3c7cf !important; font-size: 10px !important; font-style: normal !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-followed em i { background: var(--next-live) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-show-more { display: flex !important; align-items: center !important; justify-content: flex-start !important; height: 34px !important; margin: 7px 8px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #b982ff !important; font-size: 11px !important; font-weight: 800 !important; }

/* Home content */
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-content {
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 30px clamp(20px, 2.6vw, 48px) 70px !important;
  background: var(--next-bg) !important;
}
html body.streamx-v5.twitch-v53.sts-v5100 .sts510-home-intro { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 20px !important; width: 100% !important; max-width: none !important; margin: 0 0 20px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts510-home-intro > div > span { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 4px !important; color: #9399a5 !important; font-size: 10px !important; font-weight: 850 !important; letter-spacing: .16em !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts510-home-intro > div > span i { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: var(--next-green) !important; box-shadow: 0 0 12px rgba(83, 252, 24, .7) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts510-home-intro h1 { margin: 0 !important; color: #f5f6f8 !important; font-size: clamp(25px, 2.3vw, 38px) !important; font-weight: 830 !important; line-height: 1.05 !important; letter-spacing: -.04em !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts510-home-intro nav { display: flex !important; gap: 5px !important; padding: 4px !important; border: 1px solid var(--next-line) !important; border-radius: 11px !important; background: #101216 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts510-home-intro nav a { display: flex !important; align-items: center !important; height: 34px !important; padding: 0 13px !important; border-radius: 8px !important; color: #8f95a0 !important; font-size: 11px !important; font-weight: 800 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts510-home-intro nav a:hover,
html body.streamx-v5.twitch-v53.sts-v5100 .sts510-home-intro nav a.active { background: #24272e !important; color: #fff !important; }

/* Featured: large preview + proper information sidecar */
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-featured { position: relative !important; width: 100% !important; max-width: none !important; margin: 0 0 36px !important; padding: 0 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-stage { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-side { display: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-main-card {
  display: grid !important;
  grid-template-columns: minmax(0, 2.35fr) minmax(310px, .65fr) !important;
  width: 100% !important;
  min-height: 430px !important;
  max-height: 520px !important;
  overflow: hidden !important;
  border: 1px solid #30343d !important;
  border-radius: 15px !important;
  background: #101217 !important;
  box-shadow: 0 22px 65px rgba(0, 0, 0, .38) !important;
}
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-preview { position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important; min-height: 430px !important; height: 100% !important; border-radius: 0 !important; background-color: #050607 !important; background-position: center !important; background-size: cover !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-preview::before { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(90deg, transparent 70%, rgba(8, 9, 11, .38)) !important; pointer-events: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-preview::after { content: "" !important; position: absolute !important; inset: auto 0 0 !important; height: 90px !important; background: linear-gradient(0deg, rgba(0, 0, 0, .35), transparent) !important; pointer-events: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-live { top: 16px !important; left: 16px !important; z-index: 2 !important; padding: 5px 8px !important; border: 0 !important; border-radius: 5px !important; background: var(--next-live) !important; color: #fff !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: .08em !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-main-viewers { right: 16px !important; bottom: 16px !important; z-index: 2 !important; padding: 6px 9px !important; border: 0 !important; border-radius: 6px !important; background: rgba(0, 0, 0, .72) !important; color: #fff !important; font-size: 10px !important; backdrop-filter: blur(6px) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-info { display: flex !important; height: 100% !important; padding: 28px 25px !important; border: 0 !important; border-left: 1px solid #292d35 !important; background: radial-gradient(350px 240px at 100% 0, rgba(145, 71, 255, .15), transparent 70%), #111318 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-creator { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; height: 100% !important; gap: 0 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-creator > img { width: 58px !important; height: 58px !important; margin: 0 0 18px !important; border: 2px solid var(--next-purple) !important; border-radius: 50% !important; object-fit: cover !important; box-shadow: 0 0 0 4px rgba(145, 71, 255, .12) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-copy { width: 100% !important; min-width: 0 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts510-featured-label { display: block !important; margin-bottom: 8px !important; color: #9b68e8 !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: .15em !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-copy > strong { display: block !important; margin: 0 0 9px !important; color: #fff !important; font-size: 23px !important; font-weight: 820 !important; line-height: 1.1 !important; letter-spacing: -.025em !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-copy > p { margin: 0 0 9px !important; color: #c5c9d0 !important; font-size: 14px !important; line-height: 1.4 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-copy > a { color: #b788ff !important; font-size: 12px !important; font-weight: 750 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-tags { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-top: 17px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-tags span { padding: 5px 8px !important; border: 0 !important; border-radius: 99px !important; background: #24272d !important; color: #aeb3bd !important; font-size: 9px !important; font-weight: 750 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; width: 100% !important; margin-top: auto !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-actions a { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 41px !important; padding: 0 10px !important; border: 1px solid #353943 !important; border-radius: 9px !important; background: #22252b !important; color: #fff !important; font-size: 11px !important; font-weight: 850 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-actions .sts417-follow { border-color: var(--next-purple) !important; background: var(--next-purple) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-nav { z-index: 4 !important; width: 38px !important; height: 58px !important; border: 1px solid #343842 !important; border-radius: 9px !important; background: rgba(17, 19, 24, .88) !important; color: #fff !important; font-size: 24px !important; backdrop-filter: blur(9px) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-prev { left: 12px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-next { right: calc(21% + 12px) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-dots { bottom: -19px !important; gap: 5px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-dots button { width: 6px !important; height: 4px !important; border: 0 !important; border-radius: 99px !important; background: #3a3e47 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-dots button.active { width: 24px !important; background: var(--next-purple) !important; }

/* Sections and channel cards */
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-section,
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-discovery-grid,
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-benefits { width: 100% !important; max-width: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-section { margin: 36px 0 0 !important; padding: 0 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-heading { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 18px !important; margin: 0 0 14px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-heading h2 { margin: 2px 0 0 !important; color: #f1f2f4 !important; font-size: 21px !important; font-weight: 810 !important; line-height: 1.2 !important; letter-spacing: -.025em !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-heading h2::before { display: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts510-heading-kicker { display: block !important; color: #747b87 !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: .14em !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-heading > a { display: flex !important; align-items: center !important; gap: 8px !important; min-width: max-content !important; color: #b986ff !important; font-size: 11px !important; font-weight: 850 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-heading > a span { font-size: 16px !important; transition: transform .18s ease !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-heading > a:hover span { transform: translateX(3px) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-live-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 25px 15px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-live-card { display: block !important; min-width: 0 !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-live-card:nth-child(n) { display: block !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-live-thumb { position: relative !important; display: block !important; width: 100% !important; min-height: 0 !important; height: auto !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important; border: 1px solid #292d35 !important; border-radius: 11px !important; background-color: #111318 !important; background-position: center !important; background-size: cover !important; box-shadow: none !important; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-live-thumb::after { content: "" !important; position: absolute !important; inset: 0 !important; background: rgba(0, 0, 0, 0) !important; transition: background .2s ease !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-live-card:hover .sts402-live-thumb { border-color: var(--next-purple) !important; box-shadow: 6px 6px 0 rgba(145, 71, 255, .32) !important; transform: translate(-3px, -3px) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-live-card:hover .sts402-live-thumb::after { background: rgba(0, 0, 0, .13) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-live-thumb > i { position: absolute !important; z-index: 2 !important; top: 9px !important; left: 9px !important; padding: 4px 7px !important; border: 0 !important; border-radius: 5px !important; background: var(--next-live) !important; color: #fff !important; font-size: 9px !important; font-style: normal !important; font-weight: 900 !important; letter-spacing: .07em !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-live-thumb > i.offline { background: rgba(13, 15, 18, .82) !important; color: #ccd0d7 !important; backdrop-filter: blur(6px) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-live-thumb > em { position: absolute !important; z-index: 2 !important; right: auto !important; bottom: 9px !important; left: 9px !important; padding: 4px 7px !important; border-radius: 5px !important; background: rgba(0, 0, 0, .72) !important; color: #fff !important; font-size: 9px !important; font-style: normal !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts510-card-play { position: absolute !important; z-index: 3 !important; top: 50% !important; left: 50% !important; display: grid !important; place-items: center !important; width: 42px !important; height: 42px !important; border-radius: 50% !important; background: rgba(0, 0, 0, .72) !important; color: #fff !important; font-size: 14px !important; opacity: 0 !important; transform: translate(-50%, -42%) scale(.88) !important; transition: opacity .2s ease, transform .2s ease !important; backdrop-filter: blur(5px) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts402-live-card:hover .sts510-card-play { opacity: 1 !important; transform: translate(-50%, -50%) scale(1) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-card-info { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; gap: 10px !important; align-items: start !important; padding: 11px 2px 0 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-card-info > img { width: 42px !important; height: 42px !important; border: 2px solid #292d35 !important; border-radius: 50% !important; object-fit: cover !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-card-info b { display: block !important; overflow: hidden !important; color: #f0f2f4 !important; font-size: 13px !important; font-weight: 760 !important; line-height: 1.3 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-card-info small { display: block !important; margin: 2px 0 0 !important; overflow: hidden !important; color: #989eaa !important; font-size: 11px !important; line-height: 1.35 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-card-info label { display: inline-flex !important; margin-top: 5px !important; padding: 3px 7px !important; border-radius: 99px !important; background: #1d2026 !important; color: #888f9a !important; font-size: 9px !important; line-height: 1 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-empty { grid-column: 1 / -1 !important; display: flex !important; align-items: center !important; gap: 13px !important; min-height: 76px !important; padding: 14px 16px !important; border: 1px dashed #353943 !important; border-radius: 11px !important; background: #0e1014 !important; color: #8d939e !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-empty > span { display: grid !important; place-items: center !important; width: 42px !important; height: 42px !important; border-radius: 50% !important; background: rgba(145, 71, 255, .12) !important; color: #b887ff !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-empty div { margin-right: auto !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-empty strong { display: block !important; color: #e2e4e8 !important; font-size: 13px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-empty small { display: block !important; margin-top: 2px !important; font-size: 11px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-empty a { display: flex !important; align-items: center !important; height: 36px !important; padding: 0 12px !important; border: 1px solid #353943 !important; border-radius: 8px !important; background: #202329 !important; color: #fff !important; font-size: 10px !important; font-weight: 800 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-empty a:last-child { border-color: var(--next-purple) !important; background: var(--next-purple) !important; }

/* Category discovery cards */
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-discovery-grid { display: block !important; margin: 0 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-cat-grid { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 14px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-cat-grid > a { position: relative !important; display: block !important; min-width: 0 !important; height: auto !important; padding: 0 0 11px !important; overflow: hidden !important; border: 1px solid #282c34 !important; border-radius: 11px !important; background: #111318 !important; transition: border-color .2s ease, transform .2s ease !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-cat-grid > a:hover { border-color: var(--next-purple) !important; transform: translateY(-4px) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-cat-grid > a > span { position: relative !important; inset: auto !important; display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 4 / 5 !important; border-radius: 0 !important; background-position: center !important; background-size: cover !important; transition: transform .3s ease !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-cat-grid > a:hover > span { transform: scale(1.025) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-cat-grid b { position: static !important; display: block !important; margin: 10px 11px 0 !important; padding: 0 !important; overflow: hidden !important; color: #f0f2f4 !important; font-size: 12px !important; font-weight: 760 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-cat-grid small { position: static !important; display: flex !important; align-items: center !important; gap: 5px !important; margin: 4px 11px 0 !important; padding: 0 !important; color: #858c98 !important; font-size: 10px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-cat-grid small i { width: 6px !important; height: 6px !important; border-radius: 50% !important; background: var(--next-live) !important; }

html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-benefits { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 0 !important; margin: 42px 0 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid var(--next-line) !important; border-radius: 12px !important; background: #101216 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-benefits > a { display: flex !important; align-items: center !important; gap: 11px !important; min-height: 76px !important; padding: 0 20px !important; border: 0 !important; border-right: 1px solid var(--next-line) !important; border-radius: 0 !important; background: transparent !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-benefits > a:last-child { border-right: 0 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-benefits > a:hover { background: #171a20 !important; transform: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-benefits > a > span { display: grid !important; place-items: center !important; width: 38px !important; height: 38px !important; border-radius: 10px !important; background: rgba(145, 71, 255, .12) !important; color: #b681ff !important; font-size: 19px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-benefits b { color: #e8e9ec !important; font-size: 12px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-benefits small { display: block !important; margin-top: 3px !important; color: #7f8591 !important; font-size: 10px !important; }

/* All other platform pages: force the same clean visual language */
html body.streamx-v5.twitch-v53.sts-v5100 .sts-page-shell { width: min(calc(100% - 48px), 1560px) !important; max-width: 1560px !important; padding: 34px 0 76px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-page-toolbar { border-color: var(--next-line) !important; border-radius: 16px !important; background: radial-gradient(700px 320px at 92% 0, rgba(145, 71, 255, .15), transparent 68%), #111318 !important; box-shadow: 0 18px 55px rgba(0, 0, 0, .25) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-page-toolbar h1 { font-size: clamp(34px, 4vw, 58px) !important; font-weight: 840 !important; letter-spacing: -.05em !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-page-search { border-color: #30343c !important; background: #0c0e12 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .sts-page-search button,
html body.streamx-v5.twitch-v53.sts-v5100 .sts-card-btn,
html body.streamx-v5.twitch-v53.sts-v5100 .v5-btn,
html body.streamx-v5.twitch-v53.sts-v5100 .v53-btn,
html body.streamx-v5.twitch-v53.sts-v5100 .sts-auth-submit { border-color: var(--next-purple) !important; background: var(--next-purple) !important; box-shadow: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 :is(.sts-browse-card, .sts-creator-real-card, .sts414-category-card, .clip-card, .post-card, .message-card) { border-color: var(--next-line) !important; background: var(--next-card) !important; box-shadow: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 :is(.sts-browse-card, .sts-creator-real-card, .sts414-category-card, .clip-card):hover { border-color: var(--next-purple) !important; box-shadow: 5px 5px 0 rgba(145, 71, 255, .22) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { border-color: #343841 !important; border-radius: 9px !important; background: #15181d !important; color: #fff !important; }
html body.streamx-v5.twitch-v53.sts-v5100 :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus { border-color: var(--next-purple) !important; box-shadow: 0 0 0 3px rgba(145, 71, 255, .14) !important; }

/* Watch experience */
html body.streamx-v5.twitch-v53.sts-v5100 .v53-watch { max-width: none !important; padding: 14px 16px 65px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .v53-player { border-color: #252932 !important; border-radius: 11px !important; box-shadow: 0 18px 55px rgba(0, 0, 0, .38) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .v53-stream-info { border-color: var(--next-line) !important; border-radius: 11px !important; background: var(--next-card) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 :is(.v53-chat, .v586-chat-column) { border-color: var(--next-line) !important; border-radius: 11px !important; background: #0d0f12 !important; box-shadow: none !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .watch-action-btn.follow { border-color: var(--next-purple) !important; background: var(--next-purple) !important; }

/* Studio */
html body.streamx-v5.twitch-v53.sts-v5100 .v5-studio-layout { grid-template-columns: 248px minmax(0, 1fr) !important; min-height: calc(100vh - 64px) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .v5-studio-side { top: 64px !important; height: calc(100vh - 64px) !important; border-color: var(--next-line-soft) !important; background: var(--next-side) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .v5-studio-side nav a { border-radius: 8px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .v5-studio-side nav a:hover,
html body.streamx-v5.twitch-v53.sts-v5100 .v5-studio-side nav a.is-current,
html body.streamx-v5.twitch-v53.sts-v5100 .v5-studio-side nav a.sts-nav-active { background: rgba(145, 71, 255, .14) !important; box-shadow: inset 3px 0 var(--next-purple) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .studio-command-hero { border-color: #3a2b50 !important; border-radius: 16px !important; background: radial-gradient(620px 330px at 92% 0, rgba(145, 71, 255, .23), transparent 70%), #15121c !important; box-shadow: 0 18px 55px rgba(0, 0, 0, .28) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 :is(.v5-panel, .studio-stat-card, .studio-chart-panel, .studio-health-panel) { border-color: var(--next-line) !important; border-radius: 12px !important; background: var(--next-card) !important; box-shadow: none !important; }

/* Auth + footer */
html body.streamx-v5.twitch-v53.sts-v5100 :is(.sts-auth-card, .v5-auth-card) { border-color: #373b45 !important; border-radius: 16px !important; background: #121419 !important; box-shadow: 0 24px 70px rgba(0, 0, 0, .35) !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .v5-footer.sts-footer-shell { border-color: var(--next-line-soft) !important; background: #0b0d10 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .v5-footer.sts-footer-shell .sts-footer-grid { width: min(calc(100% - 48px), 1560px) !important; max-width: 1560px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .v5-footer.sts-footer-shell .sts-footer-brand p { color: #e5e7eb !important; font-size: 16px !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .v5-footer.sts-footer-shell .sts-footer-brand span,
html body.streamx-v5.twitch-v53.sts-v5100 .v5-footer.sts-footer-shell .sts-footer-group a { color: #838a96 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .v5-footer.sts-footer-shell .sts-footer-group b { color: #d9dce2 !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .v5-footer.sts-footer-shell .sts-footer-group a:hover { color: #bd8dff !important; }
html body.streamx-v5.twitch-v53.sts-v5100 .v5-footer.sts-footer-shell .sts-footer-bottom { width: min(calc(100% - 48px), 1560px) !important; max-width: 1560px !important; border-color: var(--next-line-soft) !important; }

@media (max-width: 1500px) {
  html body.streamx-v5.twitch-v53.sts-v5100 header.sts-mockup-header { grid-template-columns: minmax(360px, 1fr) minmax(280px, 440px) auto !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-live-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-cat-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}

@media (max-width: 1180px) {
  html body.streamx-v5.twitch-v53.sts-v5100 header.sts-mockup-header { grid-template-columns: auto minmax(220px, 1fr) auto !important; gap: 12px !important; padding: 0 12px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mobile-menu-toggle { display: flex !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-brand { flex-basis: 155px !important; width: 155px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-brand img { width: 155px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-nav { position: fixed !important; top: 64px !important; left: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-content: start !important; width: min(420px, 100vw) !important; height: calc(100vh - 64px) !important; padding: 17px !important; overflow-y: auto !important; border-right: 1px solid var(--next-line) !important; background: #101216 !important; transform: translateX(-105%) !important; }
  html body.streamx-v5.twitch-v53.sts-v5100.sts-nav-open .sts-mock-nav { transform: translateX(0) !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-nav > a { display: flex !important; min-height: 48px !important; border: 1px solid var(--next-line) !important; background: #17191e !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-more-wrap { grid-column: 1 / -1 !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-more-btn { display: none !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-more-menu { position: static !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 3px !important; margin-top: 4px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-more-menu a { border: 1px solid var(--next-line) !important; background: #17191e !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 main.page.v5-page > .sts402-shell.sts403-fullscreen { grid-template-columns: 76px minmax(0, 1fr) !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-sidebar { width: 76px !important; min-width: 76px !important; padding: 15px 8px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-side-nav > a { justify-content: center !important; padding: 0 !important; font-size: 0 !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-side-nav > a span { width: auto !important; margin: 0 !important; font-size: 18px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen :is(.sts402-side-title, .sts402-followed, .sts402-show-more) { display: none !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-main-card { grid-template-columns: minmax(0, 1.8fr) 310px !important; min-height: 390px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-preview { min-height: 390px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-cat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-go-live-button { display: none !important; }
}

@media (max-width: 820px) {
  html body.streamx-v5.twitch-v53.sts-v5100 header.sts-mockup-header { display: grid !important; grid-template-columns: auto 1fr auto !important; height: 60px !important; min-height: 60px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-brand { flex-basis: 118px !important; width: 118px !important; height: 42px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-brand img { width: 118px !important; height: 42px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-search { justify-self: end !important; width: 40px !important; height: 40px !important; padding: 0 !important; grid-template-columns: 1fr !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-search .sts-search-icon { margin: auto !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-search input,
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-search > button { display: none !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-search:focus-within { position: fixed !important; z-index: 5100 !important; top: 8px !important; right: 8px !important; left: 8px !important; display: grid !important; grid-template-columns: 18px minmax(0, 1fr) 62px !important; width: auto !important; max-width: none !important; padding: 0 4px 0 14px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-search:focus-within input,
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-search:focus-within > button { display: flex !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-actions .tw-btn:first-of-type { display: none !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 main.page.v5-page > .sts402-shell.sts403-fullscreen { display: block !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-sidebar { display: none !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-content { padding: 18px 12px 55px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts510-home-intro { display: block !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts510-home-intro h1 { font-size: 27px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts510-home-intro nav { width: max-content !important; max-width: 100% !important; margin-top: 15px !important; overflow-x: auto !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts511-offline-hero { display: block !important; min-height: 0 !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts511-offline-copy { padding: 27px 20px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts511-offline-art { min-height: 180px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-main-card { display: block !important; min-height: 0 !important; max-height: none !important; border-radius: 12px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-preview { min-height: 0 !important; height: auto !important; aspect-ratio: 16 / 9 !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-info { height: auto !important; min-height: 190px !important; padding: 17px !important; border-top: 1px solid var(--next-line) !important; border-left: 0 !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-creator { display: grid !important; grid-template-columns: 46px minmax(0, 1fr) !important; gap: 11px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-creator > img { width: 46px !important; height: 46px !important; margin: 0 !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-actions { grid-column: 1 / -1 !important; margin-top: 12px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts417-nav { display: none !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-live-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 21px 10px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-cat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 9px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-benefits { grid-template-columns: repeat(2, 1fr) !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-benefits > a:nth-child(2) { border-right: 0 !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-benefits > a:nth-child(-n+2) { border-bottom: 1px solid var(--next-line) !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-page-shell { width: calc(100% - 20px) !important; padding-top: 14px !important; }
}

@media (max-width: 520px) {
  html body.streamx-v5.twitch-v53.sts-v5100 .sts-mock-actions .tw-btn { min-width: 64px !important; padding: 0 11px !important; font-size: 11px !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-live-grid { grid-template-columns: 1fr !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-empty { flex-wrap: wrap !important; }
  html body.streamx-v5.twitch-v53.sts-v5100 .sts403-fullscreen .sts402-empty div { width: calc(100% - 60px) !important; margin-right: 0 !important; }
}