.pin,.bulle,.zone{cursor:pointer;background:0 0;border:0;padding:0}.pin{width:28px;height:28px}.pin-rond{background:var(--c);width:28px;height:28px;color:var(--nuit);box-shadow:0 0 0 2.5px var(--nuit), 0 5px 12px #06051a99;transition:transform var(--vite) var(--glisse);animation:repere-pose .32s var(--glisse) backwards;border-radius:50%;place-items:center;display:grid}.pin-rond svg{width:15px;height:15px}.pin[data-fiabilite=fan] .pin-rond{background:var(--nuit);color:var(--c);box-shadow:inset 0 0 0 2.5px var(--c), 0 0 0 2px var(--nuit), 0 5px 12px #06051a99}.pin[data-fiabilite=inconnue] .pin-rond{border:2px dashed var(--c);color:var(--c);box-shadow:0 0 0 2px var(--nuit), 0 5px 12px #06051a99;background:#14122be6}.pin-nom{border-radius:var(--pilule);color:var(--ecume);font-family:var(--texte);font-size:var(--t-12);white-space:nowrap;opacity:0;transition:opacity var(--vite);pointer-events:none;background:#14122be6;padding:2px 9px;font-weight:600;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%)}.z-noms .pin-nom,.pin:hover .pin-nom,.pin:focus-visible .pin-nom,.pin.survol .pin-nom,.pin.choisi .pin-nom{opacity:1}.pin:hover,.pin.survol{z-index:3}.pin:hover .pin-rond,.pin.survol .pin-rond{transform:scale(1.16)}.pin.choisi{z-index:4}.pin.choisi .pin-rond{transform:scale(1.28)}.pin.choisi .pin-nom{background:var(--ecume);color:var(--nuit);top:calc(100% + 9px)}.pin.choisi:before{content:"";border:1.5px dashed var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);pointer-events:none;border-radius:50%;animation:2.6s ease-in-out infinite halo;position:absolute;inset:-22px}@keyframes halo{50%{opacity:.55;transform:scale(1.14)}}@keyframes repere-pose{0%{opacity:0;transform:scale(.3)}}.bulle{width:36px;height:36px;position:relative}.bulle-rond{background:var(--prune);width:36px;height:36px;color:var(--ecume);font-family:var(--titre);box-shadow:inset 0 0 0 2px var(--ecume), 0 0 0 2.5px var(--nuit), 0 5px 14px #06051a99;transition:transform var(--vite) var(--glisse);animation:repere-pose .32s var(--glisse) backwards;border-radius:50%;place-items:center;font-size:.9rem;font-weight:800;font-stretch:120%;display:grid}.bulle:hover .bulle-rond{transform:scale(1.1)}.bulle-vc{z-index:2;width:58px;height:58px}.bulle-vc .bulle-rond{background:var(--couchant);width:58px;height:58px;color:var(--nuit);box-shadow:0 0 0 3px var(--nuit), 0 0 34px #ff5c9aa6;font-size:1.45rem;font-weight:900}.bulle-vc:before{content:"";border:2px solid var(--flamant);pointer-events:none;border-radius:50%;animation:2.4s ease-out infinite onde;position:absolute;inset:-6px}@keyframes onde{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.7)}}.bulle-nom{white-space:nowrap;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.bulle-nom,.zone span{font-family:var(--titre);letter-spacing:.14em;text-transform:uppercase;color:var(--ecume);text-shadow:0 0 3px var(--nuit), 0 0 3px var(--nuit), 0 1px 10px #06051af2, 0 0 22px #06051ae6;font-size:1.2rem;font-weight:800}.zone{padding:6px 10px}.zone span{transition:transform var(--vite) var(--glisse);display:block}.zone:hover span,.zone.survol span,.zone.choisi span{background:var(--couchant);color:#0000;text-shadow:none;filter:drop-shadow(0 1px 6px #06051af2);-webkit-background-clip:text;background-clip:text;transform:scale(1.06)}.z-etat .zone span,.z-etat .bulle-nom{font-size:1rem}.page-charte{--colonne:min(1080px, 100% - 48px)}.ch-tete{z-index:10;justify-content:space-between;align-items:center;gap:var(--e-4);border-bottom:1px solid var(--trait);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#14122be0;padding:14px max(24px,50% - 540px);display:flex;position:sticky;top:0}.ch-tete nav{font-size:var(--t-14);gap:20px;font-weight:600;display:flex}.ch-tete nav a{color:var(--brume);text-decoration:none}.ch-tete nav a[aria-current],.ch-tete nav a:hover{color:var(--ecume)}.ch-ouverture{isolation:isolate;padding:clamp(56px,11vw,132px) max(24px,50% - 540px) clamp(72px,12vw,150px);position:relative;overflow:hidden}.ch-sur{color:var(--brume);font-size:var(--t-14)}.ch-ouverture h1{margin-top:var(--e-3);font-size:clamp(2.6rem,9vw,6.75rem)}.ch-chapo{max-width:56ch;margin-top:var(--e-5);font-size:var(--t-18);line-height:1.6}.ch-ciel{z-index:-1;aspect-ratio:1;background:linear-gradient(var(--soleil), var(--mangue) 30%, var(--corail) 50%, var(--flamant) 72%, var(--ultraviolet));opacity:.9;filter:saturate(1.05);border-radius:50%;width:min(620px,70vw);position:absolute;bottom:-46%;right:-6%;-webkit-mask-image:repeating-linear-gradient(#000 0 22px,#0000 22px 30px);mask-image:repeating-linear-gradient(#000 0 22px,#0000 22px 30px)}.ch-ouverture:after{content:"";z-index:-1;background:linear-gradient(90deg, var(--nuit) 30%, #14122b33);position:absolute;inset:0}.ch-sommaire{width:var(--colonne);border-top:1px solid var(--trait);border-bottom:1px solid var(--trait);flex-wrap:wrap;gap:8px;margin:0 auto;padding:18px 0;display:flex}.ch-sommaire a{border:1px solid var(--trait);border-radius:var(--pilule);font-size:var(--t-14);padding:5px 14px;font-weight:600;text-decoration:none}.ch-sommaire a:hover{border-color:var(--flamant)}.ch-section{width:var(--colonne);margin:0 auto;padding:clamp(48px,8vw,96px) 0 0;scroll-margin-top:60px}.ch-section>h2{font-size:clamp(2rem,5vw,3rem)}.ch-section>h3{margin-top:var(--e-6);font-size:var(--t-18);font-weight:700}.ch-intro{max-width:65ch;margin-top:var(--e-4);color:var(--brume);font-size:var(--t-18)}.ch-note{max-width:68ch;margin-top:var(--e-3);color:var(--brume);font-size:var(--t-14)}.ch-section code{background:var(--prune);border-radius:5px;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.86em}.ch-principes{gap:var(--e-5);margin-top:var(--e-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.ch-principes article{padding-top:var(--e-4);border-top:2px solid var(--flamant)}.ch-principes article:nth-child(2){border-color:var(--mangue)}.ch-principes article:nth-child(3){border-color:var(--lagon)}.ch-principes h3{font-size:var(--t-18);font-weight:700}.ch-principes p{margin-top:var(--e-2);color:var(--brume)}.ch-regles{max-width:72ch;margin-top:var(--e-5);gap:10px;display:grid}.ch-regles li{padding-left:22px;position:relative}.ch-regles li:before{content:"";background:var(--couchant);border-radius:2px;width:9px;height:2px;position:absolute;top:.62em;left:2px}.ch-logos{gap:var(--e-4);margin-top:var(--e-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.ch-logos figure{place-items:center;gap:var(--e-5);min-height:210px;padding:var(--e-6) var(--e-4) var(--e-4);border:1px solid var(--trait);border-radius:var(--rayon-l);margin:0;display:grid}.ch-logo-prune{background:var(--prune)}.ch-logos .logo svg{width:34px;height:43px}.ch-logos .logo-mot{font-size:1.7rem}.ch-logo-seul svg{width:62px}.ch-logos figcaption{color:var(--brume);font-size:var(--t-13);text-align:center;align-self:end}#nuanciers h3{margin-top:var(--e-6);font-size:var(--t-16);font-weight:700}.ch-nuancier{gap:var(--e-3);margin-top:var(--e-3);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.ch-teinte{border-radius:var(--rayon-m);min-height:148px;color:var(--ecume);text-align:left;transition:transform var(--vite) var(--glisse);border:1px solid #ffffff1f;align-content:end;gap:2px;padding:14px;display:grid}.ch-teinte:hover{transform:translateY(-3px)}.ch-teinte.claire{color:var(--nuit)}.ch-teinte b{font-family:var(--titre);font-size:1.05rem;font-weight:800;font-stretch:125%}.ch-teinte code,.ch-teinte span{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--t-12);background:0 0;padding:0}.ch-teinte span{opacity:.72}.ch-teinte small{font-size:var(--t-12);opacity:.9;margin-top:6px;line-height:1.3}.ch-degrade{margin-top:var(--e-6)}.ch-degrade-bande{border-radius:var(--rayon-m);background:var(--couchant);height:84px}.ch-degrade p{margin-top:var(--e-3);color:var(--brume);font-size:var(--t-14)}.ch-degrade b{color:var(--ecume)}.ch-typo{gap:var(--e-5);margin-top:var(--e-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.ch-typo article{padding:var(--e-5);border:1px solid var(--trait);border-radius:var(--rayon-l);background:var(--nuit-haute)}.ch-typo-nom{color:var(--brume);font-size:var(--t-14);font-weight:600}.ch-typo-xl{margin-top:var(--e-4);font-size:clamp(2.6rem,6vw,4.5rem)}.ch-typo-l{margin-top:var(--e-2);padding-right:.1em;font-size:clamp(1.6rem,3.6vw,2.6rem)}.ch-typo-texte{margin-top:var(--e-4);font-size:var(--t-18);line-height:1.55}.ch-echelle{width:100%;max-width:720px;margin-top:var(--e-6);border-collapse:collapse;font-size:var(--t-14)}.ch-echelle caption{padding-bottom:var(--e-2);color:var(--brume);text-align:left;font-weight:600}.ch-echelle th,.ch-echelle td{border-bottom:1px solid var(--trait);text-align:left;padding:9px 12px 9px 0}.ch-echelle th{color:var(--brume);font-weight:600}.ch-echelle td:nth-child(2){font-variant-numeric:tabular-nums}.ch-rang{margin-top:var(--e-4);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ch-reperes{gap:var(--e-5);margin-top:var(--e-4);padding:var(--e-6) var(--e-5);border:1px solid var(--trait);border-radius:var(--rayon-l);background:#3a3560;display:grid}.ch-reperes-rang{gap:var(--e-5) var(--e-6);flex-wrap:wrap;display:flex}.ch-repere{align-content:start;justify-items:center;gap:12px;min-width:96px;display:grid}.ch-repere .pin,.ch-repere .bulle{cursor:default;display:block;position:relative}.ch-repere .zone{cursor:default;padding:4px 0;display:block}.ch-repere small{max-width:14ch;font-size:var(--t-12);text-align:center;line-height:1.3}.ch-repere:has(.bulle-vc){gap:16px}.ch-carte-palette{gap:var(--e-3);margin-top:var(--e-6);grid-template-columns:repeat(auto-fill,minmax(118px,1fr));display:grid}.ch-carte-palette div{font-size:var(--t-13);gap:3px;display:grid}.ch-carte-palette i{border-radius:var(--rayon-s);border:1px solid #ffffff1f;height:62px;margin-bottom:5px}.ch-carte-palette code{color:var(--brume);background:0 0;justify-self:start;padding:0}.ch-ton{gap:var(--e-3);margin-top:var(--e-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.ch-ton div{padding:var(--e-4) var(--e-5);border:1px solid var(--trait);border-radius:var(--rayon-m);background:var(--nuit-haute)}.ch-oui,.ch-non{font-size:var(--t-13);margin-bottom:6px;font-weight:700}.ch-oui{color:var(--lagon)}.ch-non{color:var(--corail)}.ch-pied{width:var(--colonne);padding:var(--e-5) 0 var(--e-7);border-top:1px solid var(--trait);color:var(--brume);font-size:var(--t-13);margin:clamp(64px,10vw,120px) auto 0}
