/* CR_COLLECTIVE_V175EP_PREMIUM_HOME_GLOBAL_SHELL
   Clean-room additive UI layer for Home + global shell.
   Scope: body.cr-v175ep-shell / body.cr-v175ep-home only.
   No player selectors, no API/auth/data logic, no profile-shell render changes,
   no banner/OG assets, no broad button/card/panel overrides. */

:root {
  --cr-v175ep-bg: #03050d;
  --cr-v175ep-bg-2: #07091a;
  --cr-v175ep-panel: rgba(12, 15, 34, 0.72);
  --cr-v175ep-panel-strong: rgba(10, 12, 28, 0.9);
  --cr-v175ep-line: rgba(169, 184, 255, 0.16);
  --cr-v175ep-line-strong: rgba(99, 179, 255, 0.28);
  --cr-v175ep-text: rgba(255, 255, 255, 0.96);
  --cr-v175ep-muted: rgba(220, 228, 255, 0.72);
  --cr-v175ep-violet: #8b5cf6;
  --cr-v175ep-indigo: #4f46e5;
  --cr-v175ep-blue: #2f7dff;
  --cr-v175ep-cyan: #22d3ee;
  --cr-v175ep-pink: #e879f9;
  --cr-v175ep-shadow: 0 26px 90px rgba(0, 0, 0, 0.48);
  --cr-v175ep-glow: 0 0 0 1px rgba(139, 92, 246, 0.18), 0 18px 58px rgba(47, 125, 255, 0.16);
  --cr-v175ep-edge: linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.72), rgba(139, 92, 246, 0.78), rgba(232, 121, 249, 0.62), transparent);
}

body.cr-v175ep-shell {
  color: var(--cr-v175ep-text);
  background:
    radial-gradient(circle at 18% 0%, rgba(139, 92, 246, 0.16), transparent 34rem),
    radial-gradient(circle at 84% 8%, rgba(34, 211, 238, 0.12), transparent 30rem),
    linear-gradient(180deg, var(--cr-v175ep-bg), var(--cr-v175ep-bg-2) 46%, #04050c);
  overflow-x: clip;
}

body.cr-v175ep-shell .topbar,
body.cr-v175ep-shell .cr-v175bd-topnav {
  border: 1px solid rgba(169, 184, 255, 0.16);
  background:
    linear-gradient(180deg, rgba(15, 18, 40, 0.82), rgba(7, 9, 24, 0.84)),
    radial-gradient(circle at top left, rgba(139, 92, 246, 0.18), transparent 36%);
  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
}

body.cr-v175ep-shell .brand-title,
body.cr-v175ep-shell .cr-v175bd-brand-title {
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.98);
}

body.cr-v175ep-shell .brand-sub,
body.cr-v175ep-shell .cr-v175bd-brand-sub {
  color: rgba(220, 228, 255, 0.64);
}

body.cr-v175ep-shell .sidebar,
body.cr-v175ep-shell .cr-v175ct-rail {
  border-color: rgba(169, 184, 255, 0.13);
  background:
    linear-gradient(180deg, rgba(9, 12, 28, 0.94), rgba(5, 7, 18, 0.96)),
    radial-gradient(circle at 8% 6%, rgba(139, 92, 246, 0.16), transparent 28rem);
  box-shadow: inset -1px 0 0 rgba(34, 211, 238, 0.07);
}

body.cr-v175ep-shell .side-link,
body.cr-v175ep-shell .cr-v175ct-link {
  min-width: 0;
  border: 1px solid transparent;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

body.cr-v175ep-shell .side-link:hover,
body.cr-v175ep-shell .side-link:focus-visible,
body.cr-v175ep-shell .side-link.is-current,
body.cr-v175ep-shell .cr-v175ct-link:hover,
body.cr-v175ep-shell .cr-v175ct-link:focus-visible,
body.cr-v175ep-shell .cr-v175ct-link.is-active {
  border-color: rgba(139, 92, 246, 0.34);
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.18), rgba(34, 211, 238, 0.08));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 12px 34px rgba(80, 70, 220, 0.12);
  color: #fff;
}

body.cr-v175ep-shell .side-ico,
body.cr-v175ep-shell .cr-v175ct-icon {
  color: var(--cr-v175ep-cyan);
  filter: drop-shadow(0 0 10px rgba(34, 211, 238, 0.16));
}

body.cr-v175ep-shell .main,
body.cr-v175ep-shell .cr-v175de-home-source-main {
  min-width: 0;
  overflow-x: clip;
}

body.cr-v175ep-shell .main {
  padding-bottom: max(150px, env(safe-area-inset-bottom));
}

body.cr-v175ep-home .cr-v175de-home-source-main {
  padding-top: clamp(14px, 2vw, 28px);
}

body.cr-v175ep-home .cr-v175bm-home-page {
  max-width: min(1320px, calc(100vw - 24px)) !important;
}

body.cr-v175ep-home .cr-v175bm-wrap {
  display: grid;
  gap: clamp(16px, 2.4vw, 28px);
}

body.cr-v175ep-home .cr-v175dh-hero {
  isolation: isolate;
  border-radius: 24px !important;
  background:
    linear-gradient(90deg, rgba(3, 5, 13, 0.98) 0%, rgba(7, 8, 24, 0.92) 36%, rgba(16, 10, 42, 0.72) 68%, rgba(3, 8, 21, 0.96) 100%),
    radial-gradient(circle at 72% 28%, rgba(34, 211, 238, 0.24), transparent 22rem),
    radial-gradient(circle at 58% 18%, rgba(139, 92, 246, 0.34), transparent 28rem),
    linear-gradient(135deg, rgba(79, 70, 229, 0.2), rgba(232, 121, 249, 0.08) 48%, rgba(34, 211, 238, 0.12)) !important;
  box-shadow: var(--cr-v175ep-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.cr-v175ep-home .cr-v175dh-hero::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent 20%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 54px),
    linear-gradient(110deg, transparent, rgba(34, 211, 238, 0.14), transparent 64%);
}

body.cr-v175ep-home .cr-v175dh-hero::after {
  opacity: 0.58;
}

body.cr-v175ep-home .cr-v175bm-kicker,
body.cr-v175ep-home .cr-v175bm-section-kicker {
  color: #bca7ff !important;
  letter-spacing: 0.14em;
}

body.cr-v175ep-home .cr-v175bm-title {
  letter-spacing: 0;
  text-shadow: 0 22px 60px rgba(0, 0, 0, 0.42);
}

body.cr-v175ep-home .cr-v175bm-title span {
  background: linear-gradient(90deg, var(--cr-v175ep-violet), var(--cr-v175ep-cyan), var(--cr-v175ep-pink));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

body.cr-v175ep-home .cr-v175bm-lead {
  color: var(--cr-v175ep-muted) !important;
}

body.cr-v175ep-home .cr-v175bm-panel {
  position: relative;
  min-width: 0;
  border: 1px solid var(--cr-v175ep-line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.028)),
    var(--cr-v175ep-panel) !important;
  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.34) !important;
  backdrop-filter: blur(16px) saturate(1.12);
  -webkit-backdrop-filter: blur(16px) saturate(1.12);
}

body.cr-v175ep-home .cr-v175bm-panel::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--cr-v175ep-edge);
  opacity: 0.52;
  pointer-events: none;
}

body.cr-v175ep-home .cr-v175bm-panel-head {
  gap: 12px;
  min-width: 0;
}

body.cr-v175ep-home .cr-v175bm-panel-title {
  color: rgba(255, 255, 255, 0.96);
  letter-spacing: 0;
}

body.cr-v175ep-home .cr-v175de-panel-copy,
body.cr-v175ep-home .muted {
  color: rgba(220, 228, 255, 0.68);
}

body.cr-v175ep-home .cr-v175bm-panel-link {
  color: #bca7ff;
}

body.cr-v175ep-home .cr-v175bm-grid-main,
body.cr-v175ep-home .cr-v175dh-member-sections,
body.cr-v175ep-home .cr-v175bm-preview-grid,
body.cr-v175ep-home .cr-v175de-live-grid {
  min-width: 0;
}

body.cr-v175ep-home .cr-v175bm-btn {
  border-radius: 14px;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

body.cr-v175ep-home .cr-v175bm-btn:hover,
body.cr-v175ep-home .cr-v175bm-btn:focus-visible,
body.cr-v175ep-home .cr-v175dh-member-card:hover,
body.cr-v175ep-home .cr-v175dh-member-card:focus-visible,
body.cr-v175ep-home .cr-v175bm-preview-card:hover,
body.cr-v175ep-home .cr-v175bm-preview-card:focus-visible {
  transform: translateY(-1px);
  box-shadow: var(--cr-v175ep-glow);
}

body.cr-v175ep-home .cr-v175bm-btn-primary {
  background: linear-gradient(135deg, var(--cr-v175ep-violet), var(--cr-v175ep-blue), var(--cr-v175ep-cyan)) !important;
}

body.cr-v175ep-home .cr-v175bm-btn-secondary {
  border-color: rgba(169, 184, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

body.cr-v175ep-home .cr-v175dh-member-card,
body.cr-v175ep-home .cr-v175bm-preview-card {
  border-color: rgba(169, 184, 255, 0.15);
  background:
    linear-gradient(135deg, rgba(139, 92, 246, 0.14), rgba(34, 211, 238, 0.06)),
    rgba(255, 255, 255, 0.04);
}

body.cr-v175ep-home .cr-v175de-live-panel iframe {
  max-width: 100%;
}

@media (max-width: 900px) {
  body.cr-v175ep-shell {
    overflow-x: hidden;
  }

  body.cr-v175ep-shell .topbar,
  body.cr-v175ep-shell .cr-v175bd-topnav {
    border-radius: 18px;
  }

  body.cr-v175ep-home .cr-v175de-home-source-main {
    padding-inline: clamp(10px, 3vw, 16px) !important;
  }

  body.cr-v175ep-home .cr-v175bm-home-page {
    max-width: 100% !important;
  }

  body.cr-v175ep-home .cr-v175dh-hero {
    min-height: 500px !important;
    border-radius: 20px !important;
  }

  body.cr-v175ep-home .cr-v175bm-panel {
    border-radius: 18px !important;
  }
}

@media (max-width: 520px) {
  body.cr-v175ep-home .cr-v175bm-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.cr-v175ep-home .cr-v175bm-btn {
    width: 100%;
    justify-content: center;
  }

  body.cr-v175ep-home .cr-v175bm-panel-head {
    align-items: flex-start;
  }

  body.cr-v175ep-home .cr-v175bm-panel-link {
    white-space: normal;
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cr-v175ep-shell .side-link,
  body.cr-v175ep-shell .cr-v175ct-link,
  body.cr-v175ep-home .cr-v175bm-btn,
  body.cr-v175ep-home .cr-v175dh-member-card,
  body.cr-v175ep-home .cr-v175bm-preview-card {
    transition: none !important;
  }
}