/* Mise en scène des sept thèmes. Les textes restent au premier plan. */
.tl-illustration{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;color:var(--texte);overflow:hidden}
.fete-page{isolation:isolate;background:radial-gradient(ellipse at 50% 30%,var(--vert-fond),transparent 62%),linear-gradient(135deg,var(--carte-2),transparent 70%)}
.fete-page::before{content:"";position:absolute;inset:7%;border:1px solid var(--vert-bord);border-radius:50%;opacity:.14;transform:scale(1.14,.88);pointer-events:none}
.fp-corps{position:relative;z-index:1;width:73%;max-width:calc(var(--u)*70)}
.fp-texte{max-width:36ch;text-wrap:balance}
.fp-icone{position:relative}
.fp-icone::before{content:"";position:absolute;inset:-20%;border:1px solid var(--vert-bord);border-radius:50%;opacity:.5;}
.fp-icone::after{content:"";position:absolute;inset:-35%;border:1px dashed var(--vert-bord);border-radius:50%;opacity:.3;}
.fp-titre{font-size:calc(var(--u)*6.5*var(--k));text-shadow:0 .04em .5em var(--vert-fond)}
.fp-decompte{box-shadow:0 .4em 1.6em var(--orange-fond);border:1px solid var(--orange-bord)}
.cadre[data-fete="noel"] .fete-page{background:radial-gradient(ellipse at 50% 0%,rgba(74,151,113,.14),transparent 65%),linear-gradient(180deg,transparent,rgba(110,162,139,.08))}
.cadre[data-fete="nouvel-an"] .fp-surtitre{letter-spacing:.45em}
.cadre[data-fete="nouvel-an"] .fp-titre{color:var(--vert)}
.cadre[data-fete="nouvel-an"] .fete-page::before{border-radius:0;inset:4%;transform:none;border-color:var(--vert);opacity:.2}
.cadre[data-fete="halloween"] .fete-page{background:radial-gradient(ellipse at 80% 10%,rgba(178,118,247,.19),transparent 60%),linear-gradient(180deg,rgba(61,37,83,.16),rgba(255,138,31,.06))}
.cadre[data-fete="halloween"] .fp-icone::after{border-style:solid;inset:-30%;border-radius:20%;}
.cadre[data-fete="paques"] .fete-page{background:radial-gradient(ellipse at 30% 0%,rgba(239,191,206,.2),transparent 70%),linear-gradient(0deg,rgba(137,192,153,.1),transparent 50%)}
.cadre[data-fete="octobre-rose"] .fete-page::before,.cadre[data-fete="mars-bleu"] .fete-page::before{border:none;background:radial-gradient(ellipse,var(--vert-fond),transparent 70%);}
.tl-illustration g{transform-box:fill-box;transform-origin:center}
.tl-ruban-reflet{stroke-dasharray:.24 .76}
.cadre[data-intensite="discret"] .tl-illustration{opacity:.68}
.cadre[data-decor="off"] .tl-illustration{display:none}
html.tl-hidden *{animation-play-state:paused!important}
.cadre[data-fete="octobre-rose"] .pg-ruban svg{animation:tl-soie 9s ease-in-out infinite}
.cadre[data-fete="mars-bleu"] .pg-ruban svg{animation:tl-soie 11s ease-in-out infinite reverse}
@keyframes tl-soie{0%,100%{transform:translateY(3px) rotate(-3deg) skewY(-2deg)}50%{transform:translateY(-12px) rotate(4deg) skewY(2deg)}}
.scene::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;border-radius:calc(var(--u)*1.5)}
.cadre[data-fete="halloween"] .tl-house{filter:brightness(calc(1 + var(--tl-orage,0)*1.15))}
.cadre[data-fete="halloween"]>.decor{z-index:2;mask-image:linear-gradient(90deg,#000 0%,#000 20%,transparent 29%,transparent 71%,#000 80%,#000 100%)}
.cadre[data-fete="halloween"] .tl-moon{filter:brightness(calc(1 + var(--tl-orage,0)*.4))}
.cadre[data-fete="halloween"] .fete-page{box-shadow:inset 0 0 calc(var(--u)*6) rgba(171,137,233,calc(var(--tl-orage,0)*.15)),var(--ombre-carte)}
.cadre .fete-fleur{animation:none}
.cadre .decor{opacity:.55;mask-image:linear-gradient(to right,#000,transparent 16%,transparent 84%,#000),linear-gradient(to bottom,#000,transparent 16%,transparent 87%,#000);-webkit-mask-image:linear-gradient(to right,#000,transparent 16%,transparent 84%,#000),linear-gradient(to bottom,#000,transparent 16%,transparent 87%,#000)}
.cadre .tl-illustration *{animation:none!important}
html[data-mouvement="off"] .cadre .pg-ruban svg{animation:none!important}