/* =====================================================================
   PACKAGES-NIGHT.CSS (14 Nov 2026): "Night Station" background for the
   Wash packages section, chosen by hiruni.
   What it does:
   1. Paints the packages area near-black.
   2. Puts your real station photo at dusk behind the cards, blurred
      (blur 22px) and darkened (brightness .38), so the cards stand out.
   3. Adds a dark fade at the bottom.
   4. Makes the heading, chapter label, counter, arrows and note white,
      so they are easy to read on the dark photo.
   The cards, their turning animation and all words are not touched.
   Load it LAST in index.html (after every other stylesheet).
   ===================================================================== */
#packages.glassroom{background:#0E0C0B!important}
#packages .gr-photo{display:none!important}
#packages #show{isolation:isolate}
#packages #show::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
#packages #show::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;z-index:-1;pointer-events:none}
#packages #show h2{color:#fff!important}
#packages #show h2 b{color:#9b9188!important}
#packages #show :is(.chap,.chap a,.chap span){color:rgba(255,255,255,.62)!important;border-color:rgba(255,255,255,.16)!important}
#packages #show .ocount{color:rgba(255,255,255,.55)!important}
#packages #show .ocount b{color:#fff!important}
#packages #show .ocount i{background:rgba(255,255,255,.18)!important}
#packages #show .oarrows button{background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}
#packages #show .pnote{color:rgba(255,255,255,.6)!important}
#packages #show .pnote b{color:#fff!important}
#packages #show{background:#0B0908!important}
#packages #show::before{inset:-40px;background:url(../assets/photos/station-dusk.webp) center/cover no-repeat;filter:blur(22px) brightness(.38) saturate(1.1)}
#packages #show::after{background:linear-gradient(180deg,transparent,rgba(8,6,5,.65))}