/* Brume, braises et reflets : animations légères, sans interception des clics. */
.voyage-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;display:none}body{isolation:isolate}.effects-on .voyage-atmosphere{display:block}.voyage-atmosphere i{position:absolute;width:70vw;height:70vh;border-radius:50%;background:radial-gradient(ellipse,#c8913510,transparent 65%);top:-15%;right:-20%;animation:sea-mist 24s ease-in-out infinite alternate}.voyage-atmosphere i:nth-child(2){background:radial-gradient(ellipse,#a6372d0c,transparent 65%);top:45%;right:55%;animation-delay:-12s;animation-duration:32s}
.cursor-spark{position:fixed;width:4px;height:4px;background:#eac77f;border-radius:50%;pointer-events:none;z-index:80;box-shadow:0 0 8px #e7b86199;animation:ember-trail .75s ease-out forwards}
.effects-on .social{transform-style:preserve-3d;transition:transform .2s ease,box-shadow .2s,border-color .2s;overflow:hidden}.effects-on .social:hover{transform:perspective(750px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px)}
.social::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#f9dfa20a 48%,transparent 66%);transform:translateX(-120%);opacity:0}.effects-on .social:hover::after{animation:gold-reflection .8s ease-out}
.effects-on .hero-art.logo-art::before{content:'';position:absolute;left:12%;right:12%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#e7b861bb,transparent);box-shadow:0 0 28px 2px #e7b86130;pointer-events:none;animation:beacon 6s ease-in-out infinite}
.effects-on .star{animation:compass-turn 30s linear infinite;transform-origin:center}.effects-on .ticker{position:relative}.effects-on .ticker::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,#e7b86108 50%,transparent 70%);animation:horizon-light 18s ease-in-out infinite}
.effects-paused .voyage-atmosphere i,.effects-paused .ambient-particles i,.effects-paused .star,.effects-paused .ticker::after,.effects-paused .hero-art.logo-art::before{animation-play-state:paused}
@keyframes sea-mist{to{transform:translate(-14%,20%) scale(1.15)}}@keyframes ember-trail{from{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(var(--spark-x),24px) scale(.2)}}@keyframes gold-reflection{0%{transform:translateX(-120%);opacity:0}20%{opacity:1}100%{transform:translateX(120%);opacity:0}}@keyframes beacon{0%,100%{opacity:.35}50%{opacity:.85}}@keyframes compass-turn{to{transform:rotate(360deg)}}@keyframes horizon-light{0%,100%{transform:translateX(-60%);opacity:0}50%{transform:translateX(60%);opacity:1}}
@media(hover:none),(pointer:coarse){.effects-on .social:hover{transform:none}.cursor-spark{display:none}.voyage-atmosphere i:nth-child(2){display:none}.voyage-atmosphere i{animation:none}.effects-on .ticker::after{animation:none}}


/* Effets actifs par défaut ; le bouton reste disponible pour les couper. */
.voyage-atmosphere{z-index:1}.voyage-atmosphere i{background:radial-gradient(ellipse,#c8913522,transparent 65%)}.voyage-atmosphere i:nth-child(2){background:radial-gradient(ellipse,#a6372d1c,transparent 65%)}.ambient-particles i{opacity:.7;background:#f6d89b;box-shadow:0 0 10px #e7b86199}.effects-on .ambient-particles{display:block}.effects-on .voyage-atmosphere{display:block}