.hero h1{margin-bottom: var(--e-4);max-width: 20ch;margin-inline: auto}@media (min-width: 900px){.hero h1,.hero .amorce{margin-inline: 0}}.hero-visuel .v-surface{fill: var(--surface)}.hero-visuel .v-creux{fill: var(--surface-2)}.hero-visuel .v-trait{stroke: var(--border-fort)}.hero-visuel .v-faible{stroke: var(--ink-3)}.hero-visuel .v-violet{stroke: var(--violet)}.hero-visuel .v-violet-f{fill: var(--violet)}.hero-visuel .v-doux{fill: var(--violet-doux)}.hero-visuel .v-lime{fill: var(--lime-doux);stroke: var(--lime-trait)}.hero-visuel .v-lime-t{stroke: var(--lime-texte)}.hero-visuel .v-alerte{stroke: var(--alerte)}.hero-visuel .v-fond{fill: var(--bg)}.pingouin-hero{transform: translateY(34px);transition: transform .85s cubic-bezier(.34,1.48,.5,1)}.hero-visuel:hover .pingouin-hero,.hero-visuel:focus-within .pingouin-hero{transform: translateY(-26px)}.pingouin-hero-corps{transform-box: fill-box;transform-origin: 50% 100%}.hero-visuel:hover .pingouin-hero-corps{animation: pg-hero-coucou 1.9s ease-in-out .85s infinite}@keyframes pg-hero-coucou{0%,50%,100%{transform: rotate(0)}25%{transform: rotate(2.6deg)}75%{transform: rotate(-2.6deg)}}@media (prefers-reduced-motion: reduce){.pingouin-hero{transition: none}.hero-visuel:hover .pingouin-hero-corps{animation: none}}.zone-enveloppe ~ .etroit{max-width: var(--outil)}@media (prefers-reduced-motion: reduce){.etiquette{animation: none}}.etiquette::before{content: "";flex: none;display: inline-block;vertical-align: -4px;width: 18px;height: 18px;margin-right: 6px;background: var(--img-cadenas) center / contain no-repeat}.zone-enveloppe:hover .etiquette{animation: none;transform: rotate(calc(var(--pente) - 4deg)) scale(1.04)}.niveaux input{position: absolute;opacity: 0;pointer-events: none}.niveaux label{border: 1.5px solid var(--champ-ligne);border-radius: var(--r-s);padding: 9px 16px;cursor: pointer;font-size: var(--t-s);font-weight: 600;color: var(--ink-2);background: var(--surface)}.niveaux label:hover{border-color: var(--border-fort);color: var(--ink)}.niveaux input:checked + label{border-color: var(--violet);background: var(--violet-doux);color: var(--violet)}.niveaux label[data-repere]{position: relative}.niveaux label[data-repere]::after{content: attr(data-repere);position: absolute;top: -6px;right: -4px;background: var(--etiquette-fond);color: var(--etiquette-texte);font-family: var(--f-mono);font-size: var(--t-pastille);font-weight: 600;letter-spacing: 0;padding: 1px 6px;border-radius: var(--r-pill);white-space: nowrap;pointer-events: none}.niveaux input:focus-visible + label{outline: 2px solid var(--violet);outline-offset: 3px}.fichier .corps{flex: 1;min-width: 0}.vignette .cadre img{width: auto;max-width: 100%;max-height: 150px;transition: transform .2s ease,max-height .2s ease}.vignette[role="checkbox"]:focus-visible{outline: 2px solid var(--violet);outline-offset: 3px}.vignette.choisie .rang::after{content: ' ✓'}.document h4{font-size: var(--t-m);margin: 18px 0 6px;color: #3A3D36}.document ul{margin: 0 0 12px 22px;list-style: disc}.document li{margin-bottom: 4px}.document table{border-collapse: collapse;width: 100%;margin: 12px 0;font-size: var(--t-s)}.document th,.document td{border: 1px solid #DDDFD8;padding: 7px 10px;text-align: left;vertical-align: top}.document th{background: #F3F4F1;font-weight: 600}.document th p:last-child,.document td p:last-child{margin-bottom: 0}.feuilles button{font: inherit;font-size: var(--t-s);cursor: pointer;background: var(--surface);color: var(--ink-2);border: 1px solid var(--border);border-radius: var(--r-pill);padding: 7px 14px}.tableur th,.tableur td{border: 1px solid #DDDFD8;padding: 5px 9px;white-space: nowrap;max-width: 380px;overflow: hidden;text-overflow: ellipsis}.tableur td.nombre{text-align: right;font-family: var(--f-mono);font-variant-numeric: tabular-nums}.tableur tr > .repere:first-child{left: 0;z-index: 2}.diapo-texte p:last-child{margin-bottom: 0}.diapo-texte p.puce{position: relative;padding-left: 1.1em}.diapo-texte p.puce::before{content: '•';position: absolute;left: 0;top: 0;font-size: var(--taille-puce,1em);color: #55594F}.diapo-tableau table{border-collapse: collapse;width: 100%}.diapo-tableau th,.diapo-tableau td{border: 1px solid #DDDFD8;padding: .3em .5em;text-align: left}.diapo-tableau th{background: #F3F4F1;font-weight: 600}.perso > summary::-webkit-details-marker{display: none}.perso > summary::before{content: "+";font-family: var(--f-mono)}.perso[open] > summary::before{content: "−"}.perso input[type=color]{width: 100%;height: 34px;padding: 2px;border: 1px solid var(--champ-ligne);border-radius: var(--r-s);background: var(--surface);cursor: pointer}.perso input[type=file]{font-size: var(--t-xs);color: var(--ink-2)}#alerte:not(:empty){margin-top: var(--e-3)}@media (max-width: 640px){.qr-atelier{grid-template-columns: 1fr}.qr-sortie{min-width: 0}}.chiffre .valeur{font-family: var(--f-mono);font-size: var(--t-l);font-weight: 600}.arguments{display: grid;grid-template-columns: repeat(auto-fit,minmax(230px,1fr));gap: var(--e-5) var(--e-6)}@media (min-width: 641px) and (max-width: 1119px){.arguments{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.zone-enveloppe:hover .etiquette{transform: rotate(var(--pente)) scale(1.04)}}.depot .depot-icone{animation: mtb-flotte 1.9s ease-in-out infinite}@keyframes mtb-flotte{0%,100%{transform: translateY(0)}50%{transform: translateY(-6px)}}.depot.survol .depot-icone{animation: none}@media (prefers-reduced-motion: reduce){.depot .depot-icone{animation: none}}.depot .btn.principal:hover{filter: brightness(.92)}.bandeau::-webkit-scrollbar{display: none}.bandeau > .outil .ico svg{width: 26px;height: 26px}.bandeau > .outil .titre{font-size: var(--t-l);line-height: 1.25;margin-bottom: 0}.bandeau > .outil .txt{font-size: var(--t-s);line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.bandeau > .outil:hover{transform: translateY(-3px);box-shadow: var(--ombre)}.bandeau > .outil:hover .ico{transform: scale(1.08)}@media (max-width: 560px){.bandeau > .outil{min-height: 150px;padding: var(--e-3);gap: var(--e-2)}.bandeau > .outil .ico{width: 40px;height: 40px}.bandeau > .outil .ico svg{width: 21px;height: 21px}.bandeau > .outil .titre{font-size: var(--t-m)}.bandeau > .outil .txt{font-size: var(--t-xs);-webkit-line-clamp: 2}}@media (max-width: 400px){.bandeau > .outil .titre{font-size: var(--t-s)}}@media (prefers-reduced-motion: reduce){.bandeau{scroll-behavior: auto}.bandeau > .outil,.bandeau > .outil .ico{transition: none}.bandeau > .outil:hover{transform: none}.bandeau > .outil:hover .ico{transform: none}}.recadre-scene img{display: block;max-width: 100%;height: auto}.recadre-cadre:focus-visible{outline: 3px solid var(--violet);outline-offset: 2px}.recadre-cadre::before{content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(to right,transparent calc(33.33% - .5px),rgba(255,255,255,.45) calc(33.33% - .5px),rgba(255,255,255,.45) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(to right,transparent calc(66.66% - .5px),rgba(255,255,255,.45) calc(66.66% - .5px),rgba(255,255,255,.45) calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(to bottom,transparent calc(33.33% - .5px),rgba(255,255,255,.45) calc(33.33% - .5px),rgba(255,255,255,.45) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(to bottom,transparent calc(66.66% - .5px),rgba(255,255,255,.45) calc(66.66% - .5px),rgba(255,255,255,.45) calc(66.66% + .5px),transparent calc(66.66% + .5px))}.poignee-cadre.ht-g{left: -11px;top: -11px;cursor: nwse-resize}.poignee-cadre.ht-d{right: -11px;top: -11px;cursor: nesw-resize}.poignee-cadre.bs-g{left: -11px;bottom: -11px;cursor: nesw-resize}.poignee-cadre.bs-d{right: -11px;bottom: -11px;cursor: nwse-resize}.scene-cadre img{display: block;max-width: 100%;height: auto}.scene-cadre.caviardage{cursor: crosshair;touch-action: none;user-select: none}.zone-champ.case > b{background: var(--lime-trait)}.zone-champ > b{position: absolute;top: -1.5px;left: -1.5px;font: 600 10px/1.5 var(--f-titre);padding: 0 4px;color: var(--sur-violet);background: var(--violet);border-radius: 2px 0 2px 0}.voile{position: absolute;background: color-mix(in srgb,var(--ink) 45%,transparent);pointer-events: none}.voile.haut{top: 0;left: 0;right: 0}.voile.bas{bottom: 0;left: 0;right: 0}.voile.gauche{top: 0;bottom: 0;left: 0}.voile.droite{top: 0;bottom: 0;right: 0}.marque-signature{position: absolute;width: 18px;height: 18px;margin: -9px 0 0 -9px;border: 2px solid var(--violet);border-radius: 50%;background: color-mix(in srgb,var(--violet) 22%,transparent);pointer-events: none}.avertissement-materiel{margin-top: var(--e-5);padding: var(--e-5);border: 1px solid var(--violet-ligne);border-radius: var(--r);background: var(--violet-doux)}.avertissement-materiel h2{font-size: var(--t-l);margin: 0 0 var(--e-3)}.avertissement-materiel p{font-size: var(--t-s);color: var(--ink-2);margin-bottom: var(--e-3)}.voyant .point{width: 9px;height: 9px;border-radius: 50%;flex: none;background: var(--ink-3)}.voyant[data-etat="enregistre"] .point{background: var(--alerte);animation: mtb-voyant 1.4s ease-in-out infinite}.voyant[data-etat="pause"] .point{background: var(--ink-2)}@keyframes mtb-voyant{0%,100%{opacity: 1}50%{opacity: .25}}.retour-camera video{display: block;width: 100%;height: auto;transform: scaleX(-1)}.vignette-image img{display: block;width: 100%;height: 120px;object-fit: contain;border-radius: var(--r-s);background: conic-gradient(from 90deg at 50% 50%,var(--surface-2) 25%,transparent 0 50%,var(--surface-2) 0 75%,transparent 0) 0 0 / 14px 14px}.page-vignette img{display: block;width: 100%;height: auto;border-radius: 3px;border: 1px solid var(--border);pointer-events: none}.page-vignette.deplacee{opacity: .4;cursor: grabbing}.page-vignette.cible{border-color: var(--violet);box-shadow: 0 0 0 2px var(--violet-doux)}.liseuse{margin-top: var(--e-5);border: 1px solid var(--border-fort);border-radius: var(--r);background: var(--surface);overflow: hidden;box-shadow: var(--ombre-douce)}.liseuse-tete h2{font-size: var(--t-l);margin: 0}.liseuse-corps img{max-width: 100%;height: auto}.liseuse-corps h1,.liseuse-corps h2,.liseuse-corps h3{color: inherit;margin: 1.4em 0 .5em}.liseuse-corps p{margin-bottom: .9em}.pseudo:focus-visible{outline: 2px solid var(--violet);outline-offset: 2px}@media (prefers-reduced-motion: reduce){.voyant[data-etat="enregistre"] .point{animation: none}.vignette-image,.pseudo{transition: none}.vignette-image:hover{transform: none}}.sans-js{margin: 0;padding: var(--e-3) var(--e-4);background: var(--alerte-doux);color: var(--alerte);border-bottom: 1px solid var(--alerte-ligne);font-size: var(--t-s);line-height: 1.6;text-align: center}.sans-js b{display: block;margin-bottom: 3px;font-size: var(--t-m)}@media (max-width: 640px){.sans-js{padding: var(--e-2) var(--e-3);font-size: var(--t-xs);line-height: 1.5;text-align: left}.sans-js b{font-size: var(--t-s)}.sans-js-detail{display: none}}.page:is(.f-pdf,.f-conv,.f-img,.f-lire,.f-enr) > .chapo{text-align: center;padding-bottom: clamp(150px,18vh,190px)}.page:is(.f-pdf,.f-conv,.f-img,.f-lire,.f-enr) > .chapo p:not(.mascotte-coin){margin-inline: auto}.page:is(.f-pdf,.f-conv,.f-img,.f-lire,.f-enr) > .chapo h1{max-width: 22ch;margin-inline: auto;font-size: clamp(2rem,3.7vw,3.3rem);line-height: 1.04;letter-spacing: -0.035em}.chapo + :is(.zone-enveloppe,.reglages,.etroit){position: relative;z-index: 1;margin-top: -128px}.depot{background: var(--verre);border: 1.5px dashed color-mix(in srgb,var(--ink) 26%,transparent);border-radius: 26px;box-shadow: var(--ombre-verre);backdrop-filter: blur(16px) saturate(1.2);-webkit-backdrop-filter: blur(16px) saturate(1.2)}.depot:hover{border-color: var(--fam,var(--cuivre));transform: translateY(-2px)}.depot.survol{border-style: solid;border-color: var(--fam,var(--cuivre));box-shadow: 0 0 0 5px var(--fam-doux,var(--cuivre-doux)),var(--ombre-verre)}.depot-icone{width: 56px;height: 56px;border-radius: 16px}.depot-icone svg{width: 26px;height: 26px}.depot h2{font: 700 clamp(1.4rem,2vw,1.75rem)/1.15 var(--f-titre);letter-spacing: -0.025em}.depot .btn.principal{min-height: 52px;padding-inline: 28px}.page:is(.f-pdf,.f-conv,.f-img,.f-lire,.f-enr) .btn.principal{background: var(--fam);color: var(--sur-fam);box-shadow: 0 6px 0 -2px color-mix(in srgb,var(--fam) 55%,#000)}.page:is(.f-pdf,.f-conv,.f-img,.f-lire,.f-enr) .btn.principal:hover{background: color-mix(in srgb,var(--fam) 86%,#000);color: var(--sur-fam);filter: none;box-shadow: 0 8px 0 -2px color-mix(in srgb,var(--fam) 55%,#000)}.page:is(.f-pdf,.f-conv,.f-img,.f-lire,.f-enr) .btn.principal:active{box-shadow: 0 2px 0 -2px color-mix(in srgb,var(--fam) 55%,#000)}.etiquette{background: var(--cuivre);color: var(--sur-cuivre);box-shadow: 0 8px 18px -10px color-mix(in srgb,var(--cuivre) 70%,#000)}.reglages,.fichier,.avertissement-materiel{background: var(--verre);border: 1px solid var(--verre-filet);box-shadow: 0 14px 34px -26px rgba(20,30,45,.5);backdrop-filter: blur(14px) saturate(1.15);-webkit-backdrop-filter: blur(14px) saturate(1.15)}.reglages{border-radius: var(--r-carte);padding: 18px 20px}.avertissement-materiel{border-radius: var(--r-carte)}.fichier{border-radius: 16px}#bilan:not(:empty){margin-top: var(--e-4)}.lot-progression:has(+ .etroit){max-width: var(--etroit);margin-inline: auto}.niveaux label[data-repere]::after{background: var(--cuivre);color: var(--sur-cuivre)}.page:is(.f-pdf,.f-conv,.f-img,.f-lire,.f-enr) > .section:has(.bandeau){padding: clamp(20px,3vw,32px);border-radius: var(--r-carte);background: var(--verre);border: 1px solid var(--verre-filet);box-shadow: var(--ombre-verre);backdrop-filter: blur(14px) saturate(1.15);-webkit-backdrop-filter: blur(14px) saturate(1.15)}.page:is(.f-pdf,.f-conv,.f-img,.f-lire,.f-enr) > .contenu{margin-inline: auto}@media (max-width: 899px){.page:is(.f-pdf,.f-conv,.f-img,.f-lire,.f-enr) > .chapo{padding-bottom: 118px}.page:is(.f-pdf,.f-conv,.f-img,.f-lire,.f-enr) > .chapo h1{font-size: clamp(1.85rem,7.4vw,2.4rem)}.chapo + :is(.zone-enveloppe,.reglages,.etroit){margin-top: -70px}}.editeur{max-width: 980px;margin: var(--e-5) auto 0;display: flex;flex-direction: column;gap: 12px}.barre-edition{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 14px;padding: 12px 14px;border-radius: var(--r-carte);background: var(--verre);border: 1px solid var(--verre-filet);box-shadow: 0 14px 34px -26px rgba(20,30,45,.5);backdrop-filter: blur(14px) saturate(1.15);-webkit-backdrop-filter: blur(14px) saturate(1.15)}.barre-edition .groupe{display: flex;flex-wrap: wrap;align-items: center;gap: 6px}.barre-edition .groupe + .groupe{padding-left: 14px;border-left: 1px solid var(--border)}.outil-edition{display: inline-flex;align-items: center;gap: 6px;min-height: 36px;padding: 6px 10px;border: 1px solid var(--border);border-radius: 10px;background: var(--surface);color: var(--ink);font: 500 var(--t-s)/1.2 var(--f-texte);cursor: pointer}.outil-edition svg{width: 18px;height: 18px;flex: none}.outil-edition:hover{border-color: var(--border-fort)}.outil-edition[aria-pressed="true"]{background: var(--cuivre);border-color: var(--cuivre);color: var(--sur-cuivre)}.outil-edition:disabled{opacity: .45;cursor: default}.outil-edition:focus-visible,.nuancier input:focus-visible + label{outline: 2px solid var(--cuivre);outline-offset: 2px}.barre-edition select{min-height: 36px;width: auto}@media (min-width: 900px){.barre-edition{position: sticky;top: 92px;z-index: 5}}.nuancier{display: flex;gap: 5px}.nuancier input{position: absolute;opacity: 0;pointer-events: none}.nuancier label{width: 26px;height: 26px;border-radius: 50%;cursor: pointer;background: var(--teinte);border: 2px solid var(--surface);box-shadow: 0 0 0 1px var(--border-fort)}.nuancier input:checked + label{box-shadow: 0 0 0 2px var(--cuivre)}.barre-edition .aide-edition{flex: 1 1 100%;margin: 0;font-size: var(--t-xs);color: var(--ink-2)}.scene-cadre.edition{touch-action: none;user-select: none;-webkit-user-select: none}.scene-cadre.edition:focus-visible{outline: 2px solid var(--cuivre);outline-offset: 3px}.calque-edition{position: absolute;inset: 0;width: 100%;height: 100%;overflow: visible}.calque-edition[data-outil="selection"]{cursor: default}.calque-edition[data-outil="texte"]{cursor: text}.calque-edition:not([data-outil="selection"]):not([data-outil="texte"]){cursor: crosshair}.calque-edition .objet{cursor: move}.calque-edition .cadre-choisi{fill: none;stroke: var(--cuivre);pointer-events: none}.calque-edition .poignee{fill: #FFFFFF;stroke: var(--cuivre);stroke-width: 1.5;vector-effect: non-scaling-stroke;cursor: nwse-resize}.calque-edition .poignee[data-poignee="hd"],.calque-edition .poignee[data-poignee="bg"]{cursor: nesw-resize}.calque-edition .poignee[data-poignee^="p"]{cursor: grab}.saisie-texte{position: absolute;margin: 0;padding: 0;border: 0;outline: 1.5px dashed var(--cuivre);outline-offset: 2px;background: rgba(255,255,255,.55);resize: none;overflow: hidden;white-space: pre;z-index: 2}@media (max-width: 640px){.barre-edition .groupe + .groupe{padding-left: 0;border-left: 0}.outil-edition .libelle-long{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}}.emplacements{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}.emplacements input{width: 100%;min-width: 0}.emplacements input:nth-of-type(2){text-align: center}.emplacements input:nth-of-type(3){text-align: right}@media (max-width: 640px){.emplacements{grid-template-columns: 1fr}.emplacements input{text-align: left !important}}.aide-variables{margin: 4px 0 0;font-size: var(--t-xs);line-height: 1.6;color: var(--ink-2)}.aide-variables code{font-size: inherit;color: var(--ink)}.comparaison{max-width: 900px;margin: var(--e-5) auto 0}.comparaison > h2{margin: var(--e-5) 0 var(--e-2)}.bloc-diff{margin-bottom: 10px;padding: 12px 16px;border-radius: 14px;background: var(--verre);border: 1px solid var(--verre-filet)}.bloc-diff p{margin: 0;font-size: var(--t-m);line-height: 1.6;color: var(--ink);overflow-wrap: anywhere}.page-diff{font-size: var(--t-xs);color: var(--ink-2);margin-bottom: 4px}.diff-ajout,.diff-retire{border-radius: 3px;padding: 0 2px;color: var(--ink)}.diff-ajout{background: color-mix(in srgb,#1A9646 24%,transparent);text-decoration: none}.diff-retire{background: color-mix(in srgb,#D62828 20%,transparent);text-decoration: line-through;text-decoration-color: #B42020}.legende-comparaison{font-size: var(--t-s);color: var(--ink-2);display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.pastille-diff{display: inline-block;width: 12px;height: 12px;border-radius: 3px}.pastille-diff.retire{background: #D62828}.pastille-diff.ajout{background: #1A9646}.vignettes-diff{grid-template-columns: repeat(auto-fill,minmax(240px,1fr))}.vignettes-diff .vignette .cadre img{max-height: 420px}