body[data-world="secret"] { background:#090608; }
.world-secret { isolation:isolate; position:relative; }
.world-secret > :not(.palace-scene) { position:relative; z-index:1; }
.world-secret .palace-scene {
  position:fixed; inset:0; z-index:0; overflow:hidden;
  pointer-events:none; contain:paint;
  background:
    radial-gradient(ellipse at 50% 34%,rgba(87,37,37,.25),transparent 55%),
    linear-gradient(90deg,#050407 0%,#170b10 21%,#1a0d12 49%,#170b10 79%,#050407 100%);
}
/* Une succession de moulures, avec une voûte gigantesque qui se perd dans l'ombre. */
.palace-architecture {position:absolute;inset:-8% -3% 0;
  background:
    radial-gradient(ellipse 40% 75% at 50% 12%,transparent 39%,rgba(109,77,54,.24) 40%,rgba(22,11,13,.95) 42%,transparent 43%),
    radial-gradient(ellipse 33% 73% at 50% 13%,rgba(103,42,45,.15),transparent 75%),
    repeating-linear-gradient(0deg,transparent 0 15px,rgba(157,109,64,.028) 16px 17px,transparent 18px 88px),
    linear-gradient(180deg,#060406 0%,transparent 35%,#0c070a 100%);
  opacity:.9;
}
/* Les arches restent aux extrémités : la lecture centrale reste dégagée. */
.palace-arches {position:absolute;inset:-15% -25% -10%;
  background:
    radial-gradient(ellipse 20% 95% at 21% 50%,transparent 49%,rgba(125,91,57,.23) 50%,rgba(6,4,6,.96) 52%,transparent 54%),
    radial-gradient(ellipse 20% 95% at 79% 50%,transparent 49%,rgba(125,91,57,.23) 50%,rgba(6,4,6,.96) 52%,transparent 54%);
  opacity:.8;
}
.palace-columns {position:absolute;inset:0;
  background:
    linear-gradient(90deg,transparent 0 4%,rgba(174,125,75,.22) 4.3%,#080609 5.2%,#241116 8.1%,#090609 10.6%,rgba(167,115,63,.15) 11%,transparent 11.5% 88.5%,rgba(167,115,63,.15) 89%,#090609 89.4%,#241116 92%,#080609 94.8%,rgba(174,125,75,.22) 95.7%,transparent 96%),
    linear-gradient(180deg,rgba(173,119,65,.19) 0 1%,transparent 1.3% 88%,rgba(130,87,57,.13) 89%,transparent 92%);
  box-shadow:inset 0 0 140px 45px #000a;
}
.palace-curtains {position:absolute;inset:-5% 0 0;
  background:
    repeating-linear-gradient(92deg,rgba(3,2,4,.1) 0 14px,rgba(118,29,42,.2) 27px,rgba(10,3,8,.55) 42px,rgba(74,18,29,.17) 58px),
    linear-gradient(90deg,rgba(60,10,22,.5),transparent 23% 77%,rgba(60,10,22,.5));
  mask-image:linear-gradient(90deg,#000 0%,#000 16%,transparent 30% 70%,#000 84%,#000 100%);
  animation:palace-drape 32s ease-in-out infinite alternate;
}
.palace-candles {position:absolute;inset:0;filter:blur(1px);}
.palace-candles i {position:absolute;width:5px;height:15px;top:36%;background:#f5c486;
  border-radius:60% 60% 45% 45%;box-shadow:0 0 9px 4px #b96d3288,0 0 55px 24px #b85d242b,0 0 150px 70px #9b382012;
  animation:palace-flame 5.4s ease-in-out infinite alternate;
}
.palace-candles i:nth-child(1){left:13%;top:27%}
.palace-candles i:nth-child(2){left:18%;top:62%;animation-delay:-2.1s}
.palace-candles i:nth-child(3){right:13%;top:27%;animation-delay:-3.7s}
.palace-candles i:nth-child(4){right:18%;top:62%;animation-delay:-1.4s}
.palace-shadows {position:absolute;inset:-20%;
  background:
    radial-gradient(ellipse 48% 80% at 12% 50%,#0009,transparent 80%),
    radial-gradient(ellipse 45% 80% at 90% 50%,#000a,transparent 80%),
    linear-gradient(110deg,transparent 18%,#0005 31%,transparent 45% 65%,#0006 79%,transparent 90%);
  animation:palace-shadow 29s ease-in-out infinite alternate;
}
.palace-vignette {position:absolute;inset:0;
  background:radial-gradient(ellipse 74% 80% at 50% 45%,transparent 23%,#04030588 78%,#030204e8 100%),
             linear-gradient(180deg,#030204b5,transparent 25% 70%,#030204d4);
}
/* Les sections flottent sur un fond de palais, sans compromettre la lisibilité. */
.world-secret .secret-hero {background:radial-gradient(ellipse at 50% 45%,rgba(13,6,10,.65),transparent 75%);}
.world-secret .chapters {background:linear-gradient(90deg,transparent,rgba(10,6,9,.82) 12%,rgba(12,7,11,.87) 50%,rgba(10,6,9,.82) 88%,transparent);}
.world-secret .chapter {border-bottom-color:rgba(165,115,77,.24);}
.world-secret .chapter h2 {text-shadow:0 4px 28px #000e;}
.world-secret .return-section {background:linear-gradient(180deg,transparent,#0905079c);}
@keyframes palace-flame {0%,100%{opacity:.52;transform:scale(.8) skewX(-5deg)}45%{opacity:1;transform:scale(1.15) skewX(5deg)}70%{opacity:.65;transform:scale(.92)}}
@keyframes palace-shadow {from{transform:translateX(-2%) scale(1);opacity:.7}to{transform:translateX(2%) scale(1.05);opacity:1}}
@keyframes palace-drape {from{transform:translateX(-.5%) scaleX(1)}to{transform:translateX(.5%) scaleX(1.025)}}
@media(max-width:720px){
  .palace-columns{opacity:.55}.palace-arches{opacity:.45}.palace-candles{opacity:.5}
  .world-secret .chapters{background:rgba(10,6,9,.85)}
}
@media(prefers-reduced-motion:reduce){
  .palace-candles i,.palace-shadows,.palace-curtains{animation:none!important}
}