.jab{--ink:#062a30;--deep:#04222a;--sea:#0b515b;--chill:#128391;--pel:#3bbdc6;--cream:#fff7d6;--paper:#f6f2e9;--yellow:#fdc500;--yellow2:#ffd880;--grey:#6d938c;--ease:cubic-bezier(0.22,0.61,0.21,1);--sans:var(--font-avenir),"Avenir Next","Nunito Sans",sans-serif;--gutter:16px;position:relative;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:var(--deep);color:var(--cream);font-family:var(--sans);-webkit-tap-highlight-color:transparent}.jab .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.jab-canvas{display:block;z-index:0}.jab-canvas,.jab-layer{position:absolute;inset:0}.jab-layer{z-index:1;pointer-events:none}.jab-layer>*{pointer-events:auto}.jab-canvas-front{z-index:2;pointer-events:none}.jab-safe{position:absolute;bottom:0;height:0;padding-bottom:env(safe-area-inset-bottom);visibility:hidden}.jab-entete{position:absolute;z-index:4;top:max(12px,env(safe-area-inset-top));left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:12px}.jab-logo{display:inline-flex;align-items:center;min-height:44px}.jab-logo img{width:84px;height:auto}.jab-logo:focus-visible,.jab-rapport:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:8px}.jab-serie{order:2;font-weight:400;margin:0;-webkit-margin-start:auto;margin-inline-start:auto;text-align:end;font-size:16px;line-height:1.15;color:rgba(255,247,214,.72)}.jab-serie-nom{display:block;font-weight:900;color:var(--cream);white-space:nowrap}.jab-rapport{display:none}.jab-colonne{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);top:calc(max(12px, env(safe-area-inset-top)) + 58px);bottom:0;pointer-events:none}.jab-compteur{margin:0;display:flex;align-items:flex-start;gap:12px;text-shadow:0 1px 14px rgba(2,15,18,.85),0 0 2px rgba(2,15,18,.6);transition:opacity .4s var(--ease)}.jab[data-fin="1"] .jab-compteur,.jab[data-papier="1"] .jab-compteur{opacity:0}.jab-n[data-depart="1"]{color:var(--cream)}.jab-n{font-weight:900;font-size:96px;line-height:.82;letter-spacing:-.04em;color:var(--yellow);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:.6em}.jab-l{font-size:18px;line-height:1.25;color:var(--cream);padding-top:4px}.jab-pastille{display:block;width:max-content;margin-top:8px;font-size:16px;font-weight:400;line-height:1;padding:7px 11px;border-radius:999px;border:1.5px solid rgba(255,247,214,.4);color:rgba(255,247,214,.9)}.jab-consigne{margin:22px 0 0;font-size:38px;line-height:1;font-weight:900;letter-spacing:-.03em;color:var(--cream);text-shadow:0 1px 14px rgba(2,15,18,.85),0 0 2px rgba(2,15,18,.6),0 4px 24px rgba(0,0,0,.45);opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.jab-consigne[data-on="1"]{opacity:1;transform:none}.jab-consigne[data-on="0"],.jab-legende[data-on="0"],.jab-probleme[data-on="0"]{visibility:hidden;transition-property:opacity,transform,visibility;transition-delay:0s,0s,.5s}.jab-probleme{margin:10px 0 0;width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:10px;background:rgba(2,15,18,.62);max-width:min(26em,100%);font-size:17px;line-height:1.3;font-weight:400;color:rgba(255,247,214,.92);text-wrap:balance;text-shadow:0 1px 14px rgba(2,15,18,.85),0 0 2px rgba(2,15,18,.6);opacity:0;transition:opacity .4s var(--ease)}.jab-probleme[data-on="1"]{opacity:1}.jab-colonne:after{content:"";position:absolute;z-index:-1;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));bottom:0;height:42%;background:linear-gradient(180deg,rgba(4,34,42,0),rgba(4,34,42,.82) 55%,rgba(4,34,42,.92));opacity:0;transition:opacity .5s var(--ease)}.jab-colonne:has(.jab-legende[data-on="1"]):after{opacity:1}.jab-colonne:has(.jab-legende-suite):after{height:52%;background:linear-gradient(180deg,rgba(4,34,42,0),rgba(4,34,42,.86) 34%,rgba(4,34,42,.94))}.jab-colonne:before{content:"";position:absolute;z-index:-1;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));top:-80px;height:260px;background:linear-gradient(180deg,rgba(2,15,18,.62),rgba(2,15,18,.3) 60%,rgba(2,15,18,0))}.jab-legende{position:absolute;left:0;right:0;bottom:calc(max(20px, env(safe-area-inset-bottom)) + 8px);display:flex;flex-direction:column;gap:2px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease);text-shadow:0 4px 28px rgba(0,0,0,.55)}.jab-legende[data-on="1"]{opacity:1;transform:none}.jab-legende-nom{font-size:18px;font-weight:900;color:var(--pel);margin-bottom:6px;text-wrap:balance}.jab-legende-l1,.jab-legende-l2{font-size:36px;line-height:1.02;font-weight:900;letter-spacing:-.03em;text-wrap:balance}.jab-legende-l2{color:var(--yellow)}.jab-legende-note{margin-top:10px;max-width:34em;font-size:16px;line-height:1.35;font-weight:400;letter-spacing:0;color:rgba(255,247,214,.86);text-wrap:pretty}.jab-legende-titre{font-size:36px;line-height:1.02;font-weight:900;letter-spacing:-.03em;text-wrap:balance}.jab-legende-texte{margin-top:10px;max-width:24em;font-size:20px;line-height:1.3;font-weight:400;color:var(--cream);text-wrap:pretty}.jab .jab-legende-suite{align-self:flex-start;margin-top:16px;min-height:48px;pointer-events:auto;text-shadow:none;opacity:0;visibility:hidden;transition:none}.jab .jab-legende-suite[data-on="1"]{opacity:1;visibility:visible;transition:opacity .35s var(--ease),visibility 0s}.jab .jab-legende-suite:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.jab-vers-carte{order:1;flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-block:0;padding-inline:11px 14px;border-radius:999px;border:1.5px solid rgba(255,247,214,.32);background:rgba(2,15,18,.5);color:rgba(255,247,214,.86);font:inherit;font-size:16px;font-weight:400;line-height:1;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility 0s linear .4s,border-color .2s var(--ease),color .2s var(--ease)}.jab-vers-carte[data-on="1"]{opacity:1;visibility:visible;transition:opacity .4s var(--ease) .3s,visibility 0s,border-color .2s var(--ease),color .2s var(--ease)}.jab-vers-carte:hover{border-color:rgba(255,247,214,.7);color:var(--cream)}.jab-vers-carte:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.jab-vers-carte svg{width:20px;height:20px;flex:none}.jab[data-papier="1"] .jab-vers-carte{opacity:0;visibility:hidden}.jab-intro{position:absolute;z-index:7;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(max(12px, env(safe-area-inset-top)) + 64px) var(--gutter) max(20px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,rgba(4,34,42,.35),rgba(4,34,42,.72) 26%,rgba(4,34,42,.93) 46%,rgba(4,34,42,.97));animation:jab-fondu .7s var(--ease) both}.jab-intro[data-sortie="1"]{animation:jab-sortie .45s var(--ease) both;pointer-events:none}@keyframes jab-sortie{to{opacity:0}}.jab[data-intro="1"] .jab-entete{z-index:8}.jab[data-intro="1"] .jab-carte-mot,.jab[data-intro="1"] .jab-compteur{opacity:0}.jab-intro-in{max-width:34rem;display:flex;flex-direction:column;align-items:flex-start}.jab-intro h2,.jab-intro p{margin:0}.jab-intro-surtitre{font-size:16px;font-weight:900;color:var(--pel)}.jab-intro-titre{margin-top:10px!important;font-size:32px;line-height:1.04;font-weight:900;letter-spacing:-.03em;color:var(--cream);text-wrap:balance}.jab-intro-contexte,.jab-intro-rapport,.jab-intro-texte{margin-top:16px!important;font-size:18px;line-height:1.38;font-weight:400;color:var(--cream);text-wrap:pretty}.jab-intro-rapport,.jab-intro-texte{margin-top:12px!important}.jab-intro-rapport cite{font-style:italic;font-weight:900}.jab-intro-texte{margin-top:12px!important}.jab-intro-bouton{margin-top:22px;min-width:200px}.jab-intro-note{margin-top:16px!important;font-size:16px;line-height:1.35;color:rgba(255,247,214,.72);text-wrap:pretty}.jab-c2-anneau,.jab-c2-lueur,.jab-carte,.jab-carte-mot,.jab-colonne:after,.jab-colonne:before,.jab-colonne>*,.jab-fin-idee,.jab-fin-jouet,.jab-intro,.jab-p4-lampe,.jab-p4-lueur,.jab-p5-anneau,.jab-p5-blanc,.jab-p5-disque,.jab-p5-lueur,.jab-p5-nuit,.jab-p6-anneau,.jab-p6-halo,.jab-p6-mat,.jab-p6-recu,.jab-p6-roue,.jab-repere,.jab-repere-disque,.jab-repere-fil,.jab-repere-nom,.jab-u7-env,.jab-u7-lueur,.jab-vers-carte{will-change:opacity,transform}.jab-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;border:2px solid transparent;font:inherit;font-size:18px;font-weight:900;text-decoration:none;cursor:pointer}.jab-btn-jaune{background:var(--yellow);color:var(--ink)}.jab-btn-encre{background:var(--ink);color:var(--cream)}.jab-btn-lien{background:none;color:var(--cream);padding:0 8px;text-decoration:underline;text-underline-offset:5px}.jab-btn:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@media (min-width:1024px) and (min-aspect-ratio:1/1),(orientation:landscape) and (max-height:520px){.jab{--gutter:clamp(28px,4vw,64px)}.jab-colonne{inset-inline-end:auto;width:calc(var(--jab-colonne, 480px) - var(--gutter) * 1.5);top:120px;bottom:60px;display:flex;flex-direction:column}.jab-colonne:after{display:none}.jab-colonne:before{content:"";position:absolute;z-index:-1;inset-inline-start:calc(-1 * var(--gutter));inset-inline-end:auto;height:auto;top:-140px;bottom:-80px;width:calc(var(--jab-colonne, 480px) + 60px);background:linear-gradient(90deg,rgba(4,34,42,.92),rgba(4,34,42,.75) 70%,rgba(4,34,42,0))}.jab-serie{-webkit-margin-start:18px;margin-inline-start:18px;text-align:start}.jab-rapport{display:inline-flex;-webkit-margin-start:auto;margin-inline-start:auto;align-items:center;min-height:44px;font-size:16px;font-weight:900;color:var(--cream);text-decoration:none}.jab-n{font-size:112px}.jab-consigne{font-size:56px;margin-top:32px}.jab-legende{position:static;margin-top:auto}.jab-legende-l1,.jab-legende-l2,.jab-legende-titre{font-size:52px}.jab-legende-texte{font-size:22px}.jab-serie{order:1}.jab-vers-carte{order:2;-webkit-margin-start:auto;margin-inline-start:auto}.jab-rapport{order:3;-webkit-margin-start:20px!important;margin-inline-start:20px!important}.jab-intro{justify-content:center;padding:120px var(--gutter) 60px;background:linear-gradient(90deg,rgba(4,34,42,.97) 0,rgba(4,34,42,.92) calc(var(--jab-colonne, 480px) - 40px),rgba(4,34,42,.35) calc(var(--jab-colonne, 480px) + 160px),rgba(4,34,42,.15) 100%)}.jab[data-intro="1"] .jab-carte-mot[data-on="1"]{opacity:1}.jab-intro-in{max-width:calc(var(--jab-colonne, 480px) - var(--gutter) * 1.5)}.jab-intro-titre{font-size:48px}.jab-intro-contexte,.jab-intro-rapport,.jab-intro-texte{font-size:20px}}@media (max-height:700px) and (max-width:1023px){.jab-n{font-size:78px}.jab-l{font-size:16px}}@media (max-width:359px){.jab-n{font-size:78px}.jab-consigne{font-size:32px}.jab-legende-l1,.jab-legende-l2,.jab-legende-titre{font-size:30px}.jab-intro-titre{font-size:28px}}@media (max-width:379px){.jab-vers-carte{padding:0 11px;font-size:0;gap:0}}@media (max-height:700px) and (max-width:1023px){.jab[data-jeu=boutique] .jab-probleme{max-width:58%}.jab-consigne{font-size:32px;margin-top:14px}.jab-probleme{margin-top:6px;padding:4px 10px;font-size:16px}.jab-legende-l1,.jab-legende-l2{font-size:30px}.jab-legende-note{margin-top:6px}.jab .jab-legende-suite{margin-top:10px}.jab-colonne:has(.jab-legende-suite):after{height:66%;background:linear-gradient(180deg,rgba(4,34,42,0),rgba(4,34,42,.9) 30%,rgba(4,34,42,.95))}.jab-intro-titre{font-size:28px}.jab-intro-contexte,.jab-intro-rapport,.jab-intro-texte{font-size:16px;margin-top:10px!important}.jab-intro-bouton{margin-top:16px}.jab-intro-note{margin-top:12px!important}.jab-legende-titre{font-size:30px}.jab-legende-texte{font-size:18px}}@media (prefers-reduced-motion:reduce){.jab *,.jab :after,.jab :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.jab-tourner{display:none}@media (orientation:landscape) and (max-height:520px) and (pointer:coarse){.jab{min-height:0}.jab-tourner{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;margin:0;padding:0 max(24px,env(safe-area-inset-left)) 0 max(24px,env(safe-area-inset-right));background:rgba(4,34,42,.94);color:var(--cream);font-size:22px;font-weight:900;line-height:1.2;text-align:center;text-wrap:balance}}