/* ============================================================
   POXY Obsidian Ambient — unified Whitepaper-style background
   Reference: .wp-ambient__glow — 800px white @ 0.02, blur 150px
   Applies to #poxyAppShell (all tabs/pages). Lumina OS excluded.
   ============================================================ */

#poxyAppShell {
  position: relative;
  background: #050506 !important;
  --obs-ambient-glow-size: min(800px, 92vmin);
}

/* Centered white ambient — identical to Whitepaper wp-ambient */
#poxyAppShell::after {
  content: '';
  position: fixed;
  top: 50%;
  left: 50%;
  width: var(--obs-ambient-glow-size);
  height: var(--obs-ambient-glow-size);
  transform: translate(-50%, -50%);
  background: #ffffff;
  opacity: 0.02;
  filter: blur(150px);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

body.lumina-os-active #poxyAppShell::after {
  display: none;
}

/* Content above ambient; nav keeps its own stacking */
#poxyAppShell > #huntPage,
#poxyAppShell > .page,
#poxyAppShell > .club-page {
  position: relative;
  z-index: 1;
}

#luminaOsRoot {
  position: relative;
  z-index: 200;
}

/* Unified obsidian base on every SPA panel + overlay page */
#poxyAppShell .st-spa-panel,
#poxyAppShell .page {
  background: #050506 !important;
  min-height: calc(100dvh - var(--st-nav-h, 92px));
  box-sizing: border-box;
}

#poxyAppShell #poxyStitchDashboard,
#poxyAppShell .st-spa-viewport,
#poxyAppShell .poxy-stitch-dash {
  background: transparent !important;
}

/* Suppress legacy per-panel ambient layers (avoid double / multicolor glow) */
#poxyAppShell .wp-ambient,
#poxyAppShell .vt-ambient-center,
#poxyAppShell .vt-bg-mesh,
#poxyAppShell .tl-ambient,
#poxyAppShell .nl-ambient,
#poxyAppShell .st-hero-glow,
#stPanelMarket::before,
#stPanelTierList::before,
#stPanelRanks::before,
.poxy-collection-page::before,
.poxy-market-page::before,
.poxy-market-page::after {
  display: none !important;
}