/* 25-home-bluehour.css — DESKTOP HOME (the Nocturne).
   Card values copied verbatim from the reference HTML (Stanzai Home.dc.html).

   IMPORTANT: 17-home-noir.css already styles `body.on-home #s-home .stz-entry-card`
   (specificity 1,2,1) with a cream border. Plain `#s-home .stz-entry-card` (1,1,0)
   LOSES to it — that is why earlier card edits did nothing. These card rules use the
   same `body.on-home #s-home` prefix and load later, so they win. */

@media (min-width: 1024px) {

  body.on-home { --t1: #e7dfc6; --t2: #b9b09a; }

  /* ── STAGE ── exact reference gradient; kill the overlays the reference lacks. */
  #s-home .nocturne-home {
    background:
      radial-gradient(ellipse 64% 24% at 50% -6%,  rgba(var(--gold-rgb),0.13), transparent 60%),
      radial-gradient(ellipse 125% 62% at 50% -10%, rgba(19, 42, 45,0.55), rgba(6, 13, 15,0.20) 52%, transparent 72%),
      radial-gradient(ellipse 130% 60% at 50% 116%, rgba(6, 13, 15,0.55), transparent 60%),
      linear-gradient(180deg, var(--stz-smoke-teal) 0%, var(--stz-obsidian) 52%, var(--stz-void) 100%);
  }
  #s-home .nocturne-home::before { background: none !important; }
  #s-home .nocturne-home::after  { display: none !important; }
  #s-home .nh-aurora { display: none !important; }
  #s-home .nh-embers { display: none !important; }

  /* ── ENTRY CARDS ── beat 17-home-noir (body.on-home #s-home, 1,2,1).
     Open room = base (cream edge); Guided room = .stz-entry-card--active (gold edge). */
  body.on-home #s-home .stz-entry-card {
    border: 1px solid rgba(var(--ivory-rgb),0.10);
    border-top-color: rgba(var(--ivory-rgb),0.16);
    border-radius: 18px;
    -webkit-backdrop-filter: none; backdrop-filter: none;
    background: linear-gradient(180deg, rgba(20, 26, 28,0.45) 0%, rgba(3, 10, 12,0.78) 45%, rgba(8, 15, 17,0.55) 100%);
    box-shadow:
      inset 0 1px 0 rgba(244,236,212,0.06),
      inset 0 -16px 24px -16px rgba(0,0,0,0.6),
      0 18px 40px -14px rgba(0,0,0,0.7);
  }
  body.on-home #s-home .stz-entry-card--active {
    border: 1px solid rgba(var(--gold-rgb),0.45);
    border-top-color: rgba(216,178,102,0.30);
    background: linear-gradient(180deg, rgba(26, 33, 35,0.52) 0%, rgba(3, 13, 15,0.82) 45%, rgba(10, 19, 21,0.60) 100%);
    box-shadow:
      inset 0 1px 0 rgba(244,236,212,0.06),
      inset 0 -16px 24px -16px rgba(0,0,0,0.6),
      0 18px 40px -14px rgba(0,0,0,0.7);
  }
  /* Top accent bar — gold on Guided, cream on Open (reference 2px bar). */
  body.on-home #s-home .stz-entry-card::after {
    left: 28px; right: 28px; top: 0; height: 2px;
    background: linear-gradient(90deg, transparent, rgba(var(--ivory-rgb),0.32) 35%, rgba(var(--ivory-rgb),0.42) 50%, rgba(var(--ivory-rgb),0.32) 65%, transparent);
  }
  body.on-home #s-home .stz-entry-card--active::after {
    background: linear-gradient(90deg, transparent, rgba(var(--gold-rgb),0.7) 30%, rgba(var(--gold-rgb),0.85) 50%, rgba(var(--gold-rgb),0.7) 70%, transparent);
  }

  /* Orb gold ring, HOLLOW. Tag/title/body colours (reference). */
  body.on-home #s-home .stz-entry-card--active .stz-entry-orb { border-color: var(--gold); }
  body.on-home #s-home .stz-entry-card--active .stz-entry-tag         { color: rgba(var(--gold-rgb),0.70); }
  body.on-home #s-home .stz-entry-card--active .stz-entry-tag::before { background: var(--gold); }
  body.on-home #s-home .stz-entry-card:not(.stz-entry-card--active) .stz-entry-tag         { color: #808080; }
  body.on-home #s-home .stz-entry-card:not(.stz-entry-card--active) .stz-entry-tag::before { background: var(--stz-ash); }
  body.on-home #s-home .stz-entry-card--active .stz-entry-title { color: var(--stz-gold-hi); }
  body.on-home #s-home .stz-entry-card:not(.stz-entry-card--active) .stz-entry-title { color: #f4ecd4; }
  body.on-home #s-home .stz-entry-subtitle { color: var(--stz-ash); }
}