body{margin:0}:root{--encre:#141414;--bleu:#1f4fd1;--bleu-nuit:#0f2a78;--jaune:#ffd23f;--orange:#ff8a1f;--rouge:#e63329;--papier:#fffaf0;--trait:3px solid var(--encre);--ombre:6px 6px 0 var(--encre);--titre:"Bangers", "Impact", sans-serif;--lettrage:"Comic Neue", "Comic Sans MS", cursive;--texte:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}body{font-family:var(--texte);color:var(--encre);background-color:var(--bleu);background-image:radial-gradient(#ffffff2e 1.4px,#0000 1.6px);background-size:14px 14px;margin:0;font-size:1.06rem;line-height:1.6}a{color:var(--bleu-nuit)}img{max-width:100%;height:auto;display:block}.visuellement-cache{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.saut{background:var(--jaune);z-index:10;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.saut:focus{left:1rem}.planche{max-width:1180px;margin:0 auto;padding:0 1rem 2rem;overflow-x:clip}.entete{background:var(--papier);border:var(--trait);box-shadow:var(--ombre);z-index:5;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0 1.5rem;padding:.6rem 1rem;display:flex;position:sticky;top:.5rem}.logo{font-family:var(--titre);letter-spacing:.03em;align-items:baseline;gap:.35rem;line-height:1;text-decoration:none;display:flex}.logo__les{background:var(--rouge);color:#fff;border:2px solid var(--encre);padding:.1rem .35rem;font-size:1.1rem;transform:rotate(-4deg)}.logo__capes{color:var(--orange);-webkit-text-stroke:1.5px var(--encre);paint-order:stroke fill;font-size:2rem}.logo__bide{background:var(--bleu);color:#fff;border:2px solid var(--encre);padding:.1rem .4rem;font-size:1.3rem}.menu{flex-wrap:wrap;gap:.4rem;display:flex}.menu__lien{font-family:var(--titre);letter-spacing:.04em;color:var(--encre);border:2px solid #0000;padding:.2rem .7rem;font-size:1.3rem;text-decoration:none}.menu__lien:hover,.menu__lien.active{background:var(--jaune);border-color:var(--encre);transform:rotate(-2deg)}.burger{font-family:var(--titre);background:var(--jaune);border:var(--trait);cursor:pointer;padding:.2rem .8rem;font-size:1.2rem;display:none}.bande{gap:1.5rem;margin:0 0 2.5rem;display:grid}.cases{gap:1.2rem;display:grid}.cases--4{grid-template-columns:repeat(4,1fr)}.cases--2{grid-template-columns:repeat(2,1fr)}.cases--episodes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cases--recit{columns:2 340px;column-gap:1.4rem;display:block}.cases--recit>.case{break-inside:avoid;margin-bottom:1.4rem}.case{background:var(--papier);border:var(--trait);box-shadow:var(--ombre);color:var(--encre);padding:1.4rem;position:relative}.case--trame{background-color:var(--jaune);background-image:radial-gradient(#ff8a1f8c 2px,#0000 2.4px);background-size:12px 12px}.case--duo{grid-template-columns:minmax(180px,320px) 1fr;align-items:center;gap:1rem;padding:1rem 1.4rem 0;display:grid}.case--duo .gilles{align-self:end}.case--duo .bulle{margin-bottom:1rem}.titre-planche{font-family:var(--titre);letter-spacing:.04em;color:#fff;-webkit-text-stroke:2px var(--encre);paint-order:stroke fill;text-shadow:4px 4px 0 var(--encre);margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.05}.titre-planche--episode{color:var(--bleu);-webkit-text-stroke:1.5px var(--encre);text-shadow:3px 3px 0 var(--encre);margin:.4rem 0 1rem}h1,h2{font-family:var(--titre);letter-spacing:.03em;font-weight:400;line-height:1.1}.case h2{color:var(--bleu-nuit);margin:0 0 .6rem;font-size:1.8rem}.bulle{border:var(--trait);font-family:var(--lettrage);background:#fff;border-radius:28px;padding:1.1rem 1.4rem;font-size:1.15rem;font-weight:700;line-height:1.45;position:relative}.bulle h1,.bulle h2{color:var(--rouge);margin:0 0 .4rem;font-size:clamp(1.9rem,3.5vw,2.6rem)}.bulle p{margin:.4rem 0}.bulle:before,.bulle:after{content:"";border-style:solid;width:0;height:0;position:absolute}.bulle--gauche:before{border-width:14px 28px 14px 0;border-color:transparent var(--encre) transparent transparent;top:42%;left:-26px}.bulle--gauche:after{border-width:11px 23px 11px 0;border-color:#0000 #fff #0000 #0000;top:calc(42% + 3px);left:-20px}.recitatif{background:var(--jaune);border:var(--trait);font-family:var(--lettrage);box-shadow:4px 4px 0 var(--encre);max-width:860px;padding:.7rem 1rem;font-weight:700}.onomatopee{z-index:2;font-family:var(--titre);letter-spacing:.05em;color:var(--jaune);-webkit-text-stroke:1.5px var(--encre);paint-order:stroke fill;text-shadow:3px 3px 0 var(--encre);background:var(--rouge);border:var(--trait);padding:.1rem .7rem;font-size:1.7rem;position:absolute;top:-18px;right:-10px;transform:rotate(6deg)}.pastille{font-family:var(--titre);letter-spacing:.05em;background:var(--rouge);color:#fff;border:2px solid var(--encre);padding:.05rem .55rem;font-size:1.05rem;display:inline-block;transform:rotate(-3deg)}.une{gap:1rem;margin-bottom:2.5rem;display:grid}.case--une{padding:0;overflow:visible}.case--une img{width:100%;height:auto}.onomatopee--une{font-size:2.2rem;top:auto;bottom:-20px;right:6%;transform:rotate(-5deg)}.une__soustitre{justify-self:start;font-size:1.25rem;transform:rotate(-.6deg)}.case--principe{text-align:center;gap:.3rem;padding:1.2rem 1rem;display:grid}.case--principe strong{font-family:var(--titre);color:var(--bleu);letter-spacing:.04em;font-size:2rem;font-weight:400}.case--principe span{font-family:var(--lettrage);font-weight:700}.case--incline-0{transform:rotate(-1deg)}.case--incline-1{transform:rotate(1.2deg)}.case--episode{align-content:start;gap:.5rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid}.case--episode strong{font-family:var(--titre);letter-spacing:.03em;color:var(--bleu-nuit);font-size:1.7rem;font-weight:400;line-height:1.1}.case--episode:hover,.case--episode:focus-visible{box-shadow:9px 9px 0 var(--encre);transform:translate(-3px,-3px)rotate(-.6deg)}.case__suite{font-family:var(--lettrage);color:var(--rouge);margin-top:.3rem;font-weight:700}.case__suite:after{content:" →"}.case--appel{color:#fff;grid-template-columns:150px 1fr;align-items:end;gap:1rem;padding:1rem 1.2rem 0;text-decoration:none;transition:transform .15s;display:grid;overflow:hidden}.case--appel:hover{transform:rotate(-.8deg)scale(1.01)}.case--appel div{gap:.3rem;padding-bottom:1.2rem;display:grid}.case--appel strong{font-family:var(--titre);letter-spacing:.03em;-webkit-text-stroke:1px var(--encre);paint-order:stroke fill;font-size:1.9rem;font-weight:400;line-height:1.1}.case--appel span{font-family:var(--lettrage);font-weight:700}.case--bleu{background:var(--bleu-nuit)}.case--orange{background:var(--orange);color:var(--encre)}.case--orange strong{color:#fff}.retour{font-family:var(--titre);letter-spacing:.04em;color:#fff;background:var(--encre);justify-self:start;padding:.2rem .8rem;font-size:1.2rem;text-decoration:none}.retour:before{content:"←"}.case--video{background:var(--encre);color:#fff;border-color:var(--encre);align-items:center;min-height:140px;display:flex}.case--video p{font-family:var(--lettrage);max-width:640px;margin:0;font-size:1.15rem;font-weight:700}.case--video strong{color:var(--jaune)}.case--texte ul{margin:.4rem 0;padding-left:1.2rem}.case--texte li{margin:.35rem 0}.case--texte li::marker{content:"★ ";color:var(--orange)}.case--texte p{margin:.5rem 0}.case--nav{gap:.2rem;text-decoration:none;display:grid}.case--nav span{font-family:var(--lettrage);color:var(--rouge);font-weight:700}.case--nav strong{font-family:var(--titre);letter-spacing:.03em;font-size:1.5rem;font-weight:400}.case--nav-suivant{text-align:right}.case--attente,.case--merci{max-width:760px}.bientot{font-family:var(--lettrage);color:var(--rouge);font-weight:700}.formulaire{gap:1rem;max-width:860px;display:grid}.formulaire label{gap:.3rem;font-weight:800;display:grid}.formulaire input,.formulaire select,.formulaire textarea{font:inherit;border:var(--trait);background:#fff;border-radius:0;padding:.65rem .8rem;font-weight:400}.formulaire input:focus,.formulaire select:focus,.formulaire textarea:focus{outline:3px solid var(--orange);outline-offset:2px}.formulaire__ligne{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.formulaire__types{border:0;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;display:flex}.formulaire__types legend{font-family:var(--titre);letter-spacing:.03em;color:var(--bleu-nuit);margin-bottom:.4rem;font-size:1.6rem}.choix{cursor:pointer;align-items:center;gap:.5rem;display:flex!important}.formulaire__types .choix{border:var(--trait);background:#fff;padding:.4rem .8rem;font-weight:700}.formulaire__types .choix:has(input:checked){background:var(--jaune);box-shadow:3px 3px 0 var(--encre);transform:rotate(-1.5deg)}.choix--case{font-weight:400!important}.choix input{width:1.1rem;height:1.1rem;accent-color:var(--bleu)}.pot-de-miel{position:absolute;left:-9999px}.formulaire__erreur{border:2px solid var(--rouge);background:#ffe1df;margin:0;padding:.6rem .8rem;font-weight:700}.bouton{font-family:var(--titre);letter-spacing:.05em;background:var(--rouge);color:#fff;border:var(--trait);box-shadow:4px 4px 0 var(--encre);cursor:pointer;justify-self:start;padding:.3rem 1.6rem;font-size:1.6rem;transition:transform .1s,box-shadow .1s}.bouton:hover{transform:rotate(-2deg)scale(1.03)}.bouton:active{box-shadow:1px 1px 0 var(--encre);transform:translate(3px,3px)}.bouton:disabled{opacity:.6;cursor:wait}.pied{background:var(--encre);color:#fff;border:var(--trait);gap:.6rem;padding:1.5rem;display:grid}.pied p{max-width:760px;margin:0}.pied__fin{font-family:var(--titre);color:var(--jaune);letter-spacing:.05em;font-size:2rem}.pied__liens{flex-wrap:wrap;gap:1.2rem;display:flex}.pied__liens a{color:var(--jaune);font-weight:700}@media (width<=900px){.cases--4{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){body{font-size:1rem}.burger{display:block}.menu{background:var(--papier);border:var(--trait);box-shadow:var(--ombre);flex-direction:column;padding:.6rem;display:none;position:absolute;top:calc(100% + 3px);left:-3px;right:-3px}.menu--ouvert{display:flex}.logo__capes{font-size:1.6rem}.cases--2,.formulaire__ligne{grid-template-columns:1fr}.case--duo{grid-template-columns:1fr;padding-top:1.2rem}.case--duo .gilles{order:2;justify-self:center;max-width:240px}.bulle--gauche:before{border-width:28px 14px 0;border-color:var(--encre) transparent transparent transparent;top:auto;bottom:-28px;left:46%}.bulle--gauche:after{border-width:23px 11px 0;border-color:#fff #0000 #0000;top:auto;bottom:-22px;left:calc(46% + 3px)}.case--duo .bulle{margin-bottom:2rem}.case--appel{grid-template-columns:100px 1fr}.case--nav-suivant{text-align:left}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}