/*
 * GXXXN.LIVE — BLACKLIGHT UV v2
 * Stronger fluorescent/UV treatment. Loaded after blacklight.css.
 * No scene/sign styling.
 */

:root {
  --uv-black: #000002;
  --uv-black-2: #020006;
  --uv-pink: #ff00d9;
  --uv-pink-hot: #ff3df1;
  --uv-violet: #8a00ff;
  --uv-blue: #2d42ff;
  --uv-cyan: #00f7ff;
  --uv-lime: #c8ff00;
  --uv-white: #fff7ff;
  --uv-dim: #a58caf;
  --uv-panel: rgba(4,0,9,.82);
  --uv-line: rgba(157,0,255,.32);
  --uv-glow-pink: 0 0 3px #fff, 0 0 8px rgba(255,0,217,.95), 0 0 22px rgba(255,0,217,.65), 0 0 46px rgba(255,0,217,.26);
  --uv-glow-cyan: 0 0 3px #fff, 0 0 8px rgba(0,247,255,.9), 0 0 22px rgba(0,247,255,.5), 0 0 40px rgba(0,247,255,.2);
  --uv-glow-lime: 0 0 3px rgba(255,255,255,.9), 0 0 9px rgba(200,255,0,.8), 0 0 24px rgba(200,255,0,.32);
}

html,
body {
  background: var(--uv-black) !important;
}

body {
  background-image:
    radial-gradient(circle at 10% 12%, rgba(255,0,217,.17), transparent 22rem),
    radial-gradient(circle at 92% 17%, rgba(0,247,255,.13), transparent 25rem),
    radial-gradient(circle at 52% 68%, rgba(138,0,255,.12), transparent 32rem),
    linear-gradient(180deg, #000002 0%, #030008 46%, #000002 100%) !important;
}

/* UV haze and fluorescent speckle. */
body::before {
  opacity: .58 !important;
  background-image:
    radial-gradient(circle at 18% 19%, rgba(255,61,241,.34) 0 1px, transparent 1.7px),
    radial-gradient(circle at 76% 28%, rgba(0,247,255,.28) 0 1px, transparent 1.8px),
    radial-gradient(circle at 44% 74%, rgba(200,255,0,.20) 0 1px, transparent 1.7px),
    linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px) !important;
  background-size: 97px 83px, 131px 109px, 157px 141px, 44px 44px, 44px 44px !important;
}

body::after {
  opacity: .035 !important;
  background: repeating-linear-gradient(0deg, rgba(255,255,255,.14) 0 1px, transparent 1px 4px) !important;
}

.ambient {
  opacity: .28 !important;
  filter: blur(110px) saturate(165%) !important;
}

.ambient-a {
  background: #ff00d9 !important;
}

.ambient-b {
  background: #00f7ff !important;
}

/* Remove every remaining sign-era presentation hook. */
.hero-sign,
.hero-sign::before,
.hero-sign::after,
#sceneKicker,
#sceneOpen,
.scene-v2-badge,
[data-scene-sign] {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

#sceneKicker,
#sceneOpen {
  display: none !important;
}

/* Plain fluorescent wordmark — not a sign. */
.blacklight-wordmark {
  position: relative;
  display: inline-block;
  isolation: isolate;
  margin: 2px 0 0;
  padding: 0;
}

.blacklight-wordmark::before {
  content: "";
  position: absolute;
  inset: 20% -6% 12%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(255,0,217,.16), rgba(138,0,255,.08) 38%, transparent 72%);
  filter: blur(24px);
}

.blacklight-wordmark h1,
#sceneTitle {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--uv-white) !important;
  font-size: clamp(4.6rem, 11vw, 11.5rem) !important;
  font-weight: 1000 !important;
  line-height: .74 !important;
  letter-spacing: -.085em !important;
  text-transform: uppercase;
  text-shadow:
    0 0 2px #fff,
    0 0 8px rgba(255,255,255,.55),
    0 0 18px rgba(255,0,217,.42),
    0 0 52px rgba(138,0,255,.28) !important;
}

.blacklight-wordmark .uv-hot {
  color: var(--uv-pink-hot) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
  text-shadow: var(--uv-glow-pink) !important;
}

.blacklight-wordmark h1 small {
  display: block;
  margin-top: .12em;
  margin-left: .06em;
  color: var(--uv-cyan) !important;
  font-size: .28em;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .32em;
  text-shadow: var(--uv-glow-cyan);
}

.hero {
  min-height: 520px !important;
  padding-top: clamp(72px, 9vw, 128px) !important;
}

.hero::before {
  inset: 4% -7% 4% !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 15% 38%, rgba(255,0,217,.16), transparent 25%),
    radial-gradient(circle at 70% 32%, rgba(0,247,255,.1), transparent 27%),
    radial-gradient(circle at 42% 80%, rgba(138,0,255,.12), transparent 28%) !important;
  box-shadow: none !important;
  filter: saturate(145%);
}

#sceneEyebrow,
.eyebrow,
.orientation-label,
.source-control > span,
.search-source-note strong,
.intel-stamp {
  color: var(--uv-lime) !important;
  text-shadow: var(--uv-glow-lime) !important;
}

.hero-copy {
  color: #d0bad8 !important;
  text-shadow: 0 0 16px rgba(157,0,255,.08);
}

.store-marquee {
  border-color: rgba(255,0,217,.66) !important;
  background: #000002 !important;
  box-shadow: 0 0 34px rgba(255,0,217,.25) !important;
}

.store-marquee-track {
  color: var(--uv-pink-hot) !important;
  text-shadow: var(--uv-glow-pink) !important;
}

.topbar::before {
  background: rgba(0,0,2,.92) !important;
  border-bottom-color: rgba(0,247,255,.22) !important;
  box-shadow: 0 10px 45px rgba(0,0,0,.78), 0 0 24px rgba(0,247,255,.08) !important;
}

.brand-mark,
.age-logo {
  color: #fff !important;
  border-color: var(--uv-pink) !important;
  background: #050009 !important;
  box-shadow: var(--uv-glow-pink), inset 0 0 22px rgba(138,0,255,.24) !important;
}

.brand-copy > span,
.footer-brand > span {
  color: var(--uv-pink-hot) !important;
  text-shadow: var(--uv-glow-pink) !important;
}

.brand-copy small {
  color: var(--uv-cyan) !important;
  text-shadow: var(--uv-glow-cyan) !important;
}

#searchForm.search,
.search {
  border-color: rgba(255,0,217,.58) !important;
  background: rgba(3,0,8,.92) !important;
  box-shadow: inset 0 0 32px rgba(138,0,255,.12), 0 0 22px rgba(255,0,217,.16) !important;
}

#searchForm.search:focus-within,
.search:focus-within {
  border-color: var(--uv-cyan) !important;
  box-shadow: var(--uv-glow-cyan), inset 0 0 36px rgba(0,247,255,.07) !important;
}

.search button,
.primary-button,
.load-more {
  color: #050006 !important;
  background: var(--uv-pink-hot) !important;
  border-color: var(--uv-pink-hot) !important;
  box-shadow: var(--uv-glow-pink) !important;
}

.search button:hover,
.primary-button:hover,
.load-more:hover {
  background: var(--uv-cyan) !important;
  border-color: var(--uv-cyan) !important;
  box-shadow: var(--uv-glow-cyan) !important;
}

.orientation-button.active,
.chip.active,
.ghost-button.active {
  background: var(--uv-cyan) !important;
  border-color: var(--uv-cyan) !important;
  color: #000 !important;
  box-shadow: var(--uv-glow-cyan) !important;
}

.status-card,
.category-deck,
.affiliate-market,
.player-dialog,
.age-card,
.intel-panel {
  background: rgba(3,0,8,.86) !important;
  border-color: rgba(138,0,255,.3) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.72), inset 0 0 42px rgba(138,0,255,.045) !important;
}

.status-card::before {
  color: var(--uv-pink-hot) !important;
  text-shadow: var(--uv-glow-pink) !important;
}

.status-dot {
  background: var(--uv-lime) !important;
  box-shadow: var(--uv-glow-lime) !important;
}

.category-rail button,
.category-rail a,
.provider-categories summary,
.chip,
.ghost-button,
.orientation-button,
.recent-pill,
.save-button {
  background: rgba(4,0,10,.9) !important;
  border-color: rgba(138,0,255,.34) !important;
}

.category-rail button:hover,
.category-rail a:hover,
.provider-categories summary:hover,
.chip:hover,
.ghost-button:hover,
.orientation-button:hover,
.recent-pill:hover {
  border-color: var(--uv-cyan) !important;
  box-shadow: 0 0 15px rgba(0,247,255,.25) !important;
}

.feed-head {
  border-top-color: rgba(255,0,217,.3) !important;
}

.feed-head h2,
.category-head h2,
.affiliate-market h2 {
  color: #fff !important;
  text-shadow: 0 0 4px rgba(255,255,255,.32), 0 0 26px rgba(138,0,255,.2) !important;
}

.video-card {
  position: relative;
}

.video-card::before {
  content: "";
  position: absolute;
  inset: -5px;
  z-index: -1;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,0,217,.12), transparent 40%, rgba(0,247,255,.08));
  filter: blur(9px);
  opacity: .28;
  transition: opacity .18s ease;
}

.video-card:hover::before {
  opacity: .72;
}

.thumb-button {
  border: 1px solid rgba(157,0,255,.35) !important;
  background: #030006 !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,.8), 0 10px 36px rgba(0,0,0,.62), 0 0 16px rgba(138,0,255,.12) !important;
}

.thumb-button:hover {
  border-color: var(--uv-pink) !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,.8), 0 12px 42px rgba(0,0,0,.7), 0 0 22px rgba(255,0,217,.28) !important;
}

.provider-badge {
  color: #020002 !important;
  background: var(--uv-lime) !important;
  border-color: var(--uv-lime) !important;
  box-shadow: var(--uv-glow-lime) !important;
  font-weight: 950 !important;
}

.duration {
  color: var(--uv-cyan) !important;
  background: rgba(0,0,0,.9) !important;
  border: 1px solid rgba(0,247,255,.3) !important;
  text-shadow: var(--uv-glow-cyan);
}

.play-badge {
  color: #000 !important;
  background: var(--uv-pink-hot) !important;
  border-color: var(--uv-pink-hot) !important;
  box-shadow: var(--uv-glow-pink) !important;
}

.title-button:hover {
  color: var(--uv-cyan) !important;
  text-shadow: 0 0 10px rgba(0,247,255,.25);
}

.save-button.saved {
  color: #000 !important;
  background: var(--uv-lime) !important;
  border-color: var(--uv-lime) !important;
  box-shadow: var(--uv-glow-lime) !important;
}

.player-frame-wrap {
  border: 1px solid rgba(255,0,217,.34) !important;
  box-shadow: 0 0 28px rgba(255,0,217,.12) !important;
}

.dialog-close {
  color: var(--uv-cyan) !important;
  text-shadow: var(--uv-glow-cyan);
}

.toast {
  border-color: rgba(0,247,255,.48) !important;
  background: rgba(1,0,5,.95) !important;
  box-shadow: var(--uv-glow-cyan) !important;
}

footer {
  border-top-color: rgba(255,0,217,.26) !important;
}

@media (max-width: 760px) {
  .blacklight-wordmark h1,
  #sceneTitle {
    font-size: clamp(4rem, 18vw, 7.2rem) !important;
  }

  .hero::before {
    inset: 4% -18px 4% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .video-card::before,
  .ambient {
    transition: none !important;
  }
}