/* ForeverCMS — couche ForeverFUN. Chargée après forever-luxe.css : même or sombre et mêmes illustrations du jeu,
   avec la section « Le royaume FUN » de l'accueil et un héros un peu plus vivant. */

/* ---------- héros : l'illustration respire lentement ---------- */
.forever-home .forever-hero{min-height:clamp(380px,46vw,520px);display:flex;align-items:center}
.forever-home .forever-hero .forever-hero-art{transform-origin:70% 55%}
.forever-home .forever-hero .wow-title{font-size:clamp(2.6rem,6.2vw,5.2rem);letter-spacing:.01em}
.forever-home .forever-hero-copy{max-width:46ch;font-size:clamp(.95rem,1.15vw,1.08rem);line-height:1.65;color:#dcd4c2}
@media(prefers-reduced-motion:no-preference){
  .forever-home .forever-hero .forever-hero-art{animation:fun-drift 38s ease-in-out infinite alternate}
}
/* L'entrée du thème luxe partait d'une opacité nulle : le héros restait vide dans un onglet en arrière-plan ou un aperçu de lien. */
@media(prefers-reduced-motion:no-preference){.forever-home>.forever-hero{animation-name:fun-rise}}
@keyframes fun-rise{from{opacity:.6;transform:translateY(12px)}}
@keyframes fun-drift{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.09) translateX(-1.5%)}}

/* ---------- le royaume FUN : trois cartes illustrées ---------- */
.fun-realm{margin:clamp(28px,4vw,48px) 0}
.fun-realm .forever-section-heading{margin-bottom:22px}
.fun-realm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fun-realm-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:360px;padding:24px;
  overflow:hidden;border-radius:var(--lx-radius,14px);border:1px solid var(--lx-line,rgba(214,183,122,.18));color:var(--lx-text,#ece6d8);text-decoration:none;
  box-shadow:var(--lx-shadow,0 24px 60px -24px rgba(0,0,0,.85));transition:transform .45s var(--lx-ease,ease),border-color .45s,box-shadow .45s}
.fun-realm-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--lx-ease,ease),filter .6s}
.fun-realm-card::before{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(6,8,13,.15) 0%,rgba(6,8,13,.55) 42%,rgba(6,8,13,.94) 78%,#06080d 100%)}
.fun-realm-figure{display:flex;align-items:baseline;gap:10px;font-family:var(--lx-display,Cinzel,serif);font-weight:700;font-size:clamp(2.6rem,4vw,3.4rem);line-height:1;
  background:var(--lx-gold-text,linear-gradient(180deg,#fbeec9,#b48a45));-webkit-background-clip:text;background-clip:text;color:transparent}
.fun-realm-figure small{font-family:var(--lx-sans,Inter,sans-serif);font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--lx-gold,#d6b77a);-webkit-text-fill-color:var(--lx-gold,#d6b77a)}
.fun-realm-card h3{margin:4px 0 0;font-family:var(--lx-display,Cinzel,serif);font-size:1.22rem;font-weight:700;color:#fff4d8;text-wrap:balance}
.fun-realm-card p{margin:0;font-size:.9rem;line-height:1.6;color:#c9c3b4}
.fun-realm-link{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lx-gold-hi,#f6e3b0)}
.fun-realm-link i{transition:transform .35s var(--lx-ease,ease)}
.fun-realm-card:hover,.fun-realm-card:focus-visible{transform:translateY(-4px);border-color:var(--lx-line-strong,rgba(226,196,138,.42));
  box-shadow:0 34px 70px -28px rgba(0,0,0,.95),0 0 0 1px rgba(226,196,138,.18)}
.fun-realm-card:hover img,.fun-realm-card:focus-visible img{transform:scale(1.06);filter:saturate(1.1)}
.fun-realm-card:hover .fun-realm-link i{transform:translateX(4px)}
@media(max-width:1023px){.fun-realm-grid{grid-template-columns:1fr}.fun-realm-card{min-height:280px}}
@media(prefers-reduced-motion:reduce){.fun-realm-card,.fun-realm-card img,.fun-realm-link i{transition:none}}