/* cosmos-1017 (David, 17/10) — trois décors : Lecture au soleil, sur la Lune, dans la nébuleuse. Verre clair sur toutes les tuiles. Sans flash. */
html[data-saison="soleil"],html[data-saison="lune"],html[data-saison="nebuleuse"]{--brume:#070A1E;--voile:rgba(255,255,255,.07);--nav-fond:rgba(6,8,28,.62);--encre:#F8F6F0;--encre-douce:#DAD6CE;--trait:rgba(255,255,255,.32);--parchemin:rgba(255,255,255,.07);--parchemin-bord:rgba(255,255,255,.32);--parchemin-fil:transparent;
  --rf-carte:rgba(255,255,255,.07);--rf-bord:rgba(255,255,255,.34);--rf-texte:#F8F6F0;--rf-gris:#DAD6CE;--rf-fond:#070A1E;--verre:rgba(255,255,255,.07);--verre-bord:rgba(255,255,255,.36);--verre-flou:blur(18px) saturate(1.25)}
html[data-saison="soleil"]{--ciel:#FFD36A;--ciel-clair:#FFE9A8;--sauge:#FFB347;--sauge-profond:#FFD36A;--rf-accent:#FFD36A;--rf-accent-2:#FF8A3D;--bulle-a:#FFE9A8;--bulle-b:#FF8A3D}
html[data-saison="lune"]{--ciel:#9CD3FF;--ciel-clair:#D6ECFF;--sauge:#7FB8E8;--sauge-profond:#BFE0FF;--rf-accent:#BFE0FF;--rf-accent-2:#4FA3E8;--bulle-a:#D6ECFF;--bulle-b:#4FA3E8}
html[data-saison="nebuleuse"]{--ciel:#D7B8FF;--ciel-clair:#EEDDFF;--sauge:#B98CFF;--sauge-profond:#E2C9FF;--rf-accent:#E2C9FF;--rf-accent-2:#8F6BFF;--bulle-a:#EEDDFF;--bulle-b:#8F6BFF}
html[data-saison="soleil"] body,html[data-saison="lune"] body,html[data-saison="nebuleuse"] body,html[data-saison="soleil"],html[data-saison="lune"],html[data-saison="nebuleuse"]{isolation:isolate;background:#070A1E !important}
html[data-saison="soleil"] .paysage,html[data-saison="lune"] .paysage,html[data-saison="nebuleuse"] .paysage{background:transparent}
html[data-saison="soleil"] #ap-dv,html[data-saison="lune"] #ap-dv,html[data-saison="nebuleuse"] #ap-dv{display:none !important}
#cosmos-fond{position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:#070A1E;background-position:center top;background-size:cover;background-repeat:no-repeat;display:none}
#cosmos-fond::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,22,.18) 0%,rgba(4,6,22,.04) 40%,rgba(4,6,22,.30) 100%)}
#cosmos-canvas{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:15;pointer-events:none;display:none}
html[data-saison="soleil"] #cosmos-fond,html[data-saison="lune"] #cosmos-fond,html[data-saison="nebuleuse"] #cosmos-fond,html[data-saison="soleil"] #cosmos-canvas,html[data-saison="lune"] #cosmos-canvas,html[data-saison="nebuleuse"] #cosmos-canvas{display:block}
html[data-saison="soleil"] #cosmos-fond{background-image:url(ic/cosmos-soleil.webp)}html[data-saison="lune"] #cosmos-fond{background-image:url(ic/cosmos-lune.webp)}html[data-saison="nebuleuse"] #cosmos-fond{background-image:url(ic/cosmos-nebuleuse.webp)}
/* verre clair : tuiles, cartes, encarts, nav */
html[data-saison="soleil"] .carte,html[data-saison="lune"] .carte,html[data-saison="nebuleuse"] .carte,
html[data-saison="soleil"] .tuile,html[data-saison="lune"] .tuile,html[data-saison="nebuleuse"] .tuile,
html[data-saison="soleil"] .piste,html[data-saison="lune"] .piste,html[data-saison="nebuleuse"] .piste,
html[data-saison="soleil"] .entree,html[data-saison="lune"] .entree,html[data-saison="nebuleuse"] .entree{background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.36) !important;box-shadow:none !important;-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25)}
html[data-saison="soleil"] .nav,html[data-saison="lune"] .nav,html[data-saison="nebuleuse"] .nav{background:rgba(6,8,28,.72) !important;-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);border-top:1px solid rgba(255,255,255,.18);padding-bottom:calc(env(safe-area-inset-bottom) + 6px) !important}
html[data-saison="soleil"] .rf-surtitre,html[data-saison="lune"] .rf-surtitre,html[data-saison="nebuleuse"] .rf-surtitre{display:inline-block;width:fit-content !important;align-self:flex-start;padding:3px 10px;border-radius:999px;background:rgba(6,8,28,.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html[data-saison="soleil"] .titre h1,html[data-saison="lune"] .titre h1,html[data-saison="nebuleuse"] .titre h1,html[data-saison="soleil"] h2,html[data-saison="lune"] h2,html[data-saison="nebuleuse"] h2{color:#F8F6F0}
@media (prefers-reduced-motion:reduce){#cosmos-canvas{display:none !important}}
html[data-saison="soleil"] .app,html[data-saison="lune"] .app,html[data-saison="nebuleuse"] .app{position:relative;z-index:2}
html[data-saison="soleil"] .rf-grille > button,html[data-saison="lune"] .rf-grille > button,html[data-saison="nebuleuse"] .rf-grille > button{background:transparent !important;border:0 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;box-shadow:none !important}
html[data-saison="soleil"] .rf-grille > button > .rf-ic,html[data-saison="lune"] .rf-grille > button > .rf-ic,html[data-saison="nebuleuse"] .rf-grille > button > .rf-ic{border:0 !important;box-shadow:none !important;background:transparent !important}
html[data-saison="soleil"] .lecteur:not(.ouvert),html[data-saison="lune"] .lecteur:not(.ouvert),html[data-saison="nebuleuse"] .lecteur:not(.ouvert){visibility:hidden}
/* les listes (Moi, réglages…) : verre liquide plus dense pour rester lisibles sur la photo */
html[data-saison="soleil"] .rf-liste,html[data-saison="lune"] .rf-liste,html[data-saison="nebuleuse"] .rf-liste{background:rgba(6,8,28,.42) !important;border:1px solid rgba(255,255,255,.22) !important;-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2)}
html[data-saison="soleil"] .rf-ligne,html[data-saison="lune"] .rf-ligne,html[data-saison="nebuleuse"] .rf-ligne{border-bottom-color:rgba(255,255,255,.14) !important}
/* Écrans larges (ordinateur, tablette) : l'image verticale reste entière, en pleine hauteur, au centre */
@media (min-aspect-ratio:3/4){
 #lancement .la-fond{background-size:auto 100%!important;background-position:center!important}
 #cosmos-fond{background-size:auto 100%!important;background-position:center top!important}
}