/* ==========================================================================
   Lot pros : écoles, collectivités, CSE, arbre de Noël, spectacles.
   Toutes les classes sont préfixées pr-.
   ========================================================================== */
.pr-page{display:contents}
pr-nb{white-space:nowrap}
.pr-page .titre,.pr-page .bulle,.pr-page .pr-craie-t{text-wrap:balance}
.pr-page img{color:transparent}
@media(max-width:560px){.pr-page .etapes{flex-wrap:nowrap;align-items:center;gap:2px}.pr-page .etapes li{font-size:.84rem;gap:4px;white-space:nowrap}.pr-page .etapes li:not(.is-on){font-size:0;gap:0}.pr-page .etapes li::before{width:26px;height:26px}.pr-page .etapes li:not(:last-child)::after{width:7px}}
.pr-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pr-k{position:relative;display:grid;min-width:0;filter:drop-shadow(6px 7px 0 #241530);text-decoration:none;color:inherit}
.pr-k__f{display:grid;min-width:0;padding:3.5px;background:#241530;clip-path:var(--k)}
.pr-k__i{position:relative;display:block;min-width:0;overflow:hidden;background:var(--kb,var(--card));color:var(--fg);clip-path:var(--k)}
.pr-fs{border:0;padding:0;margin:0;min-width:0}
.pr-lg{display:block;font-family:var(--hand);font-weight:800;font-size:1.06rem;line-height:1.25;margin-bottom:10px;padding:0}
.pr-range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:14px;margin:14px 0 18px;background:var(--field);border:3px solid #241530;border-radius:12px;cursor:pointer}
.pr-range::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:var(--yellow);border:3px solid #241530;box-shadow:2px 3px 0 #241530;cursor:grab}
.pr-range::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:var(--yellow);border:3px solid #241530;box-shadow:2px 3px 0 #241530;cursor:grab}
/* Les cases restent claires sur les fonds de couleur, de jour comme de nuit. */
.pr-frs .case,.pr-tt-s .case,.pr-secu .case,.pr-mc-s:not(.pr-mc-s--n) .case,.pr-vs .case,.pr-sp .case{--card:#fff;--fg:#241530;--fg-2:#3c2d4b;--field:#fff}
@keyframes pr-pop{from{transform:scale(.3) rotate(-14deg);opacity:0}60%{transform:scale(1.12) rotate(-5deg);opacity:1}to{transform:scale(1) rotate(var(--r,-7deg));opacity:1}}
@keyframes pr-hop{30%{transform:translateY(-14px) rotate(-6deg)}60%{transform:translateY(0) rotate(4deg)}}
@keyframes pr-tamp{from{transform:scale(2.4);opacity:0}70%{transform:scale(.92);opacity:1}to{transform:scale(1)}}

/* ---------- Bandeau final ---------- */
.pr-cta{position:relative;isolation:isolate;background:var(--yellow);color:#241530;--fg:#241530;--fg-2:#241530;padding-block:clamp(60px,8vw,100px) clamp(44px,5vw,70px)}
.pr-cta__r{position:absolute;inset:0;overflow:hidden;z-index:-1}
.pr-cta__g{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(16px,3vw,40px);align-items:center}
.pr-cta .lead{color:#241530;font-weight:700;max-width:54ch}
.pr-cta__v{position:relative;min-height:clamp(230px,27vw,350px)}
.pr-cta__p{position:absolute;left:62%;bottom:calc(-1*clamp(44px,5vw,70px));translate:-50% 0;height:calc(100% + clamp(44px,5vw,70px));width:auto;max-width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(3px 3px 0 rgba(36,21,48,.45))}
.pr-cta__v[data-p=emma] .pr-cta__p{left:68%}
.pr-cta__v[data-p=eliot] .pr-cta__p{left:66%;height:calc(80% + clamp(44px,5vw,70px))}
.pr-cta__b{position:absolute;top:-6%;right:58%;z-index:2;width:max-content;max-width:190px}
.pr-cta__o{position:absolute;left:-3%;bottom:10%;z-index:3}
@media(max-width:760px){.pr-cta__g{grid-template-columns:minmax(0,1fr)}.pr-cta__v{min-height:260px;margin-top:20px}.pr-cta__b{right:auto;left:0;top:0;max-width:170px}.pr-cta__p,.pr-cta__v[data-p=emma] .pr-cta__p{left:68%}.pr-cta__v[data-p=eliot] .pr-cta__p{left:60%}.pr-cta__o{left:0;bottom:6%}}

/* ---------- Avis ---------- */
.pr-avis__t{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(28px,3vw,44px)}
.pr-avis__tp{flex:none;transition:transform .2s var(--ease)}
.pr-avis__tp:hover{transform:rotate(6deg) scale(1.06)}
.pr-avis__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:clamp(34px,3vw,44px) clamp(16px,2vw,26px);align-items:start}
.pr-avis__c{display:block;max-width:none;width:100%;margin:0;font-size:.96rem;font-weight:500}
.pr-avis__c footer{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-family:var(--text);font-size:.8rem;font-weight:700}
@media(max-width:560px){
  .pr-avis__t{flex-direction:column;align-items:flex-start}
  .pr-avis__tp{--s:96px!important;align-self:flex-end;margin-top:-20px}
  .pr-avis__g{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;margin-inline:calc(-1*var(--gut));padding:6px var(--gut) 32px;scrollbar-width:thin}
  .pr-avis__c{scroll-snap-align:center}
}

/* ---------- /ecoles/ : le tableau noir ---------- */
.pr-tabs{position:relative;padding-top:clamp(20px,3vw,40px);background:var(--bg)}
.pr-tabs__g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0;align-items:end}
.pr-tab{position:relative;z-index:2;margin-right:-7%;background:#9C5F33;background-image:repeating-linear-gradient(92deg,rgba(0,0,0,.08) 0 3px,transparent 3px 16px);border:3px solid #241530;border-radius:12px;padding:clamp(7px,1vw,14px) clamp(7px,1vw,14px) 4px;box-shadow:var(--shadow-l);transform:rotate(-.5deg)}
.pr-tab__noir{position:relative;overflow:hidden;min-height:clamp(380px,41vw,560px);padding:clamp(18px,3.2vw,44px);padding-right:clamp(18px,7vw,110px);background:radial-gradient(ellipse at 22% 18%,rgba(255,255,255,.09),transparent 58%),radial-gradient(ellipse at 80% 86%,rgba(255,255,255,.07),transparent 52%),#23443C;border:3px solid #241530;border-radius:6px;color:#fff;--fg:#fff}
.pr-tab__t{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(10px,1.3vw,16px)}
.pr-tab .fil{color:#E8F6EF;margin:0}
.pr-craie-s{margin:0;font-family:var(--hand);font-weight:700;color:#BEEEFB;font-size:1.02rem;line-height:1.25}
.pr-craie-t{font-family:var(--display);text-transform:uppercase;font-size:clamp(2.1rem,4.7vw,4.1rem);line-height:1.02;letter-spacing:.01em;color:#fff;filter:url(#pr-craie);padding-top:.08em}
.pr-craie-t em{display:block;font-style:normal;color:var(--yellow)}
.pr-craie-l{margin:0;font-family:var(--hand);font-weight:500;font-size:clamp(1.02rem,1.3vw,1.16rem);line-height:1.45;color:#F2F7F2;max-width:40ch}
.pr-tab__cv{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.pr-tab.is-craie .pr-tab__cv{z-index:6;pointer-events:auto;cursor:crosshair;touch-action:none}
.pr-tab__doo{position:absolute;inset:0;width:100%;height:100%;opacity:.5;filter:url(#pr-craie);pointer-events:none}
.pr-doo{animation:pr-doo .7s var(--d,0s) both}
@keyframes pr-doo{from{opacity:0;transform:translateY(8px)}}
.pr-tab__bord{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:2px 6px 0;color:#FFF7E3;min-height:48px}
.pr-tab__aide{font-size:.9rem;font-weight:700;margin-right:6px}
.pr-cr{position:relative;width:44px;height:44px}
.pr-cr::before{content:"";position:absolute;left:3px;right:3px;top:17px;height:13px;background:var(--cr);border:2px solid #241530;border-radius:4px;transform:rotate(-5deg);transition:transform .2s var(--ease)}
.pr-cr:hover::before{transform:translateY(-3px) rotate(-12deg)}
.pr-cr[aria-pressed=true]::before{transform:translateY(-8px) rotate(-26deg);box-shadow:0 0 0 2px #fff}
.pr-epo{margin-left:auto;padding:.34em .9em .28em;background:#FFD2C2;color:#241530;border:2.5px solid #241530;border-radius:7px;font-family:var(--hand);font-weight:800;font-size:.84rem;transition:transform .15s var(--ease)}
.pr-epo:hover{transform:rotate(-3deg) scale(1.05)}
.pr-tabs__d{position:relative;align-self:stretch;min-height:clamp(320px,34vw,470px);margin-block:clamp(14px,3vw,44px) clamp(10px,2vw,30px);min-width:0}
.pr-tabs__sc{position:absolute;inset:0 0 0 6%}
.pr-tabs__p{position:absolute;right:2%;bottom:-5%;height:112%;width:auto;max-width:38%;object-fit:contain;object-position:bottom;z-index:3;filter:drop-shadow(3px 3px 0 rgba(36,21,48,.45))}
.pr-tabs__b{position:absolute;top:5%;left:16%;z-index:4;width:max-content;max-width:min(230px,50%)}
.pr-tabs__o{position:absolute;left:14%;bottom:7%;z-index:4}
.pr-notes{position:relative;z-index:5;grid-column:1/-1;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,2vw,28px);padding:0;margin:clamp(14px,2vw,26px) 0 clamp(70px,8vw,110px)}
.pr-notes li{position:relative;display:grid;gap:2px;padding:14px 12px 12px;text-align:center;background:var(--n,#FFEE8C);color:#241530;border:3px solid #241530;box-shadow:var(--shadow-s);transform:rotate(var(--r));font-family:var(--hand);font-weight:700;line-height:1.15;font-size:.9rem}
.pr-notes li::before{content:"";position:absolute;top:-12px;left:50%;width:70px;height:20px;margin-left:-35px;background:rgba(255,255,255,.75);border:2px solid rgba(36,21,48,.55);transform:rotate(-3deg)}
.pr-notes b{font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1}
@media(max-width:980px){
  .pr-tabs__g{grid-template-columns:minmax(0,1fr)}
  .pr-tab{margin-right:0}
  .pr-tab__noir{padding-right:clamp(18px,3.2vw,44px);min-height:0}
  .pr-tab__doo{opacity:.2}
  .pr-tabs__d{min-height:auto;aspect-ratio:16/11;margin-block:20px 6px}
  .pr-tabs__sc{left:0}
  .pr-tabs__p{bottom:-3%;height:106%}
  .pr-tabs__b{left:6%}
  .pr-notes{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
}
@media(max-width:480px){.pr-tab__aide{width:100%}.pr-craie-t{font-size:clamp(1.7rem,8.2vw,2.05rem)}}

/* ---------- Planche d'entrées ---------- */
.pr-4{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(160px,16.5vw,220px);gap:clamp(16px,2vw,26px)}
.pr-4__c{transition:transform .25s var(--ease)}
.pr-4__c--1{grid-column:1/8;grid-row:1/3}.pr-4__c--2{grid-column:8/13;grid-row:1}.pr-4__c--3{grid-column:8/13;grid-row:2}.pr-4__c--4{grid-column:1/6;grid-row:3}.pr-4__c--5{grid-column:6/13;grid-row:3}
a.pr-4__c:hover,a.pr-tr__c:hover{transform:translate(-3px,-4px) rotate(-.5deg)}
.pr-4__c .pr-img,.pr-tr__c .pr-img{transition:transform .6s ease}
a.pr-4__c:hover .pr-img,a.pr-tr__c:hover .pr-img{transform:scale(1.05)}
.pr-4__r,.pr-tr__r{position:absolute;left:clamp(8px,1.2vw,16px);bottom:clamp(8px,1.2vw,16px);max-width:min(88%,430px);font-size:.88rem}
.pr-4__t{display:block;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.05;padding-top:.1em;margin-bottom:3px}
.pr-4__o{position:absolute;top:-12px;right:12px;z-index:3;opacity:0;transform:scale(.4) rotate(-10deg);transition:transform .25s var(--ease),opacity .15s}
.pr-4__o .onoma{font-size:clamp(1.3rem,2.6vw,2.2rem)}
a:hover>.pr-4__o{opacity:1;transform:none}
@media(max-width:760px){
  .pr-4{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
  .pr-4__c{grid-column:auto!important;grid-row:auto!important;aspect-ratio:16/10.4}
  .pr-4__o{opacity:1;transform:none;top:-8px}
}
@media(hover:none){.pr-4__o{opacity:1;transform:none}}

/* ---------- La table périodique ---------- */
.pr-mxs{--dot:rgba(255,255,255,.08)}
.pr-mxs__t{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
.pr-mxs__t>div{max-width:760px}
.pr-mxs__e{flex:none}
@media(max-width:760px){.pr-mxs__e{display:none}}
.pr-mx .chip{background:#fff;color:#241530;border-color:#000}
.pr-mx .chip[aria-pressed=true]{background:var(--yellow);box-shadow:3px 3px 0 #000}
.pr-mx__corps{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(290px,.9fr);gap:clamp(16px,2vw,28px);align-items:start;margin-top:18px}
.pr-mx__g{display:grid;grid-template-columns:minmax(92px,1.05fr) repeat(4,minmax(0,1fr));gap:6px}
.pr-mx__th{display:grid;align-content:center;text-align:center;padding:4px 2px;font-family:var(--hand);line-height:1.1;color:#fff;transition:opacity .2s}
.pr-mx__th b{font-family:var(--display);font-weight:400;font-size:1rem;letter-spacing:.02em;color:var(--yellow)}
.pr-mx__th small{font-size:.72rem;font-weight:600}
.pr-mx__rh{display:flex;align-items:center;gap:6px;padding:4px 7px;min-width:0;background:var(--c);color:var(--c-txt);border:2.5px solid #000;border-radius:10px;font-family:var(--hand);font-size:.76rem;line-height:1.05}
.pr-mx__rh b{font-weight:800;overflow-wrap:anywhere}
.pr-mx__rh img{width:24px;height:24px;object-fit:contain;flex:none}
.pr-el{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:2px;min-height:82px;min-width:0;padding:5px 7px 6px;background:var(--c);color:var(--c-txt);border:2.5px solid #000;border-radius:8px;text-align:left;transition:transform .15s var(--ease),box-shadow .15s,opacity .2s}
.pr-el small{position:absolute;top:4px;right:6px;font:700 .6rem/1 var(--text);opacity:.85}
.pr-el b{font:400 1.7rem/1 var(--display);padding-top:.1em}
.pr-el span{font:700 .72rem/1.08 var(--hand);overflow-wrap:anywhere}
.pr-el:hover,.pr-el:focus-visible{transform:scale(1.07) rotate(-1.5deg);z-index:2;box-shadow:4px 4px 0 var(--yellow)}
.pr-el[aria-pressed=true]{box-shadow:0 0 0 3px #fff,5px 6px 0 3px var(--yellow);z-index:3}
.pr-el.is-garde span{padding-right:18px}
.pr-el.is-garde::after{content:"";position:absolute;right:4px;bottom:4px;width:18px;height:18px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23241530' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4 10-11'/%3E%3C/svg%3E") center/12px no-repeat;border:2px solid #000}
.pr-mx[data-vue=c1] .pr-el:not([data-c=c1]),.pr-mx[data-vue=c2] .pr-el:not([data-c=c2]),.pr-mx[data-vue=c3] .pr-el:not([data-c=c3]),.pr-mx[data-vue=c4] .pr-el:not([data-c=c4]){opacity:.26}
.pr-mx__f{position:sticky;top:94px;display:grid;background:#fff;color:#241530;--fg:#241530;--fg-2:#3c2d4b;border:3px solid #000;border-radius:var(--sketch-2);box-shadow:7px 7px 0 var(--yellow);padding:clamp(16px,2vw,24px);overflow:hidden;min-width:0}
.pr-mx__fi{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.pr-mx__tag{font:800 .84rem/1.2 var(--hand);padding:.15em .6em;border:2px solid #241530;border-radius:20px;background:var(--yellow)}
.pr-mx__x{display:flex;flex-wrap:wrap;gap:5px}
.pr-mx__pers{position:relative;display:flex;align-items:flex-end;justify-content:flex-end;min-height:150px;margin:10px -8px -24px 0}
.pr-mx__pers img{height:170px;width:auto;max-width:44%;object-fit:contain;object-position:bottom}
.pr-mx__bu{position:absolute;left:0;top:0;max-width:62%}
.pr-mx__bu .bulle{font-size:.84rem;padding:.6em .8em}
.pr-mx__prog{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding:10px 14px;background:#fff;color:#241530;border:3px solid #000;border-radius:18px;box-shadow:4px 4px 0 var(--yellow)}
.pr-mx__prog .chips{flex:1 1 200px}
.pr-mx__prog .chip{font-size:.8rem;display:inline-flex;align-items:center;gap:5px}
.pr-mx__prog .chip svg{width:12px;height:12px}
.pr-mx__note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);color:#fff}
.pr-mx__note svg{width:20px;height:20px;flex:none;margin-top:2px}
@media(max-width:1100px){.pr-mx__corps{grid-template-columns:minmax(0,1fr)}.pr-mx__f{position:static}}
@media(max-width:760px){
  .pr-mx__g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pr-mx__c0,.pr-mx__th,.pr-mx__rh,.pr-mx__tout{display:none}
  .pr-el{display:none;min-height:92px}
  .pr-mx[data-vue=tout] .pr-el[data-c=c2],.pr-mx[data-vue=c1] .pr-el[data-c=c1],.pr-mx[data-vue=c2] .pr-el[data-c=c2],.pr-mx[data-vue=c3] .pr-el[data-c=c3],.pr-mx[data-vue=c4] .pr-el[data-c=c4]{display:flex;opacity:1}
}

/* ---------- Déroulé d'une séance ---------- */
.pr-seqs__t{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:clamp(20px,2.4vw,34px)}
.pr-seqs__t header{margin:0;max-width:800px}
.pr-seq{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(40px,4vw,54px) clamp(14px,2vw,26px)}
.pr-seq__c{min-width:0;transition:opacity .25s,transform .3s var(--ease)}
.pr-seq__c--1{grid-column:span 5}.pr-seq__c--2{grid-column:span 7}.pr-seq__c--3,.pr-seq__c--4,.pr-seq__c--5{grid-column:span 4}
.pr-seq__c>.pr-k{height:100%}
.pr-seq.is-joue .pr-seq__c{opacity:.4}
.pr-seq.is-joue .pr-seq__c.is-on{opacity:1;transform:scale(1.03) rotate(-.6deg);z-index:3}
.pr-seq__in{display:flex;flex-direction:column;gap:7px;min-height:clamp(200px,16vw,236px);height:100%;padding:clamp(14px,1.8vw,22px);padding-bottom:46px;color:#241530}
.pr-seq__n{display:grid;place-items:center;width:42px;height:42px;background:#241530;color:var(--yellow);border-radius:50%;font:400 1.3rem/1 var(--display);padding-top:.1em}
.pr-seq__t{display:block;font:400 clamp(1.2rem,1.9vw,1.55rem)/1.05 var(--display);text-transform:uppercase;padding-right:64px}
.pr-seq__r{font-size:.9rem;line-height:1.45;color:#241530}
.pr-seq__s{position:absolute;right:8px;top:8px;width:66px;height:66px;object-fit:contain}
.pr-seq__o{position:absolute;top:-14px;left:58px;z-index:3}
.pr-seq__o .onoma{font-size:clamp(1.25rem,2.2vw,1.9rem)}
.pr-seq__c.is-on .pr-seq__o .onoma{animation:pr-pop .5s var(--ease) both}
.pr-seq__b{position:absolute;right:14px;bottom:-22px;z-index:3;max-width:calc(100% - 30px)}
.pr-seq__b .bulle{font-size:.84rem;padding:.5em .8em}
@media(max-width:760px){.pr-seq{row-gap:50px}.pr-seq__c{grid-column:1/-1!important}.pr-seq__in{min-height:0}}

/* ---------- Sécurité et encadrement ---------- */
.pr-secu__g{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,3vw,44px);align-items:start}
.pr-secu__e{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}
.pr-secu__c{display:flex;flex-direction:column;gap:8px}
.pr-secu__c img{width:58px;height:58px;object-fit:contain}
.pr-secu__c h3{margin-bottom:4px}
.pr-fonds{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:14px clamp(16px,2.4vw,32px);align-items:center}
.pr-fonds__p{display:flex;gap:12px;align-items:flex-start}
.pr-fonds__p img{width:70px;height:70px;object-fit:cover;flex:none;border:3px solid #241530;border-radius:50%}
.pr-fonds .btn{justify-self:end}
.pr-pince{position:relative;background:#fff;color:#241530;--fg:#241530;--fg-2:#3c2d4b;--field:#fff;border:3px solid #241530;border-radius:14px;box-shadow:var(--shadow-l);padding:38px clamp(16px,2vw,24px) 20px;transform:rotate(.6deg)}
.pr-pince__clip{position:absolute;top:-17px;left:50%;width:120px;height:36px;margin-left:-60px;background:var(--orange);border:3px solid #241530;border-radius:12px 12px 6px 6px;box-shadow:2px 3px 0 #241530}
.pr-pince__clip::before{content:"";position:absolute;left:50%;top:6px;width:22px;height:12px;margin-left:-11px;background:#fff;border:2.5px solid #241530;border-radius:50%}
.pr-pince__l{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}
.pr-pince__b{height:16px;border:3px solid #241530;border-radius:10px;overflow:hidden;background:#fff}
.pr-pince__b i{display:block;height:100%;width:0;background:var(--green);transition:width .35s var(--ease)}
.pr-admin{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.9rem}
.pr-admin li{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px}
.pr-admin span{font-family:var(--hand);font-weight:800;min-width:66px}
.pr-admin b{flex:1 1 150px;min-width:0}
.pr-cop{padding:.1em .7em;background:var(--yellow);border:2px solid #241530;border-radius:14px;font:800 .76rem/1.5 var(--hand);transition:transform .15s var(--ease)}
.pr-cop:hover{transform:rotate(-3deg) scale(1.05)}
.pr-cop.is-ok{background:#6FDB7A}
@media(max-width:980px){.pr-secu__g{grid-template-columns:minmax(0,1fr)}.pr-fonds{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-fonds .btn{grid-column:1/-1;justify-self:start}}
@media(max-width:560px){.pr-secu__e,.pr-fonds{grid-template-columns:minmax(0,1fr)}.pr-secu__c{display:grid;grid-template-columns:48px minmax(0,1fr);gap:0 12px;padding:14px}.pr-secu__c img{width:48px;height:48px}.pr-fonds__p img{width:56px;height:56px}}

/* ---------- Le dossier ---------- */
.pr-doss__g{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(36px,6vw,80px);align-items:center}
.pr-chem{position:relative;width:min(360px,86%);aspect-ratio:1/1.14;margin:36px auto 0;transform:rotate(-3deg)}
.pr-chem__o{position:absolute;top:-30px;left:20px;padding:.26em 1.1em;background:#D9A25F;color:#241530;border:3px solid #241530;border-bottom:0;border-radius:12px 12px 0 0;font:800 .92rem/1.3 var(--hand)}
.pr-chem__f i{position:absolute;left:7%;right:7%;top:-5%;height:62%;background:#fff;border:3px solid #241530;border-radius:6px;transition:transform .7s var(--ease);background-image:repeating-linear-gradient(transparent 0 16px,rgba(36,21,48,.14) 16px 18px);background-position:0 18px}
.pr-chem__f i:nth-child(2){background-color:#FFF7E3;transform:rotate(1deg)}
.pr-chem__f i:nth-child(3){background-color:#BEEEFB;transform:rotate(-1deg)}
.pr-chem.is-ouvert .pr-chem__f i:nth-child(1){transform:translate(-14%,-34%) rotate(-9deg)}
.pr-chem.is-ouvert .pr-chem__f i:nth-child(2){transform:translate(2%,-44%) rotate(3deg)}
.pr-chem.is-ouvert .pr-chem__f i:nth-child(3){transform:translate(16%,-30%) rotate(11deg)}
.pr-chem__c{position:absolute;inset:0;display:flex;flex-direction:column;gap:6px;padding:clamp(18px,2.6vw,28px);background:#E9B676;color:#241530;border:3px solid #241530;border-radius:8px 14px 14px 14px;box-shadow:var(--shadow-l)}
.pr-chem__e{font:800 .84rem var(--hand)}
.pr-chem__c b{font:400 clamp(1.6rem,2.8vw,2.2rem)/1.02 var(--display);text-transform:uppercase;padding-top:.08em}
.pr-chem__c small{font-size:.8rem;line-height:1.3}
.pr-chem__s{position:absolute;right:12px;bottom:10px;width:46%;height:auto;transform:rotate(6deg)}
@media(max-width:860px){.pr-doss__g{grid-template-columns:minmax(0,1fr)}}
.pr-cite{display:flex;gap:14px;align-items:center}
.pr-cite img{width:62px;height:62px;object-fit:contain;flex:none}

/* ---------- /ecoles/periscolaire/ : le soleil et l'école ---------- */
.pr-ciel{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;padding-top:clamp(36px,4.4vw,64px);color:#241530;--fg:#241530;--fg-2:#241530;background:#55C4F2}
.pr-ciel__sky{position:absolute;inset:0;z-index:-3}
.pr-ciel__sky i{position:absolute;inset:0;opacity:0;transition:opacity .7s}
.pr-ciel__sky i.is-on{opacity:1}
.pr-ciel__sky [data-s="0"]{background:linear-gradient(#8FDBFA,#E8F9FF)}
.pr-ciel__sky [data-s="1"]{background:linear-gradient(#4FB9EC,#BFEFFF)}
.pr-ciel__sky [data-s="2"]{background:linear-gradient(#4A1F8F,#F6653C 64%,#FFD90F)}
.pr-ciel__sky [data-s="3"]{background:linear-gradient(#19BBEA,#A8EAFF)}
.pr-ciel__sky [data-s="4"]{background:linear-gradient(#FFB63D,#FFF0A3)}
.pr-ciel__astre{position:absolute;left:var(--x,50%);top:var(--y,24%);width:clamp(66px,9vw,128px);aspect-ratio:1;translate:-50% -50%;z-index:-2;transition:left .7s var(--ease),top .7s var(--ease)}
.pr-ciel__astre i{display:block;width:100%;height:100%;border-radius:50%;background:#FFD90F;border:4px solid #241530;box-shadow:0 0 0 12px rgba(255,217,15,.35),0 0 0 26px rgba(255,217,15,.18)}
.pr-ciel__nu{position:absolute;z-index:-1;width:clamp(110px,16vw,220px);animation:pr-nu 26s ease-in-out infinite alternate}
.pr-ciel__nu--1{left:11%;bottom:clamp(110px,15vw,216px)}.pr-ciel__nu--2{right:4%;top:12%;animation-delay:-9s;width:clamp(90px,12vw,170px)}
@media(max-width:760px){.pr-ciel__nu{display:none}}
@keyframes pr-nu{to{transform:translateX(60px)}}
.pr-ciel__h{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.pr-ciel .fil{display:inline-flex;margin:0;padding:.2em .8em;background:#fff;border:2.5px solid #241530;border-radius:20px;color:#241530}
.pr-ciel__l{margin:0;padding:.42em .9em;background:#fff;border:3px solid #241530;box-shadow:var(--shadow-s);transform:rotate(-.6deg);font-weight:700;color:#241530;font-size:1rem;max-width:60ch}
.pr-ciel__h .titre{max-width:15em}
.pr-ciel__c{position:relative;z-index:3;margin-top:clamp(14px,2vw,26px)}
.pr-ciel__r{-webkit-appearance:none;appearance:none;display:block;width:100%;height:18px;background:rgba(255,255,255,.75);border:3px solid #241530;border-radius:14px;cursor:grab}
.pr-ciel__r::-webkit-slider-thumb{-webkit-appearance:none;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,#FFE872 0 42%,#FFD90F 44%);border:3px solid #241530;box-shadow:0 0 0 6px rgba(255,217,15,.45),2px 3px 0 6px rgba(36,21,48,.2);cursor:grab}
.pr-ciel__r::-moz-range-thumb{width:46px;height:46px;border-radius:50%;background:#FFD90F;border:3px solid #241530;box-shadow:0 0 0 6px rgba(255,217,15,.45);cursor:grab}
.pr-ciel__m{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:12px}
.pr-ciel__m button{padding:.28em .4em;background:#fff;color:#241530;border:2.5px solid #241530;border-radius:18px;font:800 clamp(.7rem,1.1vw,.92rem)/1.1 var(--hand);transition:transform .15s var(--ease),background .15s}
.pr-ciel__m button:hover{transform:translateY(-2px)}
.pr-ciel__m button[aria-pressed=true]{background:var(--yellow);box-shadow:3px 3px 0 #241530}
.pr-ciel__ec{display:block;width:100%;height:clamp(170px,22vw,300px);margin-top:clamp(6px,1vw,14px)}
.pr-ciel__f rect{transition:fill .5s}
.pr-ciel[data-n="2"] .pr-ciel__f rect{fill:#FFD90F}
.pr-ciel__p1{position:absolute;left:clamp(4px,7vw,110px);bottom:0;height:clamp(100px,14vw,190px);width:auto;z-index:2}
.pr-ciel__p2{position:absolute;right:clamp(8px,8vw,130px);bottom:0;height:clamp(80px,11vw,150px);width:auto;z-index:2}
.pr-ciel__oo{position:absolute;right:clamp(8px,18vw,270px);bottom:clamp(120px,16vw,230px);z-index:2}
.pr-ciel__oo.is-pop .onoma{animation:pr-pop .5s var(--ease) both}
.pr-ciel-p{position:relative;margin-top:-26px;padding-bottom:clamp(60px,7vw,100px);background:linear-gradient(transparent 26px,var(--bg) 26px)}
.pr-ciel__panel{max-width:860px;margin-inline:auto}
.pr-ciel__pc{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(12px,2vw,20px);align-items:center}
.pr-ciel__pc img{width:clamp(70px,9vw,110px);height:auto}
@media(max-width:560px){.pr-ciel__m{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-ciel__m button:last-child{grid-column:1/-1}.pr-ciel__pc{grid-template-columns:minmax(0,1fr)}.pr-ciel__pc img{width:80px}.pr-ciel__oo{display:none}}
.pr-cmp{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,5vw,70px);align-items:stretch}
.pr-cmp__in{display:flex;flex-direction:column;gap:10px;height:100%;padding:clamp(18px,2.6vw,32px)}
.pr-cmp__h{display:flex;align-items:center;gap:10px}
.pr-cmp__h img{width:64px;height:64px;object-fit:contain}
.pr-cmp__l{font-weight:700}
.pr-cmp__u{display:grid;gap:8px;font-size:.95rem}
.pr-cmp__u>span{position:relative;display:block;padding-left:30px;line-height:1.35}
.pr-cmp__u>span::before{content:"";position:absolute;left:0;top:.08em;width:22px;height:22px;border-radius:50%;background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23241530' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4 10-11'/%3E%3C/svg%3E") center/14px no-repeat;border:2px solid #241530}
.pr-cmp__ou{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:4}
.pr-cmp__ou .onoma{font-size:clamp(1.4rem,2.6vw,2.1rem)}
@media(max-width:760px){.pr-cmp{grid-template-columns:minmax(0,1fr);gap:34px}}
.pr-gen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);align-items:start}
.pr-gen__c .chip{font-size:.86rem}
.pr-gen__b{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:flex-end;gap:14px;margin-bottom:22px}
.pr-gen__b .bulle{margin-bottom:34px}
.pr-gen__p{width:clamp(96px,11vw,150px);height:auto;flex:none}
.pr-gen__l{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pr-gen__l:empty{display:none}
.pr-gen__l li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:8px 10px;background:var(--card);border:3px solid #241530;border-radius:var(--sketch);box-shadow:var(--shadow-s);animation:pop .3s var(--ease) both;animation-delay:var(--d,0s)}
.pr-gen__l li:nth-child(odd){transform:rotate(-.8deg)}.pr-gen__l li:nth-child(even){transform:rotate(.8deg)}
.pr-gen__l i{display:grid;place-items:center;width:38px;height:38px;background:var(--c);color:var(--c-txt);border:2.5px solid #241530;border-radius:50%;font:400 1.05rem/1 var(--display);padding-top:.1em;font-style:normal}
.pr-gen__l small{display:block;font:700 .72rem/1.1 var(--hand);opacity:.8}
.pr-gen__l b{display:block;font:800 .96rem/1.15 var(--hand)}
@media(max-width:860px){.pr-gen{grid-template-columns:minmax(0,1fr)}}
@media(max-width:420px){.pr-gen__l{grid-template-columns:minmax(0,1fr)}}

/* ---------- /ecoles/projets/ : la frise ---------- */
.pr-esp{height:clamp(50px,6vw,90px)}
.pr-frs{overflow:visible}
.pr-frs__st{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(1.6px 1.6px at 12% 22%,#fff 50%,transparent),radial-gradient(1.4px 1.4px at 28% 68%,#fff 50%,transparent),radial-gradient(2px 2px at 44% 16%,#FFD90F 50%,transparent),radial-gradient(1.4px 1.4px at 62% 44%,#fff 50%,transparent),radial-gradient(2px 2px at 78% 80%,#8FE3F8 50%,transparent),radial-gradient(1.6px 1.6px at 90% 26%,#fff 50%,transparent),radial-gradient(1.4px 1.4px at 6% 84%,#FFB3DA 50%,transparent),radial-gradient(1.6px 1.6px at 52% 92%,#fff 50%,transparent);background-size:520px 420px}
.pr-fr__fils{display:flex;flex-wrap:wrap;gap:10px}
.pr-fr__fil{display:inline-flex;align-items:center;gap:8px;padding:.25em .9em .25em .35em;background:#fff;color:#241530;border:3px solid #000;border-radius:30px;font:800 .92rem/1.15 var(--hand);transition:transform .15s var(--ease)}
.pr-fr__fil img{width:36px;height:36px;object-fit:contain}
.pr-fr__fil:hover{transform:translateY(-2px) rotate(-1deg)}
.pr-fr__fil[aria-pressed=true]{background:var(--c);box-shadow:4px 4px 0 var(--yellow)}
.pr-fr__q{margin:22px 0 26px}
.pr-fr__q .bulle{max-width:min(46ch,100%);font-size:1.08rem;padding:1em 1.6em}
.pr-fr__piste{position:relative;padding-block:6px 56px}
.pr-fr__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.pr-fr__svg path{fill:none;stroke-linecap:round}
.pr-fr__svg .a{stroke:rgba(255,255,255,.6);stroke-width:4;stroke-dasharray:3 13}
.pr-fr__svg .b{stroke:var(--cyan);stroke-width:7}
.pr-fr__fusee{position:absolute;left:0;top:0;width:88px;margin:-25px 0 0 -44px;z-index:3;pointer-events:none;will-change:transform;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.5))}
.pr-fr__fl{animation:pr-fl .25s steps(2) infinite;transform-origin:8px 22px}
@keyframes pr-fl{50%{transform:scaleX(.6)}}
.pr-fr__n{position:relative;z-index:2;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.pr-fr__n li{min-width:0}
.pr-fr__n li:nth-child(even){transform:translateY(46px)}
.pr-fr__b{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;width:100%;color:#fff}
.pr-fr__b i{display:grid;place-items:center;width:56px;height:56px;background:#fff;color:#241530;border:3px solid #000;border-radius:50%;font:400 1.5rem/1 var(--display);padding-top:.1em;font-style:normal;transition:transform .2s var(--ease),background .2s}
.pr-fr__b:hover i{transform:scale(1.12) rotate(-6deg)}
.pr-fr__b.is-fait i{background:var(--cyan)}
.pr-fr__b[aria-pressed=true] i{background:var(--yellow);box-shadow:0 0 0 5px rgba(255,217,15,.35)}
.pr-fr__b small{font:700 .78rem/1.15 var(--hand);opacity:.85}
.pr-fr__b b{font:400 clamp(.86rem,1.3vw,1.04rem)/1.08 var(--display);text-transform:uppercase;letter-spacing:.01em}
.pr-fr__d{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:clamp(10px,1.4vw,18px)}
.pr-fr__dt{flex:1 1 320px;min-width:0}
.pr-fr__nav{flex:none}
.pr-fr__cta .btn--blanc{color:#241530}
.pr-fr__ret{flex-basis:100%;color:var(--yellow)}
@media(max-width:760px){
  .pr-fr__n{grid-template-columns:minmax(0,1fr);gap:18px}
  .pr-fr__n li:nth-child(even){transform:none}
  .pr-fr__b{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:12px;row-gap:0;text-align:left;align-items:center}
  .pr-fr__b i{grid-row:1/3}
  .pr-fr__piste{padding-bottom:20px}
  .pr-fr__fusee{width:54px;margin:-16px 0 0 -27px}
}
.pr-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px)}
.pr-out__c{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:var(--card);color:var(--fg);border:3px solid #241530;border-radius:var(--sketch);box-shadow:var(--shadow-s);text-decoration:none;transform:rotate(var(--r,0deg));transition:transform .2s var(--ease),box-shadow .2s}
.pr-out__c:hover{transform:translate(-2px,-4px) rotate(0);box-shadow:var(--shadow)}
.pr-out__c img{width:70px;height:70px;object-fit:contain;padding:6px;background:var(--c);border:2.5px solid #241530;border-radius:50%}
@media(max-width:860px){.pr-out{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.pr-out{grid-template-columns:minmax(0,1fr);gap:12px}.pr-out__c{display:grid;grid-template-columns:58px minmax(0,1fr);gap:0 12px;align-items:center;padding:12px 14px}.pr-out__c img{grid-row:1/3;width:58px;height:58px}}

/* ---------- /ecoles/ressources/ ---------- */
.pr-res__b{position:relative;z-index:2}
.pr-res__q{display:flex;align-items:center;gap:10px}
.pr-res__q>svg{width:26px;height:26px;flex:none}
.pr-res__q .input{flex:1;min-width:0}
.pr-res__n{flex:none;font-family:var(--hand);font-weight:700;font-size:.92rem}
.pr-res__n b{font-family:var(--display);font-weight:400;font-size:1.35rem}
.pr-res__f{display:grid;gap:10px;margin-top:12px}
.pr-res__fg{display:grid;grid-template-columns:80px minmax(0,1fr);gap:6px 8px;align-items:start}
.pr-res__fg>.hand{font-weight:800;padding-top:4px}
.pr-res__g{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:clamp(18px,2.4vw,30px);margin-top:clamp(20px,2.4vw,32px)}
@media(max-width:560px){
  .pr-res__fg{grid-template-columns:minmax(0,1fr)}
  .pr-res__q{flex-wrap:wrap}
  .pr-res__q .input{flex:1 1 calc(100% - 40px)}
  .pr-res__g{grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:88%;gap:16px 14px;overflow-x:auto;scroll-snap-type:x proximity;margin-inline:calc(-1*var(--gut));padding:18px var(--gut) 14px;scrollbar-width:thin}
  .pr-fi{scroll-snap-align:center}
  .pr-res__g .pr-fi__b{flex-wrap:nowrap;gap:5px}
  .pr-fi__b .btn{font-size:.74rem;padding-inline:.6em;min-height:38px}
  .pr-fi__b .btn--blanc svg{display:none}
  .pr-fi__sac{width:38px;height:38px;flex:none}
}
/* Filtres en bande horizontale sur mobile : la grille de pastilles ne mange plus tout l'écran. */
@media(max-width:560px){
  .pr-cat__fg .chips,.pr-res__fg .chips{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(-1*clamp(18px,2.6vw,32px));padding:2px clamp(18px,2.6vw,32px) 7px 2px;scrollbar-width:none}
  .pr-cat__fg .chips::-webkit-scrollbar,.pr-res__fg .chips::-webkit-scrollbar{display:none}
  .pr-cat__fg .chip,.pr-res__fg .chip{flex:none;white-space:nowrap}
}
.pr-res__g .pr-fi--plus{justify-content:center;background-color:#FFEE8C;color:#241530;text-decoration:none}
.pr-fi--plus .pr-fi__r{flex:none}
.pr-fi--plus .pr-fi__t{text-wrap:balance}
.pr-fi{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:18px 16px 14px 44px;background-color:var(--card);background-image:repeating-linear-gradient(transparent 0 27px,rgba(25,187,234,.2) 27px 28px);background-position:0 12px;color:var(--fg);border:3px solid #241530;border-radius:6px 16px 16px 6px;box-shadow:var(--shadow-s);transform:rotate(var(--r,0deg));transition:transform .2s var(--ease),box-shadow .2s}
.pr-fi:hover{transform:translate(-2px,-4px) rotate(0);box-shadow:var(--shadow)}
.pr-fi::before{content:"";position:absolute;left:33px;top:0;bottom:0;border-left:2px solid rgba(238,78,154,.5)}
.pr-fi__tr{position:absolute;left:9px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-around;padding-block:16px}
.pr-fi__tr i{display:block;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2.5px solid #241530}
.pr-fi__cl{position:absolute;right:16px;top:-14px;width:18px;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 40' fill='none' stroke='%23241530' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M13 12v18a4 4 0 0 1-8 0V8a3 3 0 0 1 6 0v20a1.500 1.500 0 0 1-3 0V12'/%3E%3C/svg%3E") center/contain no-repeat}
.pr-fi__h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding-right:18px}
.pr-fi__d{padding:.08em .6em;background:var(--c);color:var(--c-txt);border:2px solid #241530;border-radius:20px;font:800 .76rem/1.4 var(--hand)}
.pr-fi__ty{font:700 .74rem/1.2 var(--hand);opacity:.85}
.pr-fi__t{font:400 1.24rem/1.08 var(--display);text-transform:uppercase;padding-top:.05em}
.pr-fi__r{flex:1}
.pr-fi__cy{display:flex;flex-wrap:wrap;gap:4px}
.pr-fi__cy .tag{font-size:.72rem;color:#241530}
.pr-fi__b{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:4px}
.pr-fi__sac{margin-left:auto;background:var(--yellow);color:#241530;border-color:#241530}
.pr-fi__sac svg{transition:transform .2s var(--ease)}
.pr-fi__sac[aria-pressed=true]{background:#6FDB7A}
.pr-fi__sac[aria-pressed=true] svg{transform:rotate(45deg)}
.pr-sac{position:fixed;right:16px;bottom:18px;z-index:45;width:76px;height:76px;filter:drop-shadow(3px 4px 0 rgba(36,21,48,.55));transition:transform .2s var(--ease)}
.pr-sac:hover{transform:scale(1.08) rotate(-4deg)}
.pr-sac.is-hop{animation:pr-hop .55s var(--ease)}
.pr-sac svg{width:100%;height:100%}
.pr-sac .compteur{top:2px;right:2px}
@media(max-width:1179px){.pr-sac{right:8px;bottom:calc(68px + env(safe-area-inset-bottom));width:60px;height:60px}}
.pr-sac__l{list-style:none;padding:0;margin:0;display:grid;gap:6px;max-height:44vh;overflow-y:auto}
.pr-sac__l li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border:2.5px solid #241530;border-radius:12px;background:var(--card)}
.pr-sac__l b{font-family:var(--hand);font-weight:800;line-height:1.2}
.pr-mf h3{font-family:var(--hand);font-weight:800;font-size:1.06rem;margin:14px 0 6px}
.pr-mf__t{padding-right:44px}
.pr-mf__g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0 26px}
.pr-mf ol{padding-left:1.2em;margin:0}
.pr-mf ol li+li{margin-top:4px}
.pr-mf__eu{margin-top:12px}
.pr-mf__a{margin-top:10px}
.pr-mf__b{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
@media(max-width:640px){.pr-mf__g{grid-template-columns:minmax(0,1fr)}}
.pr-aussi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.pr-aussi__c{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--c);color:#241530;border:3px solid #000;border-radius:var(--sketch);box-shadow:5px 5px 0 #000;text-decoration:none;transform:rotate(var(--r,0deg));transition:transform .2s var(--ease)}
.pr-aussi__c:hover{transform:translateY(-5px) rotate(0)}
.pr-aussi__c img{width:66px;height:66px;object-fit:contain}
.pr-aussi__c b{font:400 1.1rem/1.05 var(--display);text-transform:uppercase}
@media(max-width:1000px){.pr-aussi{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-aussi__c:last-child{grid-column:1/-1}}
@media(max-width:560px){.pr-aussi__c{padding:10px}.pr-aussi__c img{width:48px;height:48px}.pr-aussi__c b{font-size:1rem}}
.pr-idee{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:start}
@media(max-width:900px){.pr-idee{grid-template-columns:minmax(0,1fr)}}

/* ---------- /ecoles/mairies/ : le plan ---------- */
.pr-qs{position:relative;padding-top:clamp(36px,4.4vw,64px);padding-bottom:clamp(70px,8vw,110px)}
.pr-qs__t{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:clamp(12px,3vw,40px);align-items:end;margin-bottom:-14px}
.pr-qs__t .titre{--tc:var(--orange)}
.pr-qs__t>div:first-child{padding-bottom:38px}
.pr-qs__p{position:relative;z-index:3;height:clamp(210px,23vw,320px);display:flex;justify-content:flex-end}
.pr-qs__p img{height:100%;width:auto;object-fit:contain;object-position:bottom}
.pr-qs__b{position:absolute;top:0;right:46%;width:max-content;max-width:190px}
.pr-qm{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center}
.pr-qm__m{position:relative;aspect-ratio:1200/640;min-width:0;background:#BDEBB4;border:3px solid #241530;border-radius:var(--sketch);box-shadow:var(--shadow-l);overflow:hidden}
.pr-qm__svg{position:absolute;inset:0;width:100%;height:100%}
.pr-qm__b{transform-box:fill-box;transform-origin:50% 100%;animation:pr-sort .55s var(--ease) var(--d,0s) both}
@keyframes pr-sort{from{transform:scale(.2,.1);opacity:0}}
.pr-lieu{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;translate:-50% -50%;z-index:3;transition:transform .2s var(--ease)}
.pr-lieu img{width:clamp(36px,4.4vw,54px);height:clamp(36px,4.4vw,54px);object-fit:contain;padding:3px;background:#fff;border:3px solid #241530;border-radius:50%;box-shadow:2px 3px 0 #241530;transition:background .15s}
.pr-lieu span{padding:.08em .6em;background:#fff;color:#241530;border:2px solid #241530;border-radius:12px;font:800 .78rem/1.3 var(--hand);white-space:nowrap}
.pr-lieu:hover{transform:scale(1.1) rotate(-3deg);z-index:4}
.pr-lieu[aria-pressed=true]{z-index:4}
.pr-lieu[aria-pressed=true] img{background:var(--yellow);box-shadow:0 0 0 6px rgba(255,217,15,.55),2px 3px 0 6px rgba(36,21,48,.3)}
.pr-lieu[aria-pressed=true] span{background:var(--yellow)}
.pr-qm__p{z-index:4;margin-left:-70px;--pt:rotate(1deg);transform:rotate(1deg)}
.pr-qm__h{display:flex;align-items:center;gap:10px}
.pr-qm__h img{width:62px;height:62px;object-fit:contain;flex:none}
@media(max-width:1000px){
  .pr-qm{grid-template-columns:minmax(0,1fr)}
  .pr-qm__p{margin:-16px 8px 0;transform:none}
}
@media(max-width:700px){
  .pr-lieu span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .pr-qs__t{grid-template-columns:minmax(0,1fr)}
  .pr-qs__p{height:190px;margin-top:6px}
  .pr-qs__b{right:32%}
}
.pr-mc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);align-items:center}
.pr-mc__r{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.pr-mc__tentes{display:flex;flex-wrap:wrap;gap:6px;min-height:50px;align-items:center}
.pr-mc__tentes b{font:400 1.1rem var(--display)}
.pr-tente{width:46px;height:42px;animation:pop .3s var(--ease) both}
@media(max-width:860px){.pr-mc{grid-template-columns:minmax(0,1fr)}}
.pr-3c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px)}
.pr-3c__i{display:flex;flex-direction:column;gap:8px;height:100%;padding:clamp(18px,2.4vw,28px)}
.pr-3c__n{display:grid;place-items:center;width:46px;height:46px;background:#241530;color:var(--yellow);border-radius:50%;font:400 1.4rem/1 var(--display);padding-top:.1em}
.pr-3c__o{position:absolute;top:-12px;right:10px;z-index:3}
.pr-3c__o .onoma{font-size:clamp(1.2rem,2.2vw,1.8rem)}
@media(max-width:760px){.pr-3c{grid-template-columns:minmax(0,1fr)}}

/* ---------- Devis école : le carnet ---------- */
.pr-ccs{position:relative;padding-bottom:clamp(30px,4vw,50px)}
.pr-ccs__t{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr);gap:clamp(12px,3vw,40px);align-items:end;padding-top:clamp(18px,3vw,36px);background:var(--blue);box-shadow:0 0 0 100vmax var(--blue);clip-path:inset(-100vmax -100vmax 0);color:#fff;--fg:#fff;--fg-2:#E8F6FD;margin-bottom:clamp(20px,2.6vw,34px)}
.pr-ccs__t>div:first-child{padding-bottom:clamp(20px,3vw,40px)}
.pr-ccs__p{position:relative;height:clamp(190px,21vw,290px);display:flex;justify-content:flex-end}
.pr-ccs__p img{height:100%;width:auto;object-fit:contain;object-position:bottom}
.pr-ccs__b{position:absolute;top:6px;right:38%;width:max-content;max-width:170px}
.pr-ccs__b .bulle{font-size:.86rem}
@media(max-width:700px){.pr-ccs__t{grid-template-columns:minmax(0,1fr)}.pr-ccs__p{height:170px;margin-top:8px}.pr-ccs__t>div:first-child{padding-bottom:0}}
.pr-cc-box{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,.85fr);gap:clamp(18px,2.6vw,32px);align-items:start}
.pr-cc-box.is-sent{display:block}
.pr-cc{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);background:var(--card);border:3px solid #241530;border-radius:12px 18px 18px 12px;box-shadow:var(--shadow-l);overflow:hidden}
.pr-cc__spi{background-color:#FF8A80;background-image:radial-gradient(circle at 16px 16px,#241530 0 5px,transparent 5.6px),linear-gradient(90deg,transparent 16px,#fff 16px 19px,transparent 19px);background-size:32px 30px;border-right:3px solid #241530}
.pr-cc__p{min-width:0;padding:clamp(16px,2.6vw,30px);background-image:repeating-linear-gradient(transparent 0 31px,rgba(25,187,234,.14) 31px 32px)}
.pr-cc__radios{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.pr-cc__n{justify-content:space-between;margin-top:6px}
.pr-cc__cal{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:16px;align-items:start}
.pr-cc__cal .pr-lg{margin:0}
.pr-cc__t{position:sticky;top:94px;min-width:0}
.pr-cc__t .lien{display:inline-flex;align-items:center;gap:6px}
.pr-cc__t .lien svg{width:16px;height:16px}
.pr-cc__m{grid-column:1/-1}
.pr-cc__sign{position:relative;max-width:720px;margin-inline:auto;padding:clamp(20px,3vw,40px);background:var(--card);border:3px solid #241530;border-radius:var(--sketch);box-shadow:var(--shadow-l)}
.pr-tamp{position:absolute;top:10px;right:10px;padding:.3em .6em .2em;color:#E3342F;border:4px double #E3342F;border-radius:8px;font:400 clamp(.86rem,1.6vw,1.1rem)/1 var(--display);text-transform:uppercase;transform:rotate(-11deg);background:rgba(255,255,255,.85)}
.is-sent .pr-tamp{animation:pr-tamp .55s var(--ease) both .2s}
.champ>.qty{align-self:flex-start}
.pr-pills{display:flex;flex-wrap:wrap;gap:8px}
.pr-pill{position:relative;cursor:pointer}
.pr-pill input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.pr-pill span{display:block;padding:.3em .9em;background:var(--card);color:var(--fg);border:2.5px solid #241530;border-radius:30px;font:700 .9rem/1.25 var(--hand);transition:transform .15s var(--ease),background .15s}
.pr-pill:hover span{transform:translateY(-2px) rotate(-1deg)}
.pr-pill input:checked+span{background:var(--c,var(--yellow));color:var(--c-txt,#241530);box-shadow:3px 3px 0 #241530}
.pr-pill input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}
@media(min-width:1200px){.pr-cc .etapes{gap:4px;flex-wrap:nowrap}.pr-cc .etapes li{font-size:.86rem;gap:6px;white-space:nowrap}.pr-cc .etapes li:not(:last-child)::after{width:clamp(6px,1.2vw,18px)}}
@media(max-width:1000px){.pr-cc-box{grid-template-columns:minmax(0,1fr)}.pr-cc__t{position:relative;top:auto}}
@media(max-width:640px){.pr-cc__radios,.pr-cc__cal{grid-template-columns:minmax(0,1fr)}.pr-cc{grid-template-columns:20px minmax(0,1fr)}.pr-cc__spi{background-size:20px 26px;background-image:radial-gradient(circle at 10px 13px,#241530 0 4px,transparent 4.6px)}.pr-cc .choix{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pr-cc .choix label{padding:10px;gap:3px}.pr-cc .choix img{width:46px;height:46px}.pr-cc .choix b{font-size:.92rem}}

/* ---------- /ce-mairie/ : l'éventail de cartes ---------- */
.pr-fan-s{position:relative;overflow:hidden;isolation:isolate;background:var(--orange);color:#241530;--fg:#241530;--fg-2:#241530;padding-block:clamp(36px,4.4vw,64px) clamp(50px,5vw,70px)}
.pr-fan-s__r{position:absolute;inset:0;overflow:hidden;z-index:-1}
.pr-fan-s .rayons{background:repeating-conic-gradient(from 0deg at 50% 50%,#F6653C 0 9deg,#FF7E57 9deg 18deg)}
.pr-fan-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(10px,3vw,40px);align-items:center}
.pr-fan-t .lead{color:#241530;font-weight:700;max-width:50ch}
.pr-fan{--w:clamp(150px,13.2vw,190px);position:relative;height:clamp(300px,29vw,400px);margin-bottom:clamp(30px,4vw,60px)}
.pr-fan__c{position:absolute;left:50%;bottom:0;width:var(--w);aspect-ratio:3/4.3;margin-left:calc(var(--w)*-.5);color:#241530;text-decoration:none;transform-origin:50% 215%;transform:rotate(calc(var(--i)*12deg));transition:transform .3s var(--ease);animation:pr-deal .7s var(--ease) both;animation-delay:calc((var(--i) + 2)*.09s)}
@keyframes pr-deal{from{transform:rotate(0) translateY(90px);opacity:0}}
.pr-fan__in{display:flex;flex-direction:column;align-items:flex-start;gap:6px;height:100%;padding:10px;text-align:left;background:#fff;border:3px solid #241530;border-radius:16px;box-shadow:4px 5px 0 #241530}
.pr-fan__in img{flex:1;min-height:0;width:100%;object-fit:contain;padding:6px;background:var(--c);border:2.5px solid #241530;border-radius:10px}
.pr-fan__in b{order:-1;max-width:68%;font:400 clamp(.86rem,1.25vw,1.08rem)/1.02 var(--display);text-transform:uppercase;padding-top:.08em}
.pr-fan__c:last-child .pr-fan__in b{max-width:100%}
.pr-fan__in small{font:700 .72rem/1.1 var(--hand)}
.pr-fan__c:hover,.pr-fan__c:focus-visible{transform:rotate(calc(var(--i)*12deg)) translateY(-26px) scale(1.04);z-index:6}
/* Sur petit écran, l'éventail se pose en cartes étalées : chaque titre reste lisible. */
@media(max-width:900px){
  .pr-fan-g{grid-template-columns:minmax(0,1fr)}
  .pr-fan{--w:auto;height:auto;margin:18px auto 0;width:min(560px,100%);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 8px}
  .pr-fan__c{position:relative;left:auto;bottom:auto;width:auto;margin:0;grid-column:span 2;transform-origin:50% 50%;transform:rotate(calc(var(--i)*1.5deg))}
  .pr-fan__c:nth-child(4){grid-column:2/span 2}
  .pr-fan__c:hover,.pr-fan__c:focus-visible{transform:rotate(calc(var(--i)*1.5deg)) translateY(-6px)}
  .pr-fan__in{padding:7px;gap:4px;box-shadow:3px 4px 0 #241530}
  .pr-fan__in b{max-width:100%;font-size:clamp(.78rem,2.4vw,1rem)}
  .pr-fan__in small{font-size:.68rem}
}
.pr-rg{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.15fr);gap:clamp(8px,1.6vw,20px);align-items:center}
.pr-rg__c{display:grid;gap:2px;padding:clamp(14px,2vw,26px);text-align:center;background:var(--c);color:#241530;border:3px solid #000;border-radius:var(--sketch);box-shadow:5px 5px 0 #000;transform:rotate(-1deg);font:800 1rem/1.15 var(--hand)}
.pr-rg__c:nth-child(3){transform:rotate(1deg)}
.pr-rg__c b{font:400 clamp(2.6rem,6vw,5rem)/1 var(--display);padding-top:.08em}
.pr-rg__c--tot{transform:rotate(-1.6deg) scale(1.02)}
.pr-rg__op{font:400 clamp(2rem,5vw,4rem)/1 var(--display);color:var(--yellow);text-align:center}
.pr-rg__n{font-size:1.02rem}
.pr-rg__n .lien{color:var(--yellow)}
@media(max-width:760px){
  .pr-rg{gap:4px}
  .pr-rg__c{padding:10px 4px 8px;font-size:.72rem;box-shadow:3px 3px 0 #000;min-width:0;text-wrap:balance}
  .pr-rg__c b{font-size:clamp(2rem,10vw,3rem)}
  .pr-rg__op{font-size:1.4rem}
}
.pr-cat__t{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:18px}
.pr-cat__t>div{max-width:760px}
.pr-cat__nb{font-family:var(--hand);font-weight:800;padding:.3em .9em;background:var(--yellow);color:#241530;border:3px solid #241530;border-radius:30px;box-shadow:3px 3px 0 #241530}
.pr-cat__nb b{font:400 1.3rem var(--display)}
.pr-cat__f{display:grid;gap:10px}
.pr-cat__fg{display:grid;grid-template-columns:70px minmax(0,1fr);gap:6px;align-items:start}
.pr-cat__fg>.hand{font-weight:800;padding-top:4px}
@media(max-width:560px){.pr-cat__fg{grid-template-columns:minmax(0,1fr)}}
.pr-cat{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(255px,100%),1fr));gap:clamp(16px,2vw,26px);margin-top:clamp(20px,2.4vw,30px)}
.pr-ca{perspective:1200px;min-width:0}
.pr-ca__in{position:relative;display:grid;height:100%;transform-style:preserve-3d;transition:transform .55s var(--ease)}
.pr-ca.is-rt .pr-ca__in{transform:rotateY(180deg)}
.pr-ca__f,.pr-ca__d{grid-area:1/1;display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px;color:var(--fg);border:3px solid #241530;border-radius:18px;box-shadow:var(--shadow-s);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.pr-ca__f{background:var(--card);transition:box-shadow .2s}
.pr-ca__d{transform:rotateY(180deg);background:var(--c);color:#241530;--fg:#241530;--fg-2:#241530}
.pr-ca__d .liste-check{--c:#fff;margin-bottom:6px}
.pr-ca__pub{position:absolute;top:8px;left:8px;z-index:2;padding:.08em .6em;background:var(--c);color:#241530;border:2px solid #241530;border-radius:20px;font:800 .74rem/1.4 var(--hand)}
.pr-ca__d .pr-ca__pub{position:static;align-self:flex-start;background:#fff}
.pr-ca__v{position:relative;aspect-ratio:16/9.6;background:var(--c);border:2.5px solid #241530;border-radius:12px}
.pr-ca__v img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;transition:transform .3s var(--ease)}
.pr-ca:hover .pr-ca__v img{transform:scale(1.08) rotate(-4deg)}
.pr-ca__t{font:400 1.12rem/1.08 var(--display);text-transform:uppercase;padding-top:.05em}
.pr-ca__m{display:flex;flex-wrap:wrap;gap:4px}
.pr-ca__m .tag{font-size:.72rem}
.pr-ca__rg{margin:0;font:700 .78rem/1.2 var(--hand)}
.pr-ca__b{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}
.pr-ca__rt{background:#fff;color:#241530;border-color:#241530;width:40px;height:40px;flex:none}
.pr-ca.is-sel .pr-ca__f{box-shadow:0 0 0 4px var(--yellow),5px 6px 0 4px #241530}
.pr-ca.is-sel [data-carte-sel]{--b:#6FDB7A}
/* Mobile : carte compacte en ligne. Le verso ne dicte plus la hauteur du recto. */
@media(max-width:560px){
  .pr-cat{gap:12px}
  .pr-ca__in{display:block}
  .pr-ca__f{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:4px 10px;align-content:start;padding:10px}
  .pr-ca__d{position:absolute;inset:0;overflow-y:auto;padding:10px}
  .pr-ca.is-rt .pr-ca__d{position:relative;inset:auto}
  .pr-ca.is-rt .pr-ca__f{position:absolute;inset:0;overflow:hidden}
  .pr-ca__v{grid-row:1/4;aspect-ratio:auto;align-self:stretch;min-height:76px}
  .pr-ca__t,.pr-ca__m,.pr-ca__rg{grid-column:2;min-width:0}
  .pr-ca__t{font-size:1rem}
  .pr-ca__b{grid-column:1/-1;padding-top:0}
  .pr-ca__rt{width:36px;height:36px}
  .pr-ca__b .btn{min-height:36px}
  .pr-ca__pub{top:5px;left:5px;font-size:.62rem;padding:0 .4em}
  .pr-ca__d .pr-ca__pub{font-size:.7rem}
}
.pr-main{position:fixed;left:50%;bottom:16px;translate:-50% 0;z-index:48;display:flex;align-items:center;gap:10px;padding:6px 10px 6px 26px;background:var(--card);color:var(--fg);border:3px solid #241530;border-radius:40px;box-shadow:var(--shadow)}
.pr-main[hidden]{display:none}
.pr-main__f{display:flex;align-items:center}
.pr-main__f img{width:32px;height:42px;object-fit:contain;padding:2px;background:#fff;border:2px solid #241530;border-radius:6px;margin-left:-14px;transform:rotate(var(--r,0deg));box-shadow:1px 2px 0 #241530;animation:pop .28s var(--ease)}
.pr-main__t{display:flex;flex-direction:column;line-height:1.1;font-family:var(--hand);white-space:nowrap}
@media(max-width:1179px){.pr-main{left:74px;right:8px;translate:none;bottom:calc(66px + env(safe-area-inset-bottom));justify-content:space-between;padding-left:22px}}
@media(max-width:400px){.pr-main__f{display:none}.pr-main{padding-left:14px}}
.pr-tr{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(170px,17vw,230px);gap:clamp(16px,2vw,26px)}
.pr-tr__c{transition:transform .25s var(--ease)}
.pr-tr__c--1{grid-column:1/8;grid-row:1/3}.pr-tr__c--2{grid-column:8/13;grid-row:1}.pr-tr__c--3{grid-column:8/13;grid-row:2}
@media(max-width:760px){.pr-tr{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.pr-tr__c{grid-column:auto!important;grid-row:auto!important;aspect-ratio:16/10.4}}

/* ---------- Family Day : le village ---------- */
.pr-fan-l{position:absolute;top:-2px;left:0;width:100%;height:clamp(44px,5.6vw,80px);z-index:2}
.pr-vs{position:relative;isolation:isolate;margin-top:clamp(30px,4vw,50px);padding-block:clamp(80px,8vw,120px) clamp(44px,5vw,70px);background:linear-gradient(#19BBEA,#BEEEFB 45%,#E8F9FF);color:#241530;--fg:#241530;--fg-2:#241530}
.pr-vs__h{max-width:760px;margin-bottom:22px}
.pr-vs__g{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.4fr);gap:clamp(16px,2.6vw,32px);align-items:stretch}
.pr-vs__gr{margin-bottom:10px}
.pr-vs__gr>.hand{display:block;margin-bottom:6px;font-weight:800}
.pr-vs__bs{display:flex;flex-wrap:wrap;gap:6px}
.pr-vs__b{display:inline-flex;align-items:center;gap:5px;padding:2px 10px 2px 3px;background:#fff;color:#241530;border:2.5px solid #241530;border-radius:14px;font:800 .78rem/1.1 var(--hand);text-align:left;transition:transform .12s var(--ease),background .12s}
.pr-vs__b img{width:30px;height:30px;object-fit:contain;flex:none}
.pr-vs__b:hover{transform:translateY(-2px) rotate(-1deg)}
.pr-vs__b[aria-pressed=true]{background:var(--c);box-shadow:3px 3px 0 #241530}
.pr-vs__p{position:relative;overflow:hidden;isolation:isolate;min-height:440px;padding:60px 14px clamp(130px,13vw,180px);background-color:#6FDB7A;background-image:radial-gradient(circle,rgba(36,21,48,.14) 1.4px,transparent 1.8px);background-size:15px 15px;border:3px solid #241530;border-radius:var(--sketch);box-shadow:var(--shadow-l)}
.pr-vs__dec{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.pr-vs__pan{position:absolute;top:10px;left:50%;translate:-50% 0;padding:.25em 1em .18em;background:#C98A4B;color:#241530;border:3px solid #241530;border-radius:6px;font:400 .95rem/1.15 var(--display);text-transform:uppercase;white-space:nowrap;box-shadow:2px 3px 0 #241530;transform:rotate(-1.5deg)}
.pr-vs__z{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(106px,10.5vw,146px),1fr));gap:12px 8px;align-content:start}
.pr-vs__v{position:absolute;left:0;right:0;top:40%;margin:0;padding-inline:14px;text-align:center;font-weight:800}
.pr-vs__v[hidden]{display:none}
.pr-vs__el{position:absolute;left:clamp(6px,1.4vw,20px);bottom:0;z-index:2;height:clamp(104px,12vw,170px);width:auto;filter:drop-shadow(2px 2px 0 rgba(36,21,48,.4))}
.pr-vs__ch{position:absolute;right:clamp(8px,2vw,28px);bottom:0;z-index:2;height:clamp(96px,11vw,156px);width:auto;filter:drop-shadow(2px 2px 0 rgba(36,21,48,.4))}
.pr-vs__bu{position:absolute;left:clamp(112px,14.5vw,210px);bottom:clamp(50px,6vw,92px);z-index:2}
.pr-vs__bu .bulle{font-size:.9rem;padding:.55em .9em;white-space:nowrap}
.pr-te{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;animation:pr-te .45s var(--ease) both}
@keyframes pr-te{from{transform:translateY(16px) scale(.3);opacity:0}}
.pr-te svg{width:100%;max-width:146px;height:auto}
.pr-te img{position:absolute;top:30%;left:50%;width:44%;max-width:62px;height:auto;translate:-50% 0}
.pr-te b{max-width:100%;padding:.12em .45em;background:#fff;color:#241530;border:2px solid #241530;border-radius:10px;font:800 .7rem/1.1 var(--hand);text-align:center}
.pr-vs__s{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:22px;padding:14px clamp(14px,2vw,24px);background:#fff;color:#241530;border:3px solid #241530;border-radius:var(--sketch);box-shadow:var(--shadow)}
.pr-vs__s .stat{flex:1 1 120px}
.pr-vs__s .stat b{font-size:clamp(1.8rem,3.6vw,2.8rem)}
.pr-vs__s .stat span{font-size:.84rem}
@media(max-width:900px){.pr-vs__g{grid-template-columns:minmax(0,1fr)}.pr-vs__p{min-height:300px}.pr-vs__s .btn{width:100%}}
@media(max-width:560px){.pr-vs__bs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.pr-vs__b{min-width:0;padding-right:6px;font-size:.74rem}.pr-vs__b img{width:26px;height:26px}.pr-vs__bu{left:100px}.pr-vs__bu .bulle{font-size:.74rem;padding:.45em .7em}}
.pr-pc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px)}
.pr-pc__c{min-height:clamp(230px,22vw,290px)}
.pr-pc__i{display:flex;flex-direction:column;gap:8px;height:100%;padding:clamp(18px,2.4vw,26px);padding-right:36%}
.pr-pc__p{position:absolute;right:6px;bottom:0;height:112%;width:auto;max-width:36%;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(2px 2px 0 rgba(36,21,48,.4))}
@media(max-width:860px){.pr-pc{grid-template-columns:minmax(0,1fr)}.pr-pc__c{min-height:210px}}

/* ---------- Team building ---------- */
.pr-tb{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:center}
.pr-tb__v{position:relative;width:min(340px,86%);margin-inline:auto}
.pr-er{width:100%;height:auto;overflow:visible}
.pr-er__l{transition:transform .45s var(--ease)}
.pr-er__bu circle{animation:pr-bu 2.6s ease-in infinite}
.pr-er__bu circle:nth-child(2){animation-delay:-.7s}.pr-er__bu circle:nth-child(3){animation-delay:-1.3s}.pr-er__bu circle:nth-child(4){animation-delay:-1.9s}
@keyframes pr-bu{from{transform:translateY(0);opacity:1}to{transform:translateY(-120px);opacity:0}}
.pr-tb__tp{position:absolute;top:0;right:-8%}
.pr-tb__tp>span{font-size:.88em}
.pr-tb__tp b{display:block;font-size:1.6em}
.pr-tb__o{position:absolute;left:-4%;top:30%}
.pr-tb__o.is-pop .onoma{animation:pr-pop .45s var(--ease) both}
.pr-tb__c{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pr-tb__c label{width:100%}
.pr-tb__b{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:100%}
.pr-tb__p small{display:block;margin-bottom:6px;font:700 .84rem/1.2 var(--hand)}
.pr-tb__p .prix{font-size:clamp(1.8rem,3.4vw,2.6rem)}
@media(max-width:860px){.pr-tb{grid-template-columns:minmax(0,1fr)}.pr-tb__v{width:min(230px,62%)}.pr-tb__tp{--s:96px!important;right:-22%}.pr-tb__o{left:-20%}.pr-tb__o .onoma{font-size:1.5rem}}
.pr-tt__q legend{padding:0;margin-bottom:4px}
.pr-tt__r{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.pr-tt__b{padding:14px 10px;background:#fff;color:#241530;border:3px solid #241530;border-radius:var(--sketch);font:800 1rem/1.2 var(--hand);transition:transform .15s var(--ease),background .15s}
.pr-tt__b:hover,.pr-tt__b:focus-visible{background:var(--yellow);transform:translate(-2px,-2px) rotate(-.6deg);box-shadow:var(--shadow-s)}
.pr-tt__res{display:grid;grid-template-columns:minmax(120px,.5fr) minmax(0,1fr);gap:clamp(14px,2.4vw,28px);align-items:center;--c-txt:#241530}
.pr-tt__rp{position:relative;display:flex;align-items:flex-end;justify-content:center;height:260px;background:var(--c);border:3px solid #241530;border-radius:var(--sketch);overflow:hidden}
.pr-tt__rp>img:first-child{height:96%;width:auto;max-width:90%;object-fit:contain;object-position:bottom}
.pr-tt__rs{position:absolute;right:4px;top:4px;width:60px;height:60px;object-fit:contain}
@media(max-width:560px){.pr-tt__r,.pr-tt__res{grid-template-columns:minmax(0,1fr)}.pr-tt__rp{height:200px}}
.pr-dfg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.pr-df{--pt:rotate(var(--r));transform:rotate(var(--r));display:flex;flex-direction:column;gap:6px}
.pr-df img{width:70px;height:70px;object-fit:contain;padding:6px;background:var(--c);border:2.5px solid #241530;border-radius:50%}
@media(max-width:1000px){.pr-dfg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.pr-dfg{grid-template-columns:minmax(0,1fr)}.pr-df{display:grid;grid-template-columns:58px minmax(0,1fr);gap:2px 12px;padding:14px}.pr-df img{grid-row:1/3;width:58px;height:58px}}

/* ---------- Le composeur ---------- */
.pr-cos{position:relative;padding-bottom:clamp(50px,6vw,80px)}
.pr-cos__t{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:clamp(14px,3vw,40px);align-items:center;padding-block:clamp(18px,3vw,36px);background:var(--pink);box-shadow:0 0 0 100vmax var(--pink);clip-path:inset(-100vmax -100vmax 0);color:#241530;--fg:#241530;--fg-2:#241530}
.pr-cos__t .lead{color:#241530;font-weight:700;max-width:56ch}
.pr-cos__r{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pr-cos__r li{display:grid;gap:2px;padding:10px 6px;text-align:center;background:var(--c);color:#241530;border:3px solid #241530;border-radius:var(--sketch);box-shadow:var(--shadow-s);transform:rotate(var(--r));font:800 .78rem/1.1 var(--hand)}
.pr-cos__r b{font:400 clamp(1.7rem,3vw,2.5rem)/1 var(--display);padding-top:.08em}
@media(max-width:800px){.pr-cos__t{grid-template-columns:minmax(0,1fr)}}
.pr-co{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr);gap:clamp(18px,2.6vw,32px);align-items:start;margin-top:clamp(18px,2.4vw,30px)}
.pr-co.is-sent{display:block}
.pr-co__f{min-width:0}
.pr-co__n .pr-lg{font-size:1.16rem}
.pr-co__nr{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px;align-items:center}
.pr-co__nr .pr-range{margin:0}
.pr-co__nr .input{text-align:center;font-weight:700;padding-inline:.4em}
.pr-co__md{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.pr-tgm{position:relative;display:block;cursor:pointer}
.pr-tgm input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.pr-tgm span{display:block;height:100%;padding:8px 12px;background:var(--field);color:var(--fg);border:2.5px solid #241530;border-radius:14px;transition:background .15s,box-shadow .15s}
.pr-tgm b{display:block;font:800 .94rem/1.15 var(--hand)}
.pr-tgm small{display:block;font-size:.76rem;line-height:1.25}
.pr-tgm input:checked+span{background:var(--yellow);color:#241530;box-shadow:3px 3px 0 #241530}
.pr-tgm input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}
.pr-co__pre{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pr-pre{display:inline-flex;align-items:center;gap:5px;padding:2px 10px 2px 3px;background:var(--card);color:var(--fg);border:2.5px solid #241530;border-radius:18px;font:800 .84rem/1.1 var(--hand);transition:transform .15s var(--ease),background .15s}
.pr-pre img{width:30px;height:30px;object-fit:contain}
.pr-pre:hover,.pr-pre.is-on{background:var(--yellow);color:#241530;transform:translateY(-2px) rotate(-1deg)}
.pr-co__lg{display:block;width:100%;padding:0;margin-bottom:10px}
.pr-co__lg small{display:block;font-size:.84rem;color:var(--fg-2)}
.pr-co__l{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(285px,100%),1fr));gap:10px}
.pr-tg{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) 26px;gap:8px;align-items:center;min-width:0;padding:7px 9px;background:var(--card);color:var(--fg);border:3px solid #241530;border-radius:16px;cursor:pointer;transition:transform .15s var(--ease),background .15s,box-shadow .15s}
.pr-tg:hover{transform:translate(-1px,-2px)}
.pr-tg input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.pr-tg__s img{width:50px;height:50px;object-fit:contain}
.pr-tg__t b{display:block;font:800 .94rem/1.15 var(--hand)}
.pr-tg__t small{display:block;font-size:.74rem;line-height:1.25;color:inherit;opacity:.88}
.pr-tg__k{display:grid;place-items:center;width:26px;height:26px;background:var(--field);border:2.5px solid #241530;border-radius:8px}
.pr-tg__k svg{width:16px;height:16px;opacity:0;stroke-width:3;color:#241530}
.pr-tg:has(input:checked){background:var(--c);color:#241530;box-shadow:var(--shadow-s);transform:translate(-2px,-2px) rotate(-.4deg)}
.pr-tg:has(input:checked) .pr-tg__k{background:var(--yellow)}
.pr-tg:has(input:checked) .pr-tg__k svg{opacity:1}
.pr-tg:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:3px}
.pr-co__d{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow-y:auto;padding:2px 10px 12px 2px;scrollbar-width:thin;scrollbar-color:#241530 transparent;min-width:0}
.pr-dash{display:grid;gap:10px;background:var(--card);color:var(--fg);border:3px solid #241530;border-radius:20px;box-shadow:var(--shadow);padding:14px}
.pr-dash__h{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px}
.pr-dash__o{font-size:1.4rem;opacity:0}
.pr-dash__o.is-pop{animation:pr-dash-o .8s var(--ease) both}
@keyframes pr-dash-o{0%{opacity:0;transform:scale(.3) rotate(-14deg)}30%{opacity:1;transform:scale(1.2) rotate(-5deg)}80%{opacity:1;transform:scale(1) rotate(-7deg)}100%{opacity:0;transform:scale(1) rotate(-7deg)}}
.pr-dash__k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pr-dash__b{display:grid;gap:0;padding:7px 3px 6px;text-align:center;background:var(--c);color:#241530;border:3px solid #241530;border-radius:14px;font:700 .72rem/1.1 var(--hand)}
.pr-dash__b b{font:400 clamp(1.5rem,2.4vw,1.95rem)/1 var(--display);padding-top:.1em}
.pr-dash__m{margin:0;font:700 .9rem/1.3 var(--hand)}
.pr-dash__m em{font-style:normal;color:#B3211D}
:root[data-theme=nuit] .pr-dash__m em{color:#FF8A80}
.pr-dash__t{display:flex;flex-wrap:wrap;gap:3px}
.pr-dash__t:empty{display:none}
.pr-dash__t .pr-tente{width:38px;height:34px}
.pr-pl{display:grid;gap:7px}
.pr-pl:empty{display:none}
.pr-pl__h{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));font:800 .7rem/1 var(--hand);opacity:.8}
.pr-pl__h span{grid-column:span 2}
.pr-pl__r{display:grid;gap:2px;min-width:0}
.pr-pl__n{font:800 .78rem/1.15 var(--hand)}
.pr-pl__t{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}
.pr-pl__s{display:grid;place-items:center;min-height:26px;background:var(--c,var(--yellow));color:#241530;border:2px solid #241530;border-radius:7px;font:400 .84rem/1 var(--display);padding-top:.14em;animation:pop .22s var(--ease) both}
.pr-pl__s.is-vide{background:repeating-linear-gradient(45deg,transparent 0 5px,rgba(120,110,130,.22) 5px 9px);color:var(--fg-2);font:700 .62rem/1 var(--hand);padding:0;border-style:dashed}
.pr-pl__s.is-p{background:#FFF1A6}
.pr-pl__s.is-pause{background:none;border:0;font:700 .6rem/1 var(--hand);color:var(--fg-2)}
.pr-pl__mo{font:700 .8rem/1.2 var(--hand);text-align:center;opacity:.85}
.pr-dash__x{display:grid;gap:4px;font-size:.84rem}
.pr-dash__x:empty{display:none}
.pr-dash__x b{font-family:var(--hand);font-weight:800}
.pr-dash__x .note{font-size:.8rem;padding:6px 10px}
.pr-co__mini{display:none}
.pr-co__rt{max-width:620px;margin-inline:auto}
@media(max-width:1000px){
  .pr-co{grid-template-columns:minmax(0,1fr)}
  .pr-co__d{position:static;max-height:none;overflow:visible;padding:0}
  .pr-co__mini{position:fixed;left:74px;right:8px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:48;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:.5em 1em;background:var(--yellow);color:#241530;border:3px solid #241530;border-radius:30px;box-shadow:var(--shadow-s);font:800 .88rem/1.15 var(--hand);text-decoration:none}
  .pr-co__mini svg{width:18px;height:18px;flex:none}
  .pr-co.is-sent .pr-co__mini{display:none}
}
@media(max-width:560px){.pr-co__md{grid-template-columns:minmax(0,1fr)}}

/* ---------- /arbre-de-noel/ ---------- */
.pr-no{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(56px,6vw,90px) clamp(80px,9vw,130px);background:linear-gradient(#0B1B4D,#1C2F7A 62%,#2A46A8);color:#fff;--fg:#fff;--fg-2:#E6ECFF}
.pr-no__ne{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.pr-guir{position:absolute;top:0;left:0;width:100%;height:clamp(40px,4.6vw,66px);z-index:3}
.pr-gl{animation:pr-gl 1.8s steps(2) infinite;animation-delay:calc(var(--i)*-.36s)}
@keyframes pr-gl{50%{opacity:.35}}
.pr-no__g{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(16px,3vw,44px);align-items:center}
.pr-no__t .fil{color:#fff}
.pr-reb{margin-top:12px}
.pr-reb__t{display:block;margin-bottom:16px;font-weight:800}
.pr-reb__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1vw,12px);max-width:460px}
.pr-reb__c{position:relative;display:grid;gap:0;padding:10px 2px 8px;text-align:center;background:var(--c);color:#241530;border:3px solid #241530;border-radius:10px;box-shadow:3px 4px 0 #0B0620;isolation:isolate}
.pr-reb__c::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:9px;margin-left:-4.5px;background:rgba(255,255,255,.45);z-index:-1}
.pr-reb__c::after{content:"";position:absolute;top:-10px;left:50%;width:26px;height:14px;margin-left:-13px;background:radial-gradient(ellipse 45% 100% at 25% 50%,#fff 60%,transparent 62%),radial-gradient(ellipse 45% 100% at 75% 50%,#fff 60%,transparent 62%);filter:drop-shadow(0 0 0 #241530)}
.pr-reb__c b{font:400 clamp(1.5rem,3vw,2.5rem)/1 var(--display);padding-top:.08em}
.pr-reb__c small{font:800 .7rem/1 var(--hand)}
.pr-sa{position:relative;width:100%;max-width:440px;margin-inline:auto}
.pr-sa__ar{position:relative;aspect-ratio:500/620}
.pr-sa__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(5px 6px 0 rgba(11,6,32,.6))}
.pr-sa__et{transform-box:fill-box;transform-origin:center;animation:pr-sa-et 3.6s ease-in-out infinite}
@keyframes pr-sa-et{50%{transform:scale(1.14) rotate(10deg)}}
.pr-sa__b{position:absolute;left:-14%;top:2%;z-index:5;width:max-content;max-width:190px}
.pr-sa__b .bulle{font-size:.88rem}
.pr-bo{position:absolute;width:9.6%;min-width:30px;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 12%,transparent 14%),var(--c);border:3px solid #241530;box-shadow:2px 3px 0 rgba(11,6,32,.7);transition:transform .2s var(--ease),box-shadow .2s;animation:pr-bo 4s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.6s)}
.pr-bo::before{content:"";position:absolute;top:-8px;left:50%;width:9px;height:7px;margin-left:-4.5px;background:#FFD90F;border:2px solid #241530;border-radius:2px}
@keyframes pr-bo{50%{transform:rotate(5deg)}}
.pr-bo:hover,.pr-bo:focus-visible{transform:scale(1.28);z-index:4}
.pr-bo.is-vu{box-shadow:0 0 0 4px #fff,0 0 22px 7px var(--c)}
.pr-bo[aria-pressed=true]{box-shadow:0 0 0 4px #FFD90F,0 0 24px 9px #FFD90F}
.pr-hot{position:absolute;right:-4%;bottom:-2%;width:27%;z-index:4;transition:transform .2s var(--ease)}
.pr-hot:hover{transform:rotate(-5deg) scale(1.06)}
.pr-hot.is-hop{animation:pr-hop .55s var(--ease)}
.pr-hot svg{width:100%;height:auto;filter:drop-shadow(3px 4px 0 rgba(11,6,32,.6))}
.pr-hot .compteur{top:10%;right:6%}
.pr-tagg{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(12px,2vw,24px);margin-top:clamp(14px,2vw,26px)}
.pr-tagg__e{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 12px 48px;background:#FFF7E3;color:#241530;--fg:#241530;--fg-2:#3c2d4b;border:3px solid #241530;border-radius:30px 14px 14px 30px;box-shadow:5px 6px 0 #0B0620}
.pr-tagg__tr{position:absolute;left:16px;top:50%;width:18px;height:18px;margin-top:-9px;background:#1C2F7A;border:3px solid #241530;border-radius:50%}
.pr-tagg__x{flex:1 1 240px;min-width:0}
.pr-tagg__h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:12px 14px;background:#fff;color:#241530;--fg:#241530;--fg-2:#3c2d4b;border:3px solid #241530;border-radius:14px;box-shadow:5px 6px 0 #0B0620}
.pr-tagg__h .btn{margin-left:auto}
.pr-no__sol{position:absolute;left:0;bottom:-1px;width:100%;height:clamp(40px,6vw,90px);z-index:1}
@media(max-width:900px){
  .pr-no__g{grid-template-columns:minmax(0,1fr)}
  .pr-sa{max-width:400px;margin-top:56px}
  .pr-sa__b{left:0;top:-50px;max-width:164px}
  .pr-tagg{grid-template-columns:minmax(0,1fr)}
  .pr-tagg__h .btn{margin-left:0;width:100%}
}
.pr-spn{position:relative;background:#fff;color:#241530;--fg:#241530;--fg-2:#3c2d4b;padding-block:clamp(40px,5vw,70px) clamp(90px,9vw,130px)}
.pr-spn__g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center}
.pr-spn__v{aspect-ratio:16/10.6}
.pr-spn__p{position:absolute;right:3%;bottom:-5%;height:108%;width:auto;max-width:34%;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(3px 3px 0 rgba(36,21,48,.5))}
.pr-spn__b{position:absolute;top:5%;left:5%;z-index:3;max-width:58%}
.pr-spn__o{position:absolute;left:6%;bottom:6%;z-index:3}
@media(max-width:860px){.pr-spn__g{grid-template-columns:minmax(0,1fr)}}
.pr-av{position:relative;background:#17224F;color:#fff;--fg:#fff;--fg-2:#E6ECFF}
.pr-av__t{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:clamp(24px,3vw,40px)}
.pr-av__t>div{max-width:780px}
.pr-av__g{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px)}
.pr-po{perspective:1100px;min-width:0}
.pr-po__in{position:relative;height:100%;min-height:clamp(200px,17vw,240px);background:#fff;color:#241530;--fg:#241530;--fg-2:#3c2d4b;border:3px solid #000;border-radius:12px;box-shadow:inset 0 0 0 4px var(--c)}
.pr-po__x{display:flex;flex-direction:column;gap:5px;padding:14px 14px 12px}
.pr-po__x img{width:58px;height:58px;object-fit:contain}
.pr-po__p{position:absolute;inset:-3px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.3) 0 28%,transparent 30%),var(--c);color:#241530;border:3px solid #000;border-radius:12px;font:400 clamp(3rem,6vw,4.6rem)/1 var(--display);transform-origin:left center;transition:transform .75s cubic-bezier(.3,1.2,.4,1),box-shadow .2s;box-shadow:4px 5px 0 #0B0620;z-index:2}
.pr-po__p::before{content:"";position:absolute;right:10px;top:50%;width:14px;height:14px;margin-top:-7px;background:#FFD90F;border:3px solid #241530;border-radius:50%}
.pr-po__p:hover{transform:rotateY(-14deg)}
.pr-po.is-open .pr-po__p{transform:rotateY(-108deg);pointer-events:none}
@media(max-width:860px){.pr-av__g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  .pr-av__g{gap:12px}
  .pr-po__x{padding:10px 10px 8px}
  .pr-po__x img{width:44px;height:44px}
  .pr-po__x .titre{font-size:1rem}
  .pr-po__x .small{font-size:.8rem;line-height:1.3}
}

/* ---------- /spectacles/ : le théâtre ---------- */
.pr-th{position:relative;height:calc(100svh + 40vh);min-height:880px;background:#12071D}
.pr-th.is-fixe{height:auto;min-height:0}
.pr-th__s{position:sticky;top:66px;height:calc(100svh - 118px);min-height:560px;overflow:hidden;isolation:isolate;background:#12071D;color:#fff;--o:0}
.pr-th.is-fixe .pr-th__s{position:relative;top:0}
.pr-th__fd img{position:absolute;inset:0 0 auto 0;width:100%;height:80%;object-fit:cover;opacity:0;transition:opacity .6s;filter:brightness(.72) saturate(1.05)}
.pr-th__fd img.is-on{opacity:1}
.pr-th__pl{position:absolute;left:-6%;right:-6%;bottom:0;height:24%;background:repeating-linear-gradient(90deg,#5E3319 0 5px,#7B4625 5px 130px);border-top:5px solid #241530;transform:perspective(620px) rotateX(16deg);transform-origin:top}
.pr-th__sp{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle clamp(150px,24vw,340px) at var(--mx,50%) var(--my,36%),var(--sp,rgba(255,240,180,.3)),transparent 72%),linear-gradient(rgba(10,4,20,.4),rgba(10,4,20,0) 40%)}
.pr-th__sc{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;padding:clamp(72px,11vh,120px) var(--gut) clamp(14px,3vh,34px)}
.pr-th__q{margin:0;padding:.18em 1em;background:#fff;color:#241530;border:3px solid #241530;border-radius:24px;font:800 clamp(1rem,1.5vw,1.24rem)/1.25 var(--hand);box-shadow:3px 4px 0 #000;transform:rotate(-1deg)}
.pr-af-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,2vw,26px);width:min(1120px,100%)}
.pr-af{position:relative;display:block;aspect-ratio:3/3.5;min-width:0;background:#241530;color:#241530;border:4px solid #241530;border-radius:10px;box-shadow:6px 7px 0 #000;transform:rotate(var(--r));transition:transform .25s var(--ease),box-shadow .2s}
.pr-af__i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px}
.pr-af__t{position:absolute;left:6px;right:6px;bottom:6px;z-index:3;padding:.45em .4em .3em;background:var(--c);border:3px solid #241530;border-radius:9px;font:400 clamp(.74rem,1.25vw,1.08rem)/1.05 var(--display);text-transform:uppercase;text-align:center}
.pr-af__p{position:absolute;right:3%;bottom:20%;height:74%;width:auto;max-width:62%;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(2px 3px 0 rgba(36,21,48,.55));transition:transform .25s var(--ease)}
.pr-af:hover,.pr-af:focus-visible{transform:translateY(-12px) rotate(0);z-index:3}
.pr-af:hover .pr-af__p{transform:scale(1.08) translateY(-4px)}
.pr-af[aria-pressed=true]{box-shadow:0 0 0 5px var(--yellow),7px 9px 0 5px #000;transform:translateY(-14px) scale(1.04) rotate(0);z-index:3}
.pr-th__r{position:absolute;top:0;bottom:0;width:51.5%;z-index:4;background-image:linear-gradient(90deg,rgba(0,0,0,.3),transparent 26%,rgba(0,0,0,.22)),repeating-linear-gradient(90deg,#7E0F22 0,#C4172F 26px,#E03246 36px,#A81329 48px,#7E0F22 64px);border-bottom:4px solid #241530;transition:transform 1.4s cubic-bezier(.6,.05,.25,1)}
.pr-th__r::after{content:"";position:absolute;left:0;right:0;bottom:0;height:20px;background:repeating-linear-gradient(90deg,#FFD90F 0 8px,#F7B500 8px 16px);border-top:3px solid #241530;-webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:none}
.pr-th__r--g{left:0;transform-origin:left;transform:translateX(calc(var(--o)*-58%)) scaleX(calc(1 - var(--o)*.35))}
.pr-th__r--d{right:0;transform-origin:right;transform:translateX(calc(var(--o)*58%)) scaleX(calc(1 - var(--o)*.35))}
.pr-th__s.is-defile .pr-th__r{transition:none}
.pr-th__va{position:absolute;top:0;left:0;right:0;height:clamp(58px,10vh,106px);z-index:5;background:radial-gradient(circle at 50% 0,#C4172F 0 60%,#FFD90F 60% 67%,#241530 67% 71%,transparent 72%) 0 0/clamp(90px,12vw,150px) 100% repeat-x;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}
.pr-th__f{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.4vh,16px);padding:clamp(70px,12vh,120px) var(--gut) 24px;text-align:center;opacity:calc(1 - var(--o)*2.6);transform:translateY(calc(var(--o)*-40px));transition:opacity .4s}
.pr-th__s.is-defile .pr-th__f{transition:none}
.pr-th__s.is-ouvert .pr-th__f{opacity:0;visibility:hidden;pointer-events:none}
.pr-th__f .fil{margin:0;padding:.15em .8em;background:#241530;color:#fff;border-radius:20px}
.pr-th__f .sur{margin:0;--c-txt:#241530}
.pr-th__f .titre{max-width:13em}
.pr-th__f .lead{margin:0;padding:.35em .9em;background:#241530;color:#fff;border-radius:14px;max-width:46ch;font-size:clamp(1rem,1.4vw,1.2rem)}
.pr-th__h{padding:.1em .8em;background:#241530;color:var(--yellow);border-radius:14px;font-size:.92rem}
.pr-th__bm{position:absolute;inset:0;z-index:7;pointer-events:none}
.pr-th__bm .onoma{position:absolute;font-size:clamp(2.6rem,8vw,6rem);animation:pr-pop .3s var(--ease) both}
.pr-th__s.is-coup{animation:pr-coup .18s linear}
@keyframes pr-coup{25%{transform:translate(-5px,3px)}60%{transform:translate(4px,-3px)}}
@media(max-width:760px){
  .pr-th__s{height:calc(100svh - 118px - 60px);min-height:600px}
  .pr-af-g{grid-template-columns:repeat(2,minmax(0,1fr));width:min(420px,100%)}
  .pr-af{aspect-ratio:1/.92}
  .pr-af__p{height:70%;bottom:24%}
  .pr-af__t{font-size:.72rem;padding:.35em .3em .2em;border-width:2.5px}
}
.pr-mon-s{padding-block:clamp(44px,5vw,70px)}
.pr-mon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);align-items:center;animation:pop .35s var(--ease)}
.pr-mon__v{aspect-ratio:16/11}
.pr-mon__p{position:absolute;right:3%;bottom:-6%;height:112%;width:auto;max-width:42%;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.5))}
.pr-mon__o{position:absolute;left:5%;top:6%;z-index:3}
.pr-mon__x .lead{color:#fff}
.pr-mon__h{margin:0 0 8px;font-weight:800;font-size:1.16rem;color:var(--c)}
.pr-mon .liste-check{--c:var(--yellow)}
@media(max-width:860px){.pr-mon{grid-template-columns:minmax(0,1fr)}}
.pr-da{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:clamp(18px,2.6vw,32px);align-items:start}
.pr-da.is-sent{display:block}
.pr-da__c{position:sticky;top:94px;display:grid;gap:16px;min-width:0}
.pr-da__t{padding-top:26px}
.pr-da__te{position:absolute;top:-12px;left:18px;padding:.08em .8em;background:var(--orange);color:#241530;border:2.5px solid #241530;border-radius:14px;font:800 .78rem/1.5 var(--hand);transform:rotate(-2deg)}
.pr-da .merci{max-width:760px;margin-inline:auto}
@media(max-width:900px){.pr-da{grid-template-columns:minmax(0,1fr)}.pr-da__c{position:static;grid-row:1}}

/* ---------- Pages de spectacle : gabarit commun ---------- */
.pr-sp{position:relative;isolation:isolate;--scene:clamp(460px,50vw,700px)}
.pr-sp__st{position:relative;height:var(--scene);overflow:hidden;background:#241530;border-bottom:3px solid #241530}
.pr-sp__st>div:not(svg){position:absolute;inset:0}
.pr-sp__w{position:absolute;top:clamp(16px,2.6vw,36px);left:0;right:0;z-index:5;pointer-events:none}
.pr-sp__t{pointer-events:auto;width:min(470px,44%);transform:rotate(-.7deg);padding:clamp(14px,1.9vw,24px)}
.pr-sp__t .fil{margin-bottom:6px}
.pr-sp__t .sur{--c-txt:#241530;margin-bottom:8px}
.pr-sp__t .titre{font-size:clamp(1.7rem,3vw,2.6rem)}
.pr-sp__m{position:relative;z-index:6;margin-top:clamp(-84px,-5.5vw,-40px);padding-bottom:clamp(60px,7vw,90px)}
.pr-sp__st img{display:block}
@media(max-width:860px){
  .pr-sp{display:flex;flex-direction:column;--scene:clamp(300px,74vw,520px)}
  .pr-sp__w{order:-1;position:relative;top:auto;margin-block:14px 16px;z-index:5;pointer-events:auto}
  .pr-sp__t{width:100%}
  .pr-sp__m{margin-top:-20px}
}
.pr-hi-s{background:var(--pr-hi);color:#fff;--fg:#fff;--fg-2:#E9DEFF}
.pr-hi-s--pirates{--pr-hi:#0A76B0}.pr-hi-s--polenord{--pr-hi:#17224F}.pr-hi-s--1001nuits{--pr-hi:#2A1A55}.pr-hi-s--magie{--pr-hi:#4A1F8F}
.pr-hi{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.2vw,28px)}
.pr-hi__c{min-height:clamp(270px,27vw,350px)}
.pr-hi__c--1{grid-column:1/6}.pr-hi__c--2{grid-column:6/13}.pr-hi__c--3{grid-column:2/12}
.pr-hi__r{position:absolute;left:10px;right:10px;bottom:10px;font-size:.92rem;transform:rotate(-.4deg)}
.pr-hi__b{position:absolute;top:12px;left:14px;z-index:3;max-width:72%}
.pr-hi__c--2 .pr-hi__b{left:auto;right:14px}
.pr-hi__b .bulle{font-size:.92rem}
@media(max-width:760px){.pr-hi__c{grid-column:1/-1!important;min-height:290px}.pr-hi__r{font-size:.82rem;padding:.45em .7em}.pr-hi__b .bulle{font-size:.82rem;padding:.5em .8em}}
.pr-pu{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center}
.pr-pu__l{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.pr-pu__l li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;font:700 1.04rem/1.3 var(--hand)}
.pr-pu__l i{display:grid;place-items:center;width:44px;height:44px;background:var(--c);color:#241530;border:3px solid #241530;border-radius:50%;font:400 1.3rem/1 var(--display);padding-top:.1em;font-style:normal}
.pr-pu__d{display:grid;gap:16px}
.pr-pu__pe{position:relative;height:clamp(200px,22vw,280px);display:flex;justify-content:flex-end}
.pr-pu__p{height:100%;width:auto;object-fit:contain;object-position:bottom}
.pr-pu__b{position:absolute;top:8%;right:42%;width:max-content;max-width:210px}
@media(max-width:860px){.pr-pu{grid-template-columns:minmax(0,1fr)}.pr-pu__b{right:36%;max-width:170px}}
.pr-au{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px)}
.pr-au__c{position:relative;display:block;aspect-ratio:4/3.3;background:#241530;border:4px solid #000;border-radius:12px;box-shadow:6px 7px 0 #000;overflow:hidden;transform:rotate(var(--r));text-decoration:none;color:#241530;transition:transform .25s var(--ease)}
.pr-au__c>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.pr-au__c:hover{transform:translateY(-6px) rotate(0)}
.pr-au__c:hover>img:first-child{transform:scale(1.06)}
.pr-au__t{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;padding:.45em .5em .3em;background:var(--c);border:3px solid #241530;border-radius:10px;font:400 1.02rem/1.06 var(--display);text-transform:uppercase;text-align:center}
.pr-au__p{position:absolute;right:4%;bottom:20%;height:72%;width:auto;max-width:50%;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(2px 3px 0 rgba(36,21,48,.55))}
@media(max-width:760px){.pr-au{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;margin-inline:calc(-1*var(--gut));padding:8px var(--gut) 16px;scrollbar-width:thin}.pr-au__c{scroll-snap-align:center}}

/* --- Pirates --- */
.pr-pi__sc{position:absolute;inset:0;background:#0A76B0}
.pr-pi__sc img{width:100%;height:100%;object-fit:cover}
.pr-pi.is-mirage .pr-pi__sc{filter:url(#pr-mirage)}
.pr-pi__dr{position:absolute;right:36%;top:3%;width:clamp(50px,7vw,96px);z-index:1;transform-origin:8% 0;animation:pr-dr 3.2s ease-in-out infinite}
.pr-pi__dv{transform-origin:0 40%;animation:pr-dv 2s ease-in-out infinite alternate}
@keyframes pr-dr{50%{transform:rotate(2deg)}}
@keyframes pr-dv{to{transform:skewY(5deg) scaleX(.96)}}
.pr-oeil{position:absolute;right:5%;top:6%;width:clamp(74px,11vw,150px);aspect-ratio:1;z-index:3}
.pr-oeil__g{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#fff 0 58%,#EFE3CC);border:5px solid #241530;box-shadow:0 0 0 6px #F7B500,0 0 0 9px #241530,4px 8px 0 9px rgba(36,21,48,.5);overflow:hidden}
.pr-oeil__g i{position:absolute;left:50%;top:50%;width:42%;height:42%;margin:-21% 0 0 -21%;background:#241530;border-radius:50%;transform:translate(var(--ex,0),var(--ey,0));transition:transform .08s linear}
.pr-oeil__g i::after{content:"";position:absolute;left:20%;top:16%;width:28%;height:28%;background:#fff;border-radius:50%}
.pr-oeil__q{position:absolute;left:-4%;top:-12%;font:400 clamp(1.6rem,3vw,2.6rem)/1 var(--display);color:var(--yellow);-webkit-text-stroke:.08em #241530;paint-order:stroke fill;opacity:0;transform:scale(.3);transition:transform .2s var(--ease),opacity .15s}
.pr-pi.is-mirage .pr-oeil__g i{animation:pr-tourne .9s linear infinite}
.pr-pi.is-mirage .pr-oeil__q{opacity:1;transform:rotate(-12deg)}
@keyframes pr-tourne{0%{transform:translate(-40%,0)}25%{transform:translate(0,-40%)}50%{transform:translate(40%,0)}75%{transform:translate(0,40%)}100%{transform:translate(-40%,0)}}
.pr-pi__el{position:absolute;left:54%;bottom:10%;height:52%;width:auto;max-width:34%;object-fit:contain;object-position:bottom;z-index:2;transition:opacity .45s,transform .45s var(--ease);filter:drop-shadow(3px 3px 0 rgba(36,21,48,.5))}
.pr-pi.is-invisible .pr-pi__el{opacity:0;transform:scale(.6) rotate(10deg)}
.pr-pi__bu{position:absolute;left:66%;top:30%;z-index:4;max-width:min(240px,30%)}
.pr-pi__bu .bulle{font-size:.92rem}
.pr-pi__nu{position:absolute;left:58%;bottom:28%;z-index:4;opacity:0}
.pr-pi.is-invisible .pr-pi__nu{animation:pr-pouf 1s var(--ease) both}
@keyframes pr-pouf{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.2)}80%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.1)}}
.pr-pi__fu{position:absolute;left:50%;bottom:24%;width:clamp(70px,8vw,110px);opacity:0;z-index:3;overflow:visible}
.pr-pi.is-fusee .pr-pi__fu{animation:pr-fu 1.7s cubic-bezier(.45,0,.9,.5) both}
@keyframes pr-fu{0%{opacity:1;transform:rotate(-48deg) translateX(0)}96%{opacity:1}100%{opacity:0;transform:rotate(-48deg) translateX(min(92vw,900px))}}
.pr-pi__libre{position:absolute;left:44%;top:46%;z-index:5;padding:.2em .5em .1em;color:#E3342F;border:6px double #E3342F;border-radius:12px;background:rgba(255,255,255,.88);font:400 clamp(2rem,5vw,4rem)/1 var(--display);text-transform:uppercase;transform:rotate(-9deg);opacity:0}
.pr-pi.is-libre .pr-pi__libre{opacity:1;animation:pr-tamp .55s var(--ease) both}
.pr-va{position:absolute;left:-5%;width:110%;bottom:-8px;height:clamp(50px,8vw,100px);z-index:3;animation:pr-vague 6s ease-in-out infinite alternate}
.pr-va--3{bottom:clamp(8px,1.6vw,22px);z-index:1;animation-duration:8s;animation-direction:alternate-reverse}
@keyframes pr-vague{to{transform:translateX(3%) translateY(6px)}}
@media(min-width:861px){
  .pr-pi__bu .bulle--d::before,.pr-pn__bu .bulle--d::before,.pr-mg__bu .bulle--d::before{right:auto;left:15%;clip-path:polygon(0 0,100% 0,20% 100%)}
  .pr-pi__bu .bulle--d::after,.pr-pn__bu .bulle--d::after,.pr-mg__bu .bulle--d::after{right:auto;left:calc(15% + 3px);clip-path:polygon(0 0,100% 0,20% 100%)}
}
.pr-parch{position:relative;padding:clamp(14px,2.2vw,26px);background:#F6E3B4;background-image:radial-gradient(circle at 12% 20%,rgba(138,90,51,.18),transparent 30%),radial-gradient(circle at 86% 74%,rgba(138,90,51,.2),transparent 34%);color:#241530;--fg:#241530;border:3px solid #241530;border-radius:28px 12px 22px 14px;box-shadow:var(--shadow-l);transform:rotate(-.3deg)}
.pr-parch__t{text-align:center;position:relative;z-index:1}
.pr-parch__p{position:absolute;left:5%;width:90%;top:clamp(46px,6vw,70px);height:96px}
.pr-parch__g{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block:12px}
.pr-x{display:flex;flex-direction:column;align-items:center;gap:6px;font:800 clamp(.86rem,1.4vw,1.04rem)/1.15 var(--hand);text-align:center;color:#241530}
.pr-x__m{display:grid;place-items:center;width:clamp(56px,7vw,82px);aspect-ratio:1;color:#E3342F;background:#FFF1CF;border:3px dashed #8A5A33;border-radius:50%;font:400 clamp(2.1rem,4vw,3.2rem)/1 var(--display);padding-top:.1em;-webkit-text-stroke:.05em #241530;transition:transform .2s var(--ease),background .2s}
.pr-x:hover .pr-x__m{transform:scale(1.12) rotate(-8deg)}
.pr-x[aria-pressed=true] .pr-x__m{background:#6FDB7A;color:#fff;border-style:solid;border-color:#241530}
.pr-parch__e{position:relative;z-index:1;padding:10px 14px;background:#FFF7E3;border:2.5px dashed #241530;border-radius:14px;font-size:.95rem}
.pr-parch__e .lien{margin-top:4px}

/* --- Pôle Nord --- */
.pr-pn__sc{position:absolute;inset:0;background:#17224F}
.pr-pn__sc img{width:100%;height:100%;object-fit:cover}
.pr-pn__au{position:absolute;inset:0 0 40% 0;mix-blend-mode:screen;pointer-events:none}
.pr-pn__au i{position:absolute;left:-10%;right:-10%;height:42%;filter:blur(18px);border-radius:50%;animation:pr-au 9s ease-in-out infinite alternate;opacity:.75}
.pr-pn__au i:nth-child(1){top:6%;background:linear-gradient(90deg,transparent,#5FE0B5,#19BBEA,transparent)}
.pr-pn__au i:nth-child(2){top:22%;background:linear-gradient(90deg,transparent,#D79BF2,#5FE0B5,transparent);animation-delay:-3s}
.pr-pn__au i:nth-child(3){top:38%;background:linear-gradient(90deg,transparent,#19BBEA,#8FE09A,transparent);animation-delay:-6s}
@keyframes pr-au{to{transform:translateX(7%) skewX(-12deg) scaleY(1.2)}}
.pr-pn__ed{position:absolute;left:60%;bottom:4%;height:82%;width:auto;max-width:30%;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(3px 3px 0 rgba(11,6,32,.6))}
.pr-pn__bu{position:absolute;left:73%;top:14%;z-index:4;max-width:min(230px,25%)}
.pr-pn__bu .bulle{font-size:.92rem}
.pr-jn{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(16px,3vw,40px);align-items:center;padding:clamp(14px,2.4vw,28px);background:#fff;color:#241530;--fg:#241530;--fg-2:#3c2d4b;border:3px solid #241530;border-radius:var(--sketch);box-shadow:var(--shadow-l)}
.pr-jn__bo{width:clamp(96px,10vw,124px)}
.pr-jn__ai{transform-origin:60px 60px;transition:transform .7s var(--ease);transform:rotate(var(--a,0deg))}
.pr-jn__g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;background:#BEEEFB;border:3px solid #241530;border-radius:14px;touch-action:manipulation}
.pr-jc{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;background:#fff;color:#241530;border:2.5px solid #241530;border-radius:9px;font:800 .78rem/1 var(--hand);transition:transform .12s var(--ease),background .15s}
.pr-jc.is-v{background:#FFF7E3}
.pr-jc.is-pr{outline:3px dashed var(--cyan);outline-offset:-5px;cursor:pointer}
.pr-jc.is-pr:hover{transform:scale(1.06)}
.pr-jc.is-p{background:#FFD2C2}
.pr-jc.is-a{background:#6FDB7A}
.pr-jc img{width:84%;height:84%;object-fit:contain;pointer-events:none}
.pr-jc svg{width:78%;height:78%;pointer-events:none}
.pr-jc.is-j svg{animation:pr-hop .35s var(--ease)}
.pr-jc small{position:absolute;right:3px;bottom:2px;font:800 .66rem/1 var(--hand);color:#B3211D}
.pr-jn__c{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,44px);justify-content:center;gap:2px;margin:10px 0 12px}
.pr-jn__f{display:grid;place-items:center;background:var(--yellow);color:#241530;border:2.5px solid #241530;border-radius:12px;transition:transform .12s var(--ease)}
.pr-jn__f:active{transform:scale(.9)}
.pr-jn__f svg{width:22px;height:22px}
.pr-jn__f--h{grid-area:1/2}.pr-jn__f--h svg{transform:rotate(-90deg)}
.pr-jn__f--g{grid-area:2/1}.pr-jn__f--g svg{transform:rotate(180deg)}
.pr-jn__f--d{grid-area:2/3}
.pr-jn__f--b{grid-area:3/2}.pr-jn__f--b svg{transform:rotate(90deg)}
.pr-jn__p{display:flex;flex-direction:column;align-items:center}
.pr-jn__g{width:100%;max-width:440px}
@media(max-width:760px){.pr-jn{grid-template-columns:minmax(0,1fr)}}

/* --- Mille et Une Nuits --- */
.pr-mn__sc{position:absolute;inset:0;background:#2A1A55}
.pr-mn__sc img{width:100%;height:100%;object-fit:cover}
.pr-mn__arc{position:absolute;left:58%;bottom:10%;translate:-50% 0;width:min(62%,700px);opacity:0;transition:opacity 1s;z-index:1;pointer-events:none}
.pr-mn.is-arc .pr-mn__arc{opacity:.88}
.pr-mn__et{position:absolute;top:14%;left:48%;width:140px;height:4px;background:linear-gradient(90deg,transparent,#fff);border-radius:4px;opacity:0;transform:rotate(16deg);z-index:1}
.pr-mn__et--2{top:30%;left:62%}
.pr-mn.is-etoile .pr-mn__et{animation:pr-filante 1.5s ease-in infinite}
.pr-mn.is-etoile .pr-mn__et--2{animation-delay:.7s}
@keyframes pr-filante{0%{opacity:0;transform:rotate(16deg) translateX(0)}15%{opacity:1}70%{opacity:0;transform:rotate(16deg) translateX(46vw)}100%{opacity:0;transform:rotate(16deg) translateX(46vw)}}
.pr-mn__sa{position:absolute;left:0;right:0;bottom:0;height:42%;opacity:0;transition:opacity .4s;z-index:3;pointer-events:none;overflow:hidden}
.pr-mn__sa i{position:absolute;left:-4%;bottom:calc(var(--i)*7%);width:7px;height:7px;background:#E9B676;border:1.5px solid #241530;border-radius:50%;animation:pr-sable 2.2s linear infinite;animation-delay:calc(var(--i)*-.31s)}
.pr-mn.is-vent .pr-mn__sa{opacity:1}
@keyframes pr-sable{to{transform:translate(104vw,-44px)}}
.pr-mn__lu{position:absolute;right:7%;top:8%;width:clamp(60px,9vw,120px);aspect-ratio:1;background:#FFF1A6;border:3px solid #241530;border-radius:50%;overflow:hidden;z-index:1;box-shadow:0 0 26px 8px rgba(255,241,166,.4)}
.pr-mn__lu i{position:absolute;inset:-3px;background:#1A1140;border-radius:50%;transform:translateX(62%)}
.pr-mn.is-lune .pr-mn__lu i{animation:pr-phase 6s ease-in-out infinite alternate}
@keyframes pr-phase{from{transform:translateX(106%)}to{transform:translateX(-106%)}}
.pr-mn__el{position:absolute;left:70%;bottom:0;height:84%;width:auto;max-width:24%;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(3px 3px 0 rgba(11,6,32,.55))}
.pr-mn__bu{position:absolute;left:47%;top:8%;z-index:4;max-width:min(240px,24%)}
.pr-mn__bu .bulle{font-size:.92rem}
.pr-la{position:absolute;left:50%;bottom:4%;width:clamp(90px,14vw,170px);aspect-ratio:1;z-index:4;transition:transform .2s var(--ease);filter:drop-shadow(3px 4px 0 rgba(11,6,32,.55))}
.pr-la:hover{transform:rotate(-6deg) scale(1.06)}
.pr-la img{width:100%;height:100%;object-fit:contain}
.pr-la.is-frotte{animation:pr-frotte .5s ease-in-out}
@keyframes pr-frotte{25%{transform:rotate(-7deg) translateX(-5px)}75%{transform:rotate(7deg) translateX(5px)}}
.pr-la__fu{position:absolute;left:62%;bottom:58%;pointer-events:none}
.pr-la__fu i{position:absolute;left:0;bottom:0;width:30px;height:30px;background:rgba(255,255,255,.85);border:2.5px solid #241530;border-radius:50%;opacity:0}
.pr-la.is-frotte .pr-la__fu i{animation:pr-fumee 1.6s ease-out both}
.pr-la.is-frotte .pr-la__fu i:nth-child(2){animation-delay:.18s}.pr-la.is-frotte .pr-la__fu i:nth-child(3){animation-delay:.36s}
@keyframes pr-fumee{0%{opacity:0;transform:scale(.3)}25%{opacity:1}100%{opacity:0;transform:translate(24px,-140px) scale(2.2)}}
.pr-vo{padding:clamp(14px,2.2vw,26px);background:#2A1A55;color:#fff;border:3px solid #241530;border-radius:var(--sketch-2);box-shadow:var(--shadow-l)}
.pr-vo__t{color:var(--yellow);text-align:center}
.pr-vo__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-block:12px}
.pr-vo__b{padding:.72em .4em;background:var(--yellow);color:#241530;border:3px solid #000;border-radius:var(--sketch);font:800 clamp(.86rem,1.4vw,1.04rem)/1.15 var(--hand);transition:transform .15s var(--ease),background .15s}
.pr-vo__b:hover{transform:translateY(-3px) rotate(-1deg)}
.pr-vo__b[aria-pressed=true]{background:#fff;box-shadow:0 0 0 3px var(--yellow)}
.pr-vo__e{padding:10px 14px;background:#fff;color:#241530;border:3px solid #241530;border-radius:14px;font:600 1.02rem/1.35 var(--hand)}
@media(max-width:640px){.pr-vo__g{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* --- Magie --- */
.pr-mg{cursor:crosshair}
.pr-mg__sc{position:absolute;inset:0;background:#4A1F8F}
.pr-mg__sc img{width:100%;height:100%;object-fit:cover}
.pr-mg__em{position:absolute;left:62%;bottom:0;height:88%;width:auto;max-width:30%;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(3px 3px 0 rgba(11,6,32,.55))}
.pr-mg__bu{position:absolute;left:73%;top:6%;z-index:4;max-width:min(230px,25%)}
.pr-mg__bu .bulle{font-size:.92rem}
.pr-mg__o{position:absolute;left:30%;bottom:20%;z-index:3}
.pr-etin{position:absolute;width:var(--t,18px);height:var(--t,18px);background:var(--c,#FFD90F);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);pointer-events:none;z-index:6;animation:pr-etin .85s ease-out forwards}
@keyframes pr-etin{from{transform:scale(1) rotate(0);opacity:1}to{transform:translate(var(--x,0),var(--y,30px)) scale(.2) rotate(120deg);opacity:0}}
.pr-grw{padding:clamp(16px,3vw,36px);background:#2A1250;border:3px solid #241530;border-radius:var(--sketch);box-shadow:var(--shadow-l);overflow:hidden}
.pr-gr{position:relative;width:min(880px,100%);aspect-ratio:880/510;margin-inline:auto;perspective:2200px;transition:transform .8s cubic-bezier(.4,.1,.2,1)}
.pr-gr[data-i="0"]{transform:translateX(-25%)}
.pr-gr[data-i="5"]{transform:translateX(25%)}
.pr-gr__l{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.4,.1,.2,1);cursor:pointer}
.pr-gr__l.is-t{transform:rotateY(-180deg)}
.pr-gr__f,.pr-gr__b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:clamp(14px,2.4vw,28px);overflow:hidden;background:#FFF1CF;background-image:radial-gradient(circle at 80% 90%,rgba(138,90,51,.18),transparent 40%);color:#241530;border:3px solid #241530;border-radius:2px 14px 14px 2px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.pr-gr__b{transform:rotateY(180deg);border-radius:14px 2px 2px 14px;align-items:center;justify-content:center;text-align:center}
.pr-gr__f--cv{align-items:center;justify-content:center;text-align:center;background:#7A1F5C;background-image:radial-gradient(circle at 50% 42%,rgba(255,217,15,.2),transparent 56%);color:#FFD90F;box-shadow:inset 0 0 0 8px #7A1F5C,inset 0 0 0 11px #FFD90F}
.pr-gr__ctit{font:400 clamp(1.8rem,4vw,3.2rem)/1 var(--display);text-transform:uppercase;-webkit-text-stroke:.05em #241530;paint-order:stroke fill}
.pr-gr__csou{font:700 clamp(.9rem,1.4vw,1.1rem)/1.2 var(--hand);color:#fff}
.pr-gr__cst{width:42%;height:auto;margin:6px 0}
.pr-gr__cgo{font:800 .9rem/1.2 var(--hand);color:#241530;background:var(--yellow);padding:.2em .8em;border-radius:14px;border:2.5px solid #241530}
.pr-gr__no{position:absolute;right:12px;bottom:8px;font:400 1.1rem/1 var(--display);opacity:.7}
.pr-gr__h{font:400 clamp(1.3rem,2.6vw,2.1rem)/1.04 var(--display);text-transform:uppercase;padding-top:.06em}
.pr-gr__s{position:absolute;right:10px;top:10px;width:clamp(50px,7vw,86px);height:auto}
.pr-gr__g{font:800 .96rem/1.2 var(--hand);padding:.1em .7em;background:var(--yellow);border:2.5px solid #241530;border-radius:14px}
.pr-gr__tx{margin:0;font:600 clamp(.92rem,1.3vw,1.06rem)/1.42 var(--hand)}
.pr-gr__pp{height:68%;width:auto;object-fit:contain}
.pr-gr__bs{width:46%;height:auto}
.pr-gr__li{margin:0;font:700 clamp(.88rem,1.3vw,1.04rem)/1.3 var(--hand)}
.pr-gr__c{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}
@media(max-width:860px){
  .pr-gr,.pr-gr[data-i="0"],.pr-gr[data-i="5"]{aspect-ratio:auto;height:clamp(400px,110vw,520px);transform:none}
  .pr-gr__l{left:0;width:100%}
  .pr-gr__b{display:none}
  .pr-gr__l.is-t{transform:rotateY(-96deg);opacity:0;pointer-events:none;transition:transform .7s,opacity .1s .55s}
}

/* ---------- Décors de spectacle sur mobile : la bulle passe à gauche du personnage ---------- */
@media(max-width:860px){
  .pr-pi__bu{left:3%;top:auto;bottom:36%;max-width:50%}
  .pr-pn__bu{left:4%;top:10%;max-width:52%}
  .pr-mn__bu{left:4%;top:7%;max-width:56%}
  .pr-mg__bu{left:4%;top:6%;max-width:54%}
  .pr-pi__bu .bulle,.pr-pn__bu .bulle,.pr-mn__bu .bulle,.pr-mg__bu .bulle{font-size:.84rem;padding:.6em .85em}
  .pr-mg__o{left:4%;bottom:8%}
  .pr-mg__o .onoma{font-size:1.45rem}
}

/* ---------- Mode calme ---------- */
:root[data-calme=on] .pr-fan__c{animation:none}
:root[data-calme=on] .pr-th__r{transition:none}
@media(prefers-reduced-motion:reduce){.pr-fan__c,.pr-doo,.pr-qm__b{animation:none}}
@media print{.pr-sac,.pr-main,.pr-co__mini,.pr-cta,.pr-tab__bord{display:none!important}.pr-co,.pr-cc-box{display:block}}