/* CR_COLLECTIVE_V175BT_HOME_REDESIGN_BUNDLE_CSS
   Consolidated in exact load order from: cr-home-nav-premium-v175bc, cr-top-nav-premium-layout-v175bd, cr-restore-content-width-disable-rail-v175bg, cr-top-nav-readability-rail-cleanup-v175bh, cr-home-full-mockup-takeover-v175bm, cr-home-topnav-underlay-cleanup-v175bn, cr-home-topnav-backdrop-hard-mask-v175bo, cr-home-topnav-band-final-clean-v175bp, cr-home-content-artwork-polish-v175bq, cr-home-early-legacy-menu-prehide-v175br
   Behavior-identical to the 10 individual files it replaces. */









/* ==== begin cr-home-full-mockup-takeover-v175bm.css ==== */
/* CR_COLLECTIVE_V175BM_HOME_FULL_MOCKUP_TAKEOVER
   Home page full mockup takeover.
   Home only. Hides legacy Home layout/sidebar and renders one complete premium Home page.
   Keeps v175bd top nav, standard player, Sets/profile routes, resolver and canonical source logic untouched.
*/

:root {
  --cr-v175bm-bg: #050711;
  --cr-v175bm-panel: rgba(9, 14, 28, 0.84);
  --cr-v175bm-panel-strong: rgba(14, 20, 38, 0.94);
  --cr-v175bm-line: rgba(255,255,255,0.11);
  --cr-v175bm-line-soft: rgba(255,255,255,0.075);
  --cr-v175bm-purple: #a855f7;
  --cr-v175bm-purple2: #7c3aed;
  --cr-v175bm-pink: #e879f9;
  --cr-v175bm-blue: #38bdf8;
  --cr-v175bm-cyan: #22d3ee;
  --cr-v175bm-text: rgba(255,255,255,0.95);
  --cr-v175bm-muted: rgba(225,232,255,0.70);
}

/* Previous Home overlay generations must not remain visible. */
body.cr-v175bm-home-ready .cr-v175bi-home-premium,
body.cr-v175bm-home-ready .cr-v175bi-existing-label,
body.cr-v175bm-home-ready .cr-v175bj-home-anchor,
body.cr-v175bm-home-ready .cr-v175bj-existing-label,
body.cr-v175bm-home-ready .cr-v175bk-home-anchor,
body.cr-v175bm-home-ready .cr-v175bk-existing-label,
body.cr-v175bm-home-ready .cr-v175bl-home-anchor,
body.cr-v175bm-home-ready .cr-v175bl-existing-label {
  display: none !important;
}

/* Home takeover: legacy Home content and old sidebar are hidden only on Home. */
body.cr-v175bm-home-ready [data-cr-v175bm-legacy-home="hidden"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.cr-v175bm-home-ready {
  background:
    radial-gradient(circle at 18% -12%, rgba(124,58,237,0.22), transparent 34rem),
    radial-gradient(circle at 88% 8%, rgba(56,189,248,0.14), transparent 30rem),
    linear-gradient(180deg, #050711 0%, #07101b 48%, #050711 100%);
}

.cr-v175bm-home-page {
  position: relative;
  z-index: 12;
  width: 100%;
  min-height: calc(100vh - 90px);
  padding: 18px 18px 132px;
  color: var(--cr-v175bm-text);
  isolation: isolate;
}

.cr-v175bm-home-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.72), transparent 80%);
}

.cr-v175bm-wrap {
  width: min(1240px, calc(100vw - 44px));
  margin: 0 auto;
}

.cr-v175bm-hero {
  position: relative;
  min-height: 456px;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(330px, .88fr);
  gap: 24px;
  align-items: stretch;
  padding: clamp(26px, 3.4vw, 48px);
  overflow: hidden;
  border: 1px solid var(--cr-v175bm-line);
  border-radius: 30px;
  background:
    radial-gradient(circle at 74% 34%, rgba(168,85,247,.29), transparent 25rem),
    radial-gradient(circle at 92% 78%, rgba(56,189,248,.18), transparent 22rem),
    linear-gradient(118deg, rgba(7, 11, 22, .97) 0%, rgba(9, 14, 28, .88) 52%, rgba(8, 15, 30, .93) 100%);
  box-shadow: 0 30px 96px rgba(0,0,0,.43), inset 0 1px 0 rgba(255,255,255,.08);
}

.cr-v175bm-hero::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(5,7,17,.97), rgba(5,7,17,.40), rgba(5,7,17,.88)),
    radial-gradient(circle at 58% 8%, rgba(168,85,247,.29), transparent 23rem);
}

.cr-v175bm-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .32;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.030) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to right, rgba(0,0,0,.72), transparent 82%);
}

.cr-v175bm-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.cr-v175bm-kicker {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
  padding: 7px 11px;
  border: 1px solid rgba(168,85,247,.36);
  border-radius: 999px;
  background: rgba(168,85,247,.12);
  color: #d8b4fe;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.cr-v175bm-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--cr-v175bm-purple), var(--cr-v175bm-blue));
  box-shadow: 0 0 16px rgba(168,85,247,.78);
}

.cr-v175bm-title {
  margin: 0;
  max-width: 780px;
  color: #fff;
  font-size: clamp(48px, 5.8vw, 84px);
  line-height: .90;
  letter-spacing: -.074em;
  font-weight: 980;
}

.cr-v175bm-title span {
  display: inline-block;
  background: linear-gradient(90deg, #fff 0%, #d8b4fe 40%, #67e8f9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.cr-v175bm-lead {
  max-width: 680px;
  margin: 22px 0 0;
  color: var(--cr-v175bm-muted);
  font-size: clamp(16px, 1.55vw, 20px);
  line-height: 1.45;
}

.cr-v175bm-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.cr-v175bm-btn {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 18px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.14);
  color: #fff;
  text-decoration: none;
  font-weight: 920;
  letter-spacing: -.01em;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.cr-v175bm-btn:hover {
  transform: translateY(-1px);
}

.cr-v175bm-btn-primary {
  background: linear-gradient(135deg, var(--cr-v175bm-purple), var(--cr-v175bm-purple2));
  box-shadow: 0 16px 36px rgba(124,58,237,.32);
}

.cr-v175bm-btn-secondary {
  background: rgba(255,255,255,.060);
}

.cr-v175bm-right {
  display: grid;
  gap: 14px;
  align-content: center;
}

.cr-v175bm-panel,
.cr-v175bm-feature,
.cr-v175bm-stat-card,
.cr-v175bm-mini-event,
.cr-v175bm-release-card,
.cr-v175bm-member-card,
.cr-v175bm-preview-card,
.cr-v175bm-step-card {
  border: 1px solid var(--cr-v175bm-line);
  background: linear-gradient(180deg, rgba(18,24,42,.90), rgba(9,14,28,.74));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.cr-v175bm-feature {
  border-radius: 24px;
  padding: 18px;
}

.cr-v175bm-section-kicker {
  color: #c084fc;
  font-size: 12px;
  font-weight: 960;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.cr-v175bm-now {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
}

.cr-v175bm-art,
.cr-v175bm-avatar,
.cr-v175bm-icon {
  background:
    radial-gradient(circle at 36% 24%, rgba(255,255,255,.28), transparent 32%),
    linear-gradient(135deg, rgba(168,85,247,.86), rgba(56,189,248,.60)),
    #101827;
}

.cr-v175bm-art {
  width: 92px;
  height: 92px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.11);
  color: #fff;
  font-size: 30px;
  font-weight: 980;
  box-shadow: 0 18px 36px rgba(0,0,0,.24);
}

.cr-v175bm-now h3 {
  margin: 0;
  color: #fff;
  font-size: 19px;
  line-height: 1.15;
}

.cr-v175bm-now p {
  margin: 8px 0 0;
  color: var(--cr-v175bm-muted);
  font-size: 13px;
  line-height: 1.35;
}

.cr-v175bm-feature-actions {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cr-v175bm-pill {
  min-height: 38px;
  padding: 0 13px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255,255,255,.14);
  color: #fff;
  background: rgba(255,255,255,.060);
  text-decoration: none;
  font-weight: 850;
  font-size: 13px;
}

.cr-v175bm-stat-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.cr-v175bm-stat-card {
  border-radius: 18px;
  padding: 14px;
}

.cr-v175bm-stat-card strong {
  display: block;
  color: #fff;
  font-size: 18px;
  margin-bottom: 3px;
}

.cr-v175bm-stat-card span {
  color: var(--cr-v175bm-muted);
  font-size: 12px;
}

.cr-v175bm-grid-main {
  margin-top: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 16px;
}

.cr-v175bm-panel {
  border-radius: 24px;
  padding: 18px;
}

.cr-v175bm-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.cr-v175bm-panel-title {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 950;
  letter-spacing: -.02em;
}

.cr-v175bm-panel-link {
  color: #d8b4fe;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
}

.cr-v175bm-release-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.cr-v175bm-release-card {
  min-height: 190px;
  border-radius: 20px;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}

.cr-v175bm-release-art {
  min-height: 104px;
  background:
    radial-gradient(circle at 50% 40%, rgba(168,85,247,.40), transparent 34%),
    linear-gradient(135deg, rgba(56,189,248,.22), rgba(124,58,237,.38)),
    #0e1728;
  display: grid;
  place-items: center;
}

.cr-v175bm-release-art::after {
  content: "▶";
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(5,7,17,.74);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 10px 24px rgba(0,0,0,.28);
}

.cr-v175bm-release-body {
  padding: 13px;
}

.cr-v175bm-release-body strong,
.cr-v175bm-mini-event strong {
  display: block;
  color: #fff;
  font-size: 14px;
  margin-bottom: 4px;
}

.cr-v175bm-release-body span,
.cr-v175bm-mini-event span,
.cr-v175bm-step-card span {
  color: var(--cr-v175bm-muted);
  font-size: 12px;
  line-height: 1.35;
}

.cr-v175bm-events {
  display: grid;
  gap: 10px;
}

.cr-v175bm-mini-event {
  border-radius: 18px;
  padding: 13px;
}

.cr-v175bm-members-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 82px;
  overflow: hidden;
}

.cr-v175bm-member-card {
  min-width: 88px;
  max-width: 88px;
  padding: 10px 8px;
  border-radius: 18px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

.cr-v175bm-avatar {
  width: 44px;
  height: 44px;
  margin: 0 auto 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 950;
}

.cr-v175bm-member-card strong {
  display: block;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cr-v175bm-member-card span {
  display: block;
  color: var(--cr-v175bm-muted);
  font-size: 10px;
  margin-top: 3px;
}

.cr-v175bm-preview-grid,
.cr-v175bm-discovery,
.cr-v175bm-steps {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.cr-v175bm-preview-card,
.cr-v175bm-discovery-card,
.cr-v175bm-step-card {
  position: relative;
  overflow: hidden;
  min-height: 150px;
  padding: 17px;
  border-radius: 22px;
  color: #fff;
  text-decoration: none;
  border: 1px solid var(--cr-v175bm-line);
  background:
    linear-gradient(180deg, rgba(13,19,34,.88), rgba(7,11,22,.70)),
    radial-gradient(circle at 80% 12%, rgba(168,85,247,.20), transparent 9rem);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.cr-v175bm-preview-card:hover,
.cr-v175bm-discovery-card:hover {
  transform: translateY(-2px);
  border-color: rgba(168,85,247,.38);
  box-shadow: 0 18px 42px rgba(0,0,0,.26), 0 0 30px rgba(168,85,247,.10);
}

.cr-v175bm-icon {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 950;
  box-shadow: 0 12px 24px rgba(124,58,237,.24);
}

.cr-v175bm-preview-card h3,
.cr-v175bm-discovery-card h3,
.cr-v175bm-step-card h3 {
  margin: 18px 0 6px;
  font-size: 17px;
  color: #fff;
}

.cr-v175bm-preview-card p,
.cr-v175bm-discovery-card p,
.cr-v175bm-step-card p {
  margin: 0;
  color: var(--cr-v175bm-muted);
  font-size: 13px;
  line-height: 1.35;
}

.cr-v175bm-live-note {
  margin-top: 16px;
  border-radius: 24px;
  padding: 18px;
  border: 1px solid var(--cr-v175bm-line);
  background:
    linear-gradient(180deg, rgba(18,24,42,.80), rgba(9,14,28,.64));
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

.cr-v175bm-live-note strong {
  color: #fff;
}

.cr-v175bm-live-note span {
  display: block;
  margin-top: 4px;
  color: var(--cr-v175bm-muted);
  font-size: 13px;
}

@media (max-width: 1380px) {
  .cr-v175bm-wrap {
    width: min(1120px, calc(100vw - 34px));
  }

  .cr-v175bm-release-grid,
  .cr-v175bm-preview-grid,
  .cr-v175bm-discovery,
  .cr-v175bm-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1040px) {
  .cr-v175bm-home-page {
    padding-left: 12px;
    padding-right: 12px;
  }

  .cr-v175bm-wrap {
    width: 100%;
  }

  .cr-v175bm-hero,
  .cr-v175bm-grid-main {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .cr-v175bm-home-page {
    padding-bottom: 150px;
  }

  .cr-v175bm-hero {
    padding: 20px;
    border-radius: 22px;
    min-height: unset;
  }

  .cr-v175bm-actions,
  .cr-v175bm-live-note {
    flex-direction: column;
    align-items: stretch;
  }

  .cr-v175bm-btn {
    width: 100%;
  }

  .cr-v175bm-release-grid,
  .cr-v175bm-preview-grid,
  .cr-v175bm-discovery,
  .cr-v175bm-steps,
  .cr-v175bm-stat-row {
    grid-template-columns: 1fr;
  }

  .cr-v175bm-members-row {
    overflow-x: auto;
    padding-bottom: 4px;
  }
}

html::before {
  content: "CR_COLLECTIVE_V175BM_HOME_FULL_MOCKUP_TAKEOVER";
  display: none;
}

/* ==== end cr-home-full-mockup-takeover-v175bm.css ==== */







/* ==== begin cr-home-content-artwork-polish-v175bq.css ==== */
/* CR_COLLECTIVE_V175BQ_HOME_CONTENT_ARTWORK_POLISH
   Home-only content/artwork polish on top of v175bm/v175bn/v175bo/v175bp.
   Improves cards, artwork feel, members spotlight, event panel and bottom spacing.
   No player logic, Sets, profile-shell, resolver, or non-Home page changes.
*/

:root {
  --cr-v175bq-purple: #a855f7;
  --cr-v175bq-purple2: #7c3aed;
  --cr-v175bq-pink: #e879f9;
  --cr-v175bq-blue: #38bdf8;
  --cr-v175bq-cyan: #22d3ee;
  --cr-v175bq-text: rgba(255,255,255,0.95);
  --cr-v175bq-muted: rgba(226,232,255,0.72);
  --cr-v175bq-line: rgba(255,255,255,0.11);
}

body.cr-v175bq-home-polish .cr-v175bm-home-page {
  padding-bottom: 190px !important;
}

body.cr-v175bq-home-polish .cr-v175bm-wrap {
  width: min(1260px, calc(100vw - 48px)) !important;
}

/* Hero polish: more like the approved board, stronger glass and less flat. */
body.cr-v175bq-home-polish .cr-v175bm-hero {
  min-height: 470px !important;
  border-radius: 34px !important;
  border-color: rgba(255,255,255,0.13) !important;
  background:
    radial-gradient(circle at 74% 32%, rgba(168,85,247,.32), transparent 25rem),
    radial-gradient(circle at 92% 80%, rgba(56,189,248,.22), transparent 23rem),
    radial-gradient(circle at 44% 8%, rgba(232,121,249,.12), transparent 18rem),
    linear-gradient(118deg, rgba(7, 11, 22, .985) 0%, rgba(9, 14, 28, .90) 52%, rgba(8, 15, 30, .94) 100%) !important;
  box-shadow:
    0 34px 105px rgba(0,0,0,.47),
    inset 0 1px 0 rgba(255,255,255,.09),
    0 0 0 1px rgba(168,85,247,0.045) !important;
}

body.cr-v175bq-home-polish .cr-v175bm-kicker {
  box-shadow: 0 0 24px rgba(168,85,247,.14);
}

body.cr-v175bq-home-polish .cr-v175bm-title {
  text-shadow: 0 14px 42px rgba(0,0,0,.30);
}

body.cr-v175bq-home-polish .cr-v175bm-feature {
  border-color: rgba(168,85,247,.18) !important;
  background:
    linear-gradient(180deg, rgba(18,24,42,.94), rgba(9,14,28,.78)),
    radial-gradient(circle at 95% 8%, rgba(168,85,247,.16), transparent 11rem) !important;
}

body.cr-v175bq-home-polish .cr-v175bm-art {
  background:
    radial-gradient(circle at 38% 24%, rgba(255,255,255,.34), transparent 30%),
    radial-gradient(circle at 80% 78%, rgba(34,211,238,.36), transparent 32%),
    linear-gradient(135deg, rgba(168,85,247,.92), rgba(56,189,248,.66)),
    #101827 !important;
}

/* Latest releases: each card gets its own cover-art style. */
body.cr-v175bq-home-polish .cr-v175bm-release-card,
body.cr-v175bq-home-polish .cr-v175bm-preview-card,
body.cr-v175bq-home-polish .cr-v175bm-discovery-card,
body.cr-v175bq-home-polish .cr-v175bm-step-card {
  border-color: rgba(255,255,255,0.125) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 46px rgba(0,0,0,.16) !important;
}

body.cr-v175bq-home-polish .cr-v175bm-release-card {
  min-height: 216px !important;
  transform: translateZ(0);
}

body.cr-v175bq-home-polish .cr-v175bm-release-card:hover,
body.cr-v175bq-home-polish .cr-v175bm-preview-card:hover,
body.cr-v175bq-home-polish .cr-v175bm-discovery-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(168,85,247,.42) !important;
  box-shadow: 0 22px 52px rgba(0,0,0,.30), 0 0 34px rgba(168,85,247,.12) !important;
}

body.cr-v175bq-home-polish .cr-v175bm-release-art {
  position: relative;
  min-height: 128px !important;
  overflow: hidden;
}

body.cr-v175bq-home-polish .cr-v175bm-release-art::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .58;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 26px 26px;
  mask-image: radial-gradient(circle at 55% 45%, rgba(0,0,0,.9), transparent 72%);
}

body.cr-v175bq-home-polish .cr-v175bq-art-picks .cr-v175bm-release-art {
  background:
    radial-gradient(circle at 35% 30%, rgba(232,121,249,.62), transparent 28%),
    radial-gradient(circle at 78% 72%, rgba(56,189,248,.38), transparent 30%),
    linear-gradient(135deg, rgba(124,58,237,.68), rgba(5,7,17,.96)) !important;
}

body.cr-v175bq-home-polish .cr-v175bq-art-top .cr-v175bm-release-art {
  background:
    radial-gradient(circle at 48% 42%, rgba(56,189,248,.58), transparent 27%),
    radial-gradient(circle at 18% 76%, rgba(168,85,247,.40), transparent 30%),
    linear-gradient(135deg, rgba(14,116,144,.62), rgba(5,7,17,.96)) !important;
}

body.cr-v175bq-home-polish .cr-v175bq-art-library .cr-v175bm-release-art {
  background:
    radial-gradient(circle at 44% 32%, rgba(34,211,238,.42), transparent 28%),
    radial-gradient(circle at 74% 58%, rgba(168,85,247,.58), transparent 32%),
    linear-gradient(135deg, rgba(30,41,59,.90), rgba(5,7,17,.96)) !important;
}

body.cr-v175bq-home-polish .cr-v175bq-art-sets .cr-v175bm-release-art {
  background:
    radial-gradient(circle at 52% 38%, rgba(168,85,247,.55), transparent 30%),
    linear-gradient(115deg, rgba(6,182,212,.34), rgba(124,58,237,.62), rgba(5,7,17,.96)) !important;
}

body.cr-v175bq-home-polish .cr-v175bm-release-art::after {
  z-index: 2;
  width: 42px !important;
  height: 42px !important;
  background: rgba(5,7,17,.78) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* Panels: stronger mockup-card rhythm. */
body.cr-v175bq-home-polish .cr-v175bm-panel {
  border-color: rgba(255,255,255,0.12) !important;
  background:
    linear-gradient(180deg, rgba(13,19,36,.86), rgba(7,11,22,.69)),
    radial-gradient(circle at 92% 0%, rgba(168,85,247,.10), transparent 16rem) !important;
}

body.cr-v175bq-home-polish .cr-v175bm-grid-main {
  gap: 18px !important;
}

/* Live and upcoming becomes more premium. */
body.cr-v175bq-home-polish .cr-v175bm-mini-event {
  position: relative;
  padding-left: 44px !important;
  min-height: 62px;
  border-color: rgba(255,255,255,.12) !important;
  background:
    linear-gradient(180deg, rgba(15,23,42,.84), rgba(8,13,25,.70)) !important;
}

body.cr-v175bq-home-polish .cr-v175bm-mini-event::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 17px;
  width: 18px;
  height: 18px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(168,85,247,.95), rgba(56,189,248,.72));
  box-shadow: 0 0 18px rgba(168,85,247,.24);
}

/* Members spotlight: make it a real feature row, not hidden under the player. */
body.cr-v175bq-home-polish .cr-v175bm-members-row {
  min-height: 106px !important;
  gap: 14px !important;
  padding: 4px 2px 6px;
}

body.cr-v175bq-home-polish .cr-v175bm-member-card {
  min-width: 104px !important;
  max-width: 104px !important;
  min-height: 92px;
  display: grid;
  align-content: center;
  border-color: rgba(255,255,255,.12) !important;
  background:
    linear-gradient(180deg, rgba(15,23,42,.86), rgba(8,13,25,.72)),
    radial-gradient(circle at 50% 0%, rgba(168,85,247,.14), transparent 5rem) !important;
}

body.cr-v175bq-home-polish .cr-v175bm-avatar {
  width: 52px !important;
  height: 52px !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.24), 0 0 26px rgba(168,85,247,.14);
}

body.cr-v175bq-home-polish .cr-v175bm-member-card strong {
  font-size: 13px !important;
}

body.cr-v175bq-home-polish .cr-v175bm-member-card span {
  font-size: 10.5px !important;
}

/* Make lower preview sections feel intentional and provide player clearance. */
body.cr-v175bq-home-polish .cr-v175bm-preview-grid,
body.cr-v175bq-home-polish .cr-v175bm-steps {
  gap: 16px !important;
}

body.cr-v175bq-home-polish .cr-v175bm-live-note {
  margin-bottom: 76px !important;
  border-color: rgba(168,85,247,.18) !important;
  background:
    linear-gradient(180deg, rgba(13,19,36,.84), rgba(7,11,22,.66)),
    radial-gradient(circle at 85% 0%, rgba(168,85,247,.14), transparent 15rem) !important;
}

/* Add subtle CTA shine to primary buttons. */
body.cr-v175bq-home-polish .cr-v175bm-btn-primary {
  position: relative;
  overflow: hidden;
}

body.cr-v175bq-home-polish .cr-v175bm-btn-primary::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-130%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  animation: cr-v175bq-shine 5.5s ease-in-out infinite;
}

@keyframes cr-v175bq-shine {
  0%, 55% { transform: translateX(-130%); }
  75%, 100% { transform: translateX(130%); }
}

/* Responsive safety. */
@media (max-width: 1380px) {
  body.cr-v175bq-home-polish .cr-v175bm-wrap {
    width: min(1160px, calc(100vw - 36px)) !important;
  }
}

@media (max-width: 720px) {
  body.cr-v175bq-home-polish .cr-v175bm-home-page {
    padding-bottom: 210px !important;
  }

  body.cr-v175bq-home-polish .cr-v175bm-member-card {
    min-width: 96px !important;
    max-width: 96px !important;
  }
}

html::before {
  content: "CR_COLLECTIVE_V175BQ_HOME_CONTENT_ARTWORK_POLISH";
  display: none;
}

/* ==== end cr-home-content-artwork-polish-v175bq.css ==== */


/* ==== begin MODERN_HOME_DESKTOP gap closeout layer (OPTION_A) ==== */
/* Approved-target section structure. Route-scoped by construction: every selector
   lives under .cr-v175bm-home-page, which only the Home takeover creates on '/'. */

.cr-v175bm-home-page .cr-mh-hero { align-items: center; }
.cr-v175bm-home-page .cr-mh-hero-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  align-self: center;
  min-width: 0;
}
.cr-v175bm-home-page .cr-mh-title {
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: clamp(34px, 3.4vw, 52px);
  line-height: 1.04;
}
.cr-v175bm-home-page .cr-mh-kicker { text-transform: uppercase; letter-spacing: 0.14em; }
.cr-v175bm-home-page .cr-mh-lead { max-width: 560px; }

/* Hero side: adopted real Next Live schedule card gets the premium panel treatment.
   The adopted widget's classes (cr-mh-nl-*) deliberately avoid the "hero"/"panel"
   substrings so the legacy [class*=...] !important shotgun selectors cannot distort
   it. The icon dimensions are still guarded with !important as defence in depth. */
.cr-v175bm-home-page .cr-mh-next-live { min-height: 150px; }
.cr-v175bm-home-page .cr-mh-nextlive {
  margin: 0;
  width: 100%;
  background: rgba(10, 16, 34, 0.72);
  border: 1px solid rgba(126, 108, 255, 0.28);
  border-radius: 16px;
  padding: 16px;
  min-height: 0 !important;
}
.cr-v175bm-home-page .cr-mh-nl-top {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cr-v175bm-home-page .cr-mh-nl-icon {
  width: 38px !important;
  height: 38px !important;
  min-height: 0 !important;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cr-v175bm-home-page .cr-mh-nl-icon svg {
  width: 100% !important;
  height: 100% !important;
}
.cr-v175bm-home-page .cr-mh-nl-eyebrow {
  margin: 0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  opacity: 0.7;
}
.cr-v175bm-home-page .cr-mh-nl-time { font-weight: 600; }
.cr-v175bm-home-page .cr-mh-nl-meta { margin: 8px 0 0 0; font-size: 13px; opacity: 0.75; }
.cr-v175bm-home-page .cr-mh-nl-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
}
.cr-v175bm-home-page .cr-mh-nl-countdown { font-weight: 600; }
.cr-v175bm-home-page .cr-mh-nl-source { font-size: 12px; opacity: 0.6; }
.cr-v175bm-home-page .cr-mh-hero-links .cr-v175bm-pill { align-self: flex-start; }
/* The hero itself must not inherit the legacy 390px minimum through every child. */
.cr-v175bm-home-page .cr-mh-hero-side { min-height: 0 !important; }
.cr-v175bm-home-page .cr-mh-hero-links { margin-top: 12px; }

/* Panels + adopted widget normalization */
.cr-v175bm-home-page .cr-mh-panel { margin-top: 16px; }
.cr-v175bm-home-page .cr-mh-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.cr-v175bm-home-page .cr-mh-slot > .container {
  max-width: none;
  width: auto;
  margin: 0;
  padding: 0;
}
/* Adopted widgets keep their own heads for the no-JS fallback; inside the premium
   panels the panel head already names the section, so hide the duplicate. */
.cr-v175bm-home-page .cr-mh-slot .cr-mh-widget-head { display: none; }
.cr-v175bm-home-page .cr-mh-slot .section-head { margin: 0 0 8px 0; }

.cr-v175bm-home-page .cr-mh-grid-duo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 16px;
  align-items: start;
}
.cr-v175bm-home-page .cr-mh-grid-duo > .cr-mh-panel { margin-top: 16px; }

/* Members Spotlight (real profiles only; honest status text) */
.cr-v175bm-home-page .cr-mh-members-status { opacity: 0.75; margin: 0 0 10px 0; }
.cr-v175bm-home-page .cr-mh-members-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.cr-v175bm-home-page .cr-mh-member-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px 12px;
  border-radius: 14px;
  border: 1px solid rgba(126, 108, 255, 0.22);
  background: rgba(12, 18, 38, 0.6);
  text-decoration: none;
  text-align: center;
}
.cr-v175bm-home-page .cr-mh-member-card:hover { border-color: rgba(126, 108, 255, 0.55); }
.cr-v175bm-home-page .cr-mh-member-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #5b4bd4, #8b7bff);
  color: #fff;
  font-weight: 700;
}
.cr-v175bm-home-page .cr-mh-member-card span { font-size: 12px; opacity: 0.7; }

/* How It Works + Join */
.cr-v175bm-home-page .cr-mh-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.cr-v175bm-home-page .cr-mh-step-card {
  padding: 16px;
  border-radius: 14px;
  border: 1px solid rgba(126, 108, 255, 0.2);
  background: rgba(12, 18, 38, 0.55);
}
.cr-v175bm-home-page .cr-mh-step-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  margin-bottom: 10px;
  background: linear-gradient(135deg, rgba(126, 108, 255, 0.85), rgba(80, 220, 255, 0.55));
}
.cr-v175bm-home-page .cr-mh-join {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.cr-v175bm-home-page .cr-mh-join-copy p { margin: 6px 0 0 0; opacity: 0.8; }
.cr-v175bm-home-page .cr-mh-join-actions { display: flex; gap: 10px; flex-wrap: wrap; }

/* Narrow-viewport regression rules (mobile remains usable; approval NOT claimed) */
@media (max-width: 1040px) {
  .cr-v175bm-home-page .cr-mh-grid-duo { grid-template-columns: minmax(0, 1fr); }
  .cr-v175bm-home-page .cr-mh-members-row,
  .cr-v175bm-home-page .cr-mh-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .cr-v175bm-home-page .cr-mh-members-row,
  .cr-v175bm-home-page .cr-mh-steps { grid-template-columns: minmax(0, 1fr); }
  .cr-v175bm-home-page .cr-mh-join { flex-direction: column; align-items: flex-start; }
}

/* ==== MODERN_HOME_DESKTOP_R1 approved target fidelity / server first paint ==== */
.cr-mh-r1-page {
  --cr-mh-desktop-canvas: min(1500px, calc(100vw - 32px));
  --cr-mh-section-gap: 10px;
  --cr-mh-panel: rgba(6, 14, 27, 0.86);
  --cr-mh-line: rgba(137, 156, 198, 0.2);
  --cr-mh-line-bright: rgba(169, 91, 255, 0.4);
  --cr-mh-text: #f7f5fb;
  --cr-mh-muted: #a9adbd;
  --cr-mh-purple: #a347ff;
  --cr-mh-magenta: #df3cff;
  --cr-mh-cyan: #35bff5;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0 0 146px;
  color: var(--cr-mh-text);
  background:
    radial-gradient(circle at 78% 2%, rgba(45, 78, 180, 0.1), transparent 31%),
    linear-gradient(180deg, #030710 0%, #050a13 54%, #03070d 100%);
  overflow-x: clip;
}

.main:has(> .cr-mh-r1-page) {
  width: 100%;
  max-width: none;
  min-width: 0;
  padding: 0;
  overflow-x: clip;
}

.main:has(> .cr-mh-r1-page) > .footer { display: none; }

.cr-mh-r1-page,
.cr-mh-r1-page * { box-sizing: border-box; }

body .cr-mh-r1-page .cr-mh-r1-canvas {
  width: var(--cr-mh-desktop-canvas) !important;
  max-width: 100% !important;
  min-width: 0;
  margin: 0 auto;
  padding: 12px 0 0;
}

.cr-mh-r1-page .cr-mh-panel,
body .cr-mh-r1-page .cr-mh-r1-hero {
  border: 1px solid var(--cr-mh-line);
  border-radius: 8px;
  background: var(--cr-mh-panel);
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.025);
}

body .cr-mh-r1-page .cr-mh-r1-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(286px, 0.38fr);
  align-items: center;
  min-height: 292px !important;
  padding: 32px 32px 28px;
  border-radius: 8px !important;
  border-color: var(--cr-mh-line) !important;
  background: var(--cr-mh-panel) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.025) !important;
  overflow: hidden;
}

.cr-mh-r1-page .cr-mh-r1-hero-image {
  position: absolute;
  z-index: -2;
  inset: 0;
  background-image: url('/assets/cr-modern-home-hero-approved-source-v175fi.webp');
  background-size: cover;
  background-position: center 48%;
  filter: saturate(0.92) contrast(1.02) brightness(0.83);
}

.cr-mh-r1-page .cr-mh-r1-hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(3, 7, 16, 0.98) 0%, rgba(3, 7, 16, 0.9) 28%, rgba(3, 7, 16, 0.22) 57%, rgba(3, 7, 16, 0.62) 100%),
    linear-gradient(180deg, rgba(2, 5, 12, 0.08), rgba(2, 5, 12, 0.45));
}

.cr-mh-r1-page .cr-mh-r1-hero-copy {
  position: relative;
  z-index: 1;
  width: min(520px, 100%);
  min-width: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}

.cr-mh-r1-page .cr-mh-kicker {
  margin: 0 0 8px;
  color: #c765ff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
}

.cr-mh-r1-page .cr-mh-title {
  max-width: 520px;
  margin: 0;
  color: #fff;
  font-size: clamp(34px, 3.1vw, 50px);
  font-weight: 850;
  line-height: 0.98;
  letter-spacing: 0;
  text-wrap: balance;
  text-shadow: 0 2px 22px rgba(0, 0, 0, 0.62);
}

.cr-mh-r1-page .cr-mh-lead {
  max-width: 500px;
  margin: 12px 0 0;
  color: #e2e1e9;
  font-size: 15px;
  line-height: 1.45;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8);
}

.cr-mh-r1-page .cr-mh-actions {
  display: flex;
  gap: 10px;
  margin-top: 16px;
  flex-wrap: wrap;
}

.cr-mh-r1-page .cr-v175bm-btn {
  min-height: 38px;
  padding: 9px 20px;
  border: 1px solid rgba(173, 185, 220, 0.3);
  border-radius: 7px;
  color: #fff;
  background: rgba(6, 11, 22, 0.72);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

.cr-mh-r1-page .cr-v175bm-btn-primary {
  border-color: rgba(201, 82, 255, 0.68);
  background: linear-gradient(110deg, #8b35ea, #c438f0 66%, #5c6cf3);
  box-shadow: 0 8px 24px rgba(144, 51, 237, 0.27);
}

.cr-mh-r1-page .cr-v175bm-btn:hover,
.cr-mh-r1-page .cr-v175bm-panel-link:hover { border-color: rgba(190, 103, 255, 0.72); color: #fff; }

.cr-mh-r1-page .cr-mh-now-playing {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 340px;
  min-height: 176px;
  min-width: 0;
  justify-self: end;
  padding: 16px;
  border: 1px solid rgba(152, 164, 202, 0.3);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(7, 13, 25, 0.95), rgba(7, 17, 31, 0.87));
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38), inset 0 1px rgba(255, 255, 255, 0.035);
  backdrop-filter: blur(14px);
}

.cr-mh-r1-page .cr-mh-now-playing-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: #ca75ff;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.cr-mh-r1-page .cr-mh-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff3d68;
  box-shadow: 0 0 11px rgba(255, 61, 104, 0.8);
}

.cr-mh-r1-page .cr-mh-now-playing-body {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
}

.cr-mh-r1-page .cr-mh-now-playing-art {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid rgba(182, 79, 255, 0.38);
  border-radius: 7px;
  color: rgba(255, 255, 255, 0.9);
  background:
    radial-gradient(circle, rgba(10, 12, 24, 0.08) 0 20%, rgba(10, 12, 24, 0.68) 21% 28%, transparent 29%),
    linear-gradient(135deg, rgba(169, 54, 239, 0.78), rgba(23, 36, 79, 0.96) 52%, rgba(21, 188, 224, 0.62));
  font-size: 24px;
  font-weight: 900;
}

.cr-mh-r1-page .cr-mh-now-playing-art img { width: 100%; height: 100%; object-fit: cover; }
.cr-mh-r1-page .cr-mh-now-playing-copy { min-width: 0; }
.cr-mh-r1-page .cr-mh-now-playing-status { margin: 0 0 4px; color: #9ea6b8; font-size: 10px; text-transform: uppercase; }
.cr-mh-r1-page .cr-mh-now-playing-copy h2 { margin: 0; overflow: hidden; color: #fff; font-size: 14px; line-height: 1.3; text-overflow: ellipsis; }
.cr-mh-r1-page .cr-mh-now-playing-copy > p:not(.cr-mh-now-playing-status) { margin: 4px 0 0; overflow: hidden; color: #c7c9d4; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; }
.cr-mh-r1-page .cr-mh-now-playing-meta { color: #8e96aa !important; font-size: 10px !important; }
.cr-mh-r1-page .cr-mh-now-playing-actions { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.cr-mh-r1-page .cr-mh-now-playing-action { display: inline-flex; min-height: 30px; padding: 7px 12px; font-size: 11px; }
.cr-mh-r1-page .cr-mh-now-playing-schedule { color: #c5c9d6; font-size: 10px; text-decoration: none; }

.cr-mh-r1-page .cr-mh-panel {
  min-width: 0;
  margin-top: var(--cr-mh-section-gap);
  padding: 12px 14px;
}

.cr-mh-r1-page .cr-mh-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  margin: 0 0 9px;
}

.cr-mh-r1-page .cr-v175bm-panel-title {
  margin: 0;
  color: #f7f6fb;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.cr-mh-r1-page .cr-v175bm-panel-link {
  color: #d782ff;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}

.cr-mh-r1-page .muted,
.cr-mh-r1-page [data-mh-members-status] {
  margin: 4px 0;
  color: var(--cr-mh-muted);
  font-size: 11px;
}

.cr-mh-r1-page .cr-mh-r1-community { min-height: 146px; }
.cr-mh-r1-page .cr-home-community-picks-v172t { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.cr-mh-r1-page .cr-home-community-picks-grid-v172t {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}

.cr-mh-r1-page .cr-community-pick-card-v172u {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  grid-template-rows: 72px;
  min-width: 0;
  min-height: 72px;
  overflow: hidden;
  border: 1px solid rgba(130, 148, 190, 0.18);
  border-radius: 7px;
  background: rgba(12, 21, 34, 0.78);
}

.cr-mh-r1-page .cr-community-pick-art-v169zl { width: 72px; height: 72px; min-height: 0; border-radius: 0; }
.cr-mh-r1-page .cr-community-pick-main-v169zl { min-width: 0; padding: 8px; }
.cr-mh-r1-page .cr-community-pick-main-v169zl h3 { margin: 0; overflow: hidden; font-size: 11px; line-height: 1.25; white-space: nowrap; text-overflow: ellipsis; }
.cr-mh-r1-page .cr-community-pick-artist-v169zl,
.cr-mh-r1-page .cr-community-pick-by-v169zl { margin: 3px 0 0; overflow: hidden; color: #aeb4c5; font-size: 9px; white-space: nowrap; text-overflow: ellipsis; }
.cr-mh-r1-page .cr-community-pick-meta-v169zl,
.cr-mh-r1-page .cr-community-pick-actions-v169zl,
.cr-mh-r1-page .cr-community-pick-more-v172u,
.cr-mh-r1-page .cr-community-pick-seen-v172v { display: none; }

body .cr-mh-r1-page .cr-mh-r1-duo {
  display: grid;
  grid-template-columns: minmax(0, 0.76fr) minmax(0, 1.24fr) !important;
  gap: var(--cr-mh-section-gap) !important;
}

.cr-mh-r1-page .cr-mh-r1-duo > .cr-mh-panel { margin-top: var(--cr-mh-section-gap); }
.cr-mh-r1-page .top-tracks-panel,
.cr-mh-r1-page .vods-shell { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.cr-mh-r1-page [data-top-tracks-list] { gap: 4px; }
.cr-mh-r1-page .top-track-item.is-compact { min-height: 34px; padding: 3px 5px; gap: 7px; border-radius: 4px; }
.cr-mh-r1-page .top-track-rank { width: 28px; height: 28px; border-radius: 5px; font-size: 12px; }
.cr-mh-r1-page .top-track-title { font-size: 10px; }
.cr-mh-r1-page .top-track-meta,
.cr-mh-r1-page .top-track-meta-extra,
.cr-mh-r1-page .top-track-remixer,
.cr-mh-r1-page .top-track-service-links,
.cr-mh-r1-page .top-track-vod-link,
.cr-mh-r1-page .cr-track-vote__text,
.cr-mh-r1-page .cr-track-vote__sub { display: none; }
.cr-mh-r1-page .top-track-actions { gap: 4px; }
.cr-mh-r1-page .top-track-vote { min-width: 34px; min-height: 24px; height: 24px; padding: 2px 6px; }

.cr-mh-r1-page .vods-shell #grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.cr-mh-r1-page .vods-shell .card { min-width: 0; overflow: hidden; border-radius: 7px; }
.cr-mh-r1-page .vods-shell .thumb { aspect-ratio: 1.55; min-height: 0; }
.cr-mh-r1-page .vods-shell .card-body { padding: 7px; }
.cr-mh-r1-page .vods-shell .title { overflow: hidden; font-size: 10px; line-height: 1.25; white-space: nowrap; text-overflow: ellipsis; }
.cr-mh-r1-page .vods-shell .meta,
.cr-mh-r1-page .vods-shell .tags { display: none; }

body .cr-mh-r1-page .cr-mh-r1-community-row {
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr) !important;
  gap: var(--cr-mh-section-gap) !important;
}

.cr-mh-r1-page .cr-mh-r1-community-row > .cr-mh-panel { margin-top: var(--cr-mh-section-gap); }
.cr-mh-r1-page .cr-mh-members-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.cr-mh-r1-page .cr-mh-member-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 7px;
  border: 1px solid rgba(131, 147, 184, 0.18);
  border-radius: 7px;
  color: #f5f4f9;
  background: rgba(10, 18, 30, 0.76);
  text-decoration: none;
}
.cr-mh-r1-page .cr-mh-member-avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
.cr-mh-r1-page .cr-mh-member-avatar-fallback { display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, #7338d4, #2c9fd1); font-weight: 800; }
.cr-mh-r1-page .cr-mh-member-copy { display: flex; min-width: 0; flex-direction: column; }
.cr-mh-r1-page .cr-mh-member-copy strong,
.cr-mh-r1-page .cr-mh-member-copy span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cr-mh-r1-page .cr-mh-member-copy strong { font-size: 10px; }
.cr-mh-r1-page .cr-mh-member-copy span { margin-top: 2px; color: #9ca3b6; font-size: 8px; }

.cr-mh-r1-page .cr-mh-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.cr-mh-r1-page .cr-mh-step-card { min-width: 0; padding: 3px 6px 0; text-align: center; }
.cr-mh-r1-page .cr-mh-step-icon { display: grid; width: 28px; height: 28px; margin: 0 auto 4px; place-items: center; color: #b84dff; }
.cr-mh-r1-page .cr-mh-step-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cr-mh-r1-page .cr-mh-step-card h3 { margin: 0; font-size: 9px; text-transform: uppercase; }
.cr-mh-r1-page .cr-mh-step-card p { margin: 3px auto 0; color: #b2b6c4; font-size: 8px; line-height: 1.35; }

.cr-mh-r1-page .cr-mh-join {
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.cr-mh-r1-page .cr-mh-join-copy p { margin: 4px 0 0; color: #b8bcc9; font-size: 10px; }
.cr-mh-r1-page .cr-mh-join-actions { display: flex; gap: 10px; }
.cr-mh-r1-page .cr-mh-join-actions .cr-v175bm-btn { min-width: 150px; text-align: center; }
.cr-mh-r1-page .cr-mh-noscript { padding: 12px; color: #c6c9d4; font-size: 12px; }

@media (min-width: 1180px) {
  .cr-mh-r1-page .cr-mh-r1-canvas { width: var(--cr-mh-desktop-canvas); }
}

@media (max-width: 1179px) {
  .cr-mh-r1-page { --cr-mh-desktop-canvas: calc(100vw - 24px); --cr-mh-section-gap: 9px; }
  .cr-mh-r1-page .cr-mh-r1-hero { grid-template-columns: minmax(0, 1fr) minmax(260px, 0.48fr); }
  .cr-mh-r1-page .cr-home-community-picks-grid-v172t { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cr-mh-r1-page .cr-community-pick-card-v172u:nth-child(n+4) { display: none; }
  .cr-mh-r1-page .cr-mh-members-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .cr-mh-r1-page {
    --cr-mh-desktop-canvas: calc(100vw - 20px);
    padding-bottom: 158px;
  }
  .cr-mh-r1-canvas { max-width: calc(100vw - 20px) !important; padding-top: 8px; }
  body .cr-mh-r1-page .cr-mh-r1-hero {
    display: flex !important;
    min-height: 0 !important;
    padding: 24px 18px 18px;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 18px !important;
  }
  body .cr-mh-r1-page .cr-mh-r1-hero-copy {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  body .cr-mh-r1-page .cr-mh-r1-hero h1 {
    width: 100% !important;
    max-width: 520px !important;
  }
  .cr-mh-r1-page .cr-mh-r1-hero-image { background-position: 63% center; }
  .cr-mh-r1-page .cr-mh-r1-hero::after { background: linear-gradient(180deg, rgba(2, 6, 14, 0.55), rgba(2, 6, 14, 0.92) 58%, rgba(2, 6, 14, 0.98)); }
  .cr-mh-r1-page .cr-mh-title { font-size: clamp(31px, 9vw, 42px); }
  .cr-mh-r1-page .cr-mh-lead { font-size: 13px; }
  body .cr-mh-r1-page .cr-mh-now-playing {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    align-self: stretch !important;
    justify-self: stretch !important;
  }
  .cr-mh-r1-page .cr-home-community-picks-grid-v172t,
  .cr-mh-r1-page .cr-mh-r1-duo,
  .cr-mh-r1-page .cr-mh-r1-community-row,
  .cr-mh-r1-page .cr-mh-members-row,
  .cr-mh-r1-page .cr-mh-steps { grid-template-columns: minmax(0, 1fr); }
  body .cr-mh-r1-page .cr-mh-r1-duo,
  body .cr-mh-r1-page .cr-mh-r1-community-row { grid-template-columns: minmax(0, 1fr) !important; }
  .cr-mh-r1-page .cr-community-pick-card-v172u:nth-child(n+3) { display: none; }
  .cr-mh-r1-page .vods-shell #grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cr-mh-r1-page .cr-mh-r1-community-row > .cr-mh-panel { min-width: 0; }
  .cr-mh-r1-page .cr-mh-steps { gap: 4px; }
  .cr-mh-r1-page .cr-mh-step-card { display: grid; grid-template-columns: 34px minmax(0, 1fr); grid-template-rows: auto auto; text-align: left; }
  .cr-mh-r1-page .cr-mh-step-icon { grid-row: 1 / span 2; margin: 0; }
  .cr-mh-r1-page .cr-mh-step-card p { margin: 2px 0 0; }
  .cr-mh-r1-page .cr-mh-join { align-items: stretch; flex-direction: column; }
  .cr-mh-r1-page .cr-mh-join-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .cr-mh-r1-page .cr-mh-join-actions .cr-v175bm-btn { min-width: 0; }
}

@media (max-width: 420px) {
  .cr-mh-r1-page { --cr-mh-desktop-canvas: calc(100vw - 16px); }
  .cr-mh-r1-canvas { max-width: calc(100vw - 16px) !important; }
  .cr-mh-r1-page .cr-mh-r1-hero { padding-inline: 15px; }
  .cr-mh-r1-page .cr-mh-now-playing-body { grid-template-columns: 78px minmax(0, 1fr); }
  .cr-mh-r1-page .cr-mh-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .cr-mh-r1-page .cr-v175bm-btn { text-align: center; }
}

@media (max-width: 260px) {
  .cr-mh-r1-page .cr-mh-title {
    font-size: clamp(19px, 10.5vw, 22px);
    overflow-wrap: anywhere;
  }
  .cr-mh-r1-page .cr-mh-now-playing-body { grid-template-columns: minmax(0, 1fr); }
  .cr-mh-r1-page .cr-mh-now-playing-art { width: 78px; }
  .cr-mh-r1-page .cr-mh-now-playing-copy h2,
  .cr-mh-r1-page .cr-mh-now-playing-copy > p:not(.cr-mh-now-playing-status) {
    overflow: visible;
    overflow-wrap: anywhere;
    white-space: normal;
    text-overflow: clip;
  }
  .cr-mh-r1-page .cr-mh-now-playing-actions { flex-wrap: wrap; }
}
/* ==== end MODERN_HOME_DESKTOP gap closeout layer ==== */