/* styles/theme/pinboard/ambient.css — extrait de styles.css L3691-L3720. pb-ambient + pool + grain + vignette. */

/* Cacher la tagline ancienne (pas de p.landing-tag en pinboard) */
#view-landing.pinboard-theme .landing-title-box{ display:none; }

/* Pool de lumière : assombrissement radial périphérique */
.pinboard-theme .pb-ambient{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:radial-gradient(circle at 50% 50%, rgba(0,0,0,0) 30%, rgba(8,10,16,0.25) 70%, rgba(8,10,16,0.55) 100%);
}
/* Pool SVG lumineux (centre chaud) */
.pinboard-theme .pb-pool{
  position:absolute; inset:0; width:100%; height:100%;
  z-index:2; pointer-events:none;
  mix-blend-mode:screen;
  animation:pb-pool-breathe 6s ease-in-out infinite;
}
@keyframes pb-pool-breathe{ 0%,100%{opacity:1} 50%{opacity:.92} }

/* Grain photo fin */
.pinboard-theme .pb-grain{
  position:absolute; inset:0; z-index:5; pointer-events:none;
  opacity:.16; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='280'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' seed='5' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0.88 0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>");
}

/* Vignette finale : assombrissement radial des bords de la carte.
 * z-index:6 — couvre map(0), pool(2), grain(5) mais reste SOUS tout
 * le contenu UI (ticket, plaques, panneaux, compteur, contrôles qui
 * sont tous à z-index ≥ 20). Le user veut que seule la carte soit
 * derrière la vignette, pas l'UI. */
.pinboard-theme .pb-vignette{
  position:absolute; inset:0; z-index:6; pointer-events:none;
  background:radial-gradient(circle at 50% 50%, transparent 55%, rgba(0,0,0,0.18) 90%, rgba(0,0,0,0.42) 100%);
}