.jojo{position:relative;overflow:hidden;height:100svh;min-height:600px;max-height:1100px;background:var(--fond-jour) 60% 58% / cover no-repeat,var(--sol)}@media(max-width:760px){.jojo{background-image:var(--fond-jour-m)}}:root[data-theme=dark] .jojo{background-image:var(--fond-nuit)}@media(max-width:760px){:root[data-theme=dark] .jojo{background-image:var(--fond-nuit-m)}}.jojo canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.jojo canvas:focus-visible{outline:3px solid var(--anneau);outline-offset:-6px}.jojo-repli{display:none}.jojo.sans-webgl canvas,.jojo.sans-webgl .jojo-actions,.jojo.sans-webgl .jojo-aide{display:none}.jojo.sans-webgl .jojo-repli{display:block;position:absolute;right:var(--gouttiere);bottom:var(--gouttiere);width:min(44vw,520px);height:70%;object-fit:cover;border-radius:18px;box-shadow:var(--ombre)}.jojo-titre{position:absolute;top:clamp(20px,5vw,56px);left:var(--gouttiere);max-width:min(520px,calc(100% - 32px));color:var(--texte-ciel);pointer-events:none;transition:opacity .4s}.jojo.inspecte .jojo-titre,.jojo:has(.jojo-panneau.ouvert) .jojo-titre,.jojo:has(.jojo-panneau.ouvert) .jojo-sommaire{opacity:0}.jojo-sommaire{transition:opacity .3s}.jojo-titre h1{margin:0;font-size:clamp(2.6rem,7vw,5.6rem);line-height:.95;color:inherit;text-wrap:balance}.jojo-titre p{margin:.9em 0 0;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.4;max-width:30em;color:var(--encre);font-weight:500;text-wrap:pretty;text-shadow:0 0 14px color-mix(in oklab,var(--beige) 75%,transparent),0 0 3px color-mix(in oklab,var(--beige) 60%,transparent)}.jojo-sommaire{position:absolute;top:clamp(20px,3vw,32px);right:var(--gouttiere);display:flex;align-items:center;gap:clamp(14px,2vw,26px)}.cta-sponsor{display:inline-flex;align-items:center;min-height:44px;padding:.55em 1.25em;border-radius:999px;background:var(--rallye);color:#fff;font-weight:750;text-decoration:none;box-shadow:0 8px 22px #781e0f52;transition:transform .16s cubic-bezier(.2,.8,.2,1),background-color .16s;white-space:nowrap}.jojo-sommaire .cta-sponsor,.jojo-sommaire .cta-sponsor:hover{color:#fff;text-decoration:none}.cta-sponsor:hover{background:var(--rallye-fonce);transform:translateY(-1px)}.cta-sponsor:active{transform:scale(.97)}.jojo-sommaire ul{display:flex;gap:clamp(12px,2vw,24px);margin:0;padding:0;list-style:none}.jojo-sommaire a{font-weight:600;text-decoration:none;color:var(--encre)}.jojo-sommaire a:hover{color:var(--rallye);text-decoration:underline}@media(max-width:1080px){.jojo-sommaire ul{display:none}}@media(max-width:760px){.cta-sponsor{min-height:40px;padding:.45em 1em;font-size:.92rem}.jojo-titre{max-width:calc(100% - 170px)}}.jojo-actions{position:absolute;left:50%;bottom:clamp(16px,4vh,36px);transform:translate(-50%);display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 32px)}.jojo-actions button{font:inherit;font-weight:650;font-size:1rem;border:0;border-radius:999px;padding:.85em 1.4em;min-height:48px;cursor:pointer;box-shadow:0 8px 24px #14141e38;transition:transform .16s cubic-bezier(.2,.8,.2,1),background-color .16s}.jojo-actions button:active{transform:scale(.97)}#btn-portes{background:var(--beige);color:var(--rallye)}#btn-emplacements{background:var(--rallye);color:#fff}#btn-emplacements[aria-pressed=true]{background:var(--rallye-fonce)}.jojo-aide{position:absolute;left:50%;bottom:calc(clamp(16px,4vh,36px) + 64px);transform:translate(-50%);margin:0;font-size:.92rem;color:var(--texte-ciel);opacity:.85;pointer-events:none;transition:opacity .6s;white-space:nowrap}.jojo-aide.cache{opacity:0}.jojo-panneau{position:absolute;top:clamp(16px,3vw,32px);right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);width:min(360px,calc(100% - 32px));background:var(--beige);color:var(--encre);border-radius:22px;padding:24px 22px;overflow-y:auto;box-shadow:0 24px 60px #0f141e47;transform:translate(calc(100% + 40px));transition:transform .42s cubic-bezier(.2,.8,.2,1)}.jojo-panneau.ouvert{transform:none}.jojo-panneau h2{margin:0 0 .25em;font-size:1.5rem;line-height:1.1;letter-spacing:-.02em;font-weight:750}.jojo-panneau .intro{margin:0 0 1.1em;color:var(--encre-douce);line-height:1.4}.provisoire{margin:-.6em 0 1em;padding:.4em .7em;border-radius:8px;background:#fff1c4;color:#6b4a10;font-size:.85rem;font-weight:600}.jojo-liste{list-style:none;margin:0;padding:0;display:grid;gap:6px}.jojo-liste button{width:100%;text-align:left;font:inherit;color:inherit;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;background:transparent;border:0;border-radius:14px;padding:12px 14px;cursor:pointer;transition:background-color .14s}.jojo-liste button:hover{background:var(--beige-fonce)}.jojo-liste button[aria-current=true]{background:var(--rallye);color:#fff}.jojo-liste .nom{font-weight:650;font-size:1.05rem}.jojo-liste .taille{font-size:.85rem;opacity:.75;grid-column:1}.jojo-liste .etat{font-size:.85rem;grid-row:1;grid-column:2;opacity:.8}.jojo-fiche{margin:0 0 1.4em;padding:0 0 1.2em;border-bottom:1px solid color-mix(in oklab,var(--encre) 18%,transparent)}.jojo-fiche[hidden]{display:none}.jojo-fiche h3{margin:0;font-size:clamp(1.8rem,3vw,2.2rem);line-height:1;letter-spacing:-.03em;font-weight:800}.jojo-fiche .format{margin:.45em 0 0;color:var(--encre-douce);font-variant-numeric:tabular-nums}.jojo-fiche .vu{margin:.9em 0 1.1em;line-height:1.45}.jojo-fiche .ligne{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.jojo-fiche .pastille{display:inline-flex;align-items:center;gap:8px;font-weight:600}.jojo-fiche .pastille:before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:#2e9d5b;box-shadow:0 0 0 4px #2e9d5b33}.jojo-fiche .pastille.pris:before{background:#e8862a;box-shadow:0 0 0 4px #e8862a38}.jojo-fiche a[hidden]{display:none}.jojo-fiche a{display:inline-flex;align-items:center;min-height:44px;background:var(--encre);color:var(--beige);text-decoration:none;font-weight:650;border-radius:999px;padding:.6em 1.2em}.jojo-essai{position:absolute;left:50%;top:clamp(16px,3vw,28px);translate:-50% 0;z-index:2;width:min(560px,calc(100% - 32px));padding:14px 16px;border-radius:18px;background:var(--beige);color:var(--encre);box-shadow:0 16px 40px #0f141e33;display:grid;gap:10px}.jojo-essai[hidden]{display:none}.jojo-essai p{margin:0;line-height:1.4}.jojo-essai div{display:flex;flex-wrap:wrap;gap:8px}.jojo-essai a,.jojo-essai button{font:inherit;font-weight:650;min-height:44px;padding:.55em 1.1em;border-radius:999px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.jojo-essai a{background:var(--rallye);color:#fff}.jojo-essai button{background:transparent;border:2px solid color-mix(in oklab,var(--rallye) 40%,transparent);color:var(--rallye)}.jojo:has(.jojo-essai:not([hidden])) .jojo-titre,.jojo:has(.jojo-essai:not([hidden])) .jojo-sommaire{opacity:0}@media(max-width:760px){.jojo{min-height:560px}.jojo-panneau{inset:auto 12px 12px;width:auto;max-height:48%;border-radius:20px;transform:translateY(calc(100% + 40px))}.jojo-panneau.ouvert~.jojo-actions{bottom:calc(48% + 24px)}.jojo-panneau.ouvert~.jojo-aide{opacity:0}.jojo-actions button{font-size:.95rem;padding:.75em 1.15em}.jojo-aide{bottom:calc(clamp(16px,4vh,36px) + 124px)}}.jojo-atelier{height:100%;min-height:0;max-height:none}.jojo-atelier .jojo-sommaire,.jojo-atelier .jojo-panneau,.jojo-atelier .jojo-essai,.jojo-atelier #btn-emplacements{display:none}@media(max-width:960px){.jojo-atelier .jojo-aide{display:none}.jojo-atelier .jojo-actions,.jojo-atelier .jojo-panneau.ouvert~.jojo-actions{bottom:12px}.jojo-atelier .jojo-actions button{min-height:40px;padding:.55em 1.1em;font-size:.9rem}}@media(prefers-reduced-motion:reduce){.jojo-panneau,.jojo-actions button,.jojo-aide,.jojo-titre{transition:none}}