*{box-sizing:border-box}[hidden]{display:none!important}html{background:#140e1a}body{color:#fff4e0;font-variant-ligatures:none;background:radial-gradient(90% 50% at 50% 0,#ffaa5a2e,#0000 70%),linear-gradient(#2a1d36,#140e1a 60%);min-height:100vh;margin:0;padding:0 16px 40px;font-family:Pixelify Sans,system-ui,sans-serif;font-size:17px;line-height:1.4}code{color:#ffd27a;font-family:ui-monospace,Menlo,monospace;font-size:.85em}.entete{max-width:1100px;margin:0 auto;padding:28px 0 8px}.entete h1{color:#ffd27a;text-shadow:0 3px #6a3a14;margin:0 0 6px;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.entete p{color:#e9d6b8;margin:0 0 14px}.filtres{flex-wrap:wrap;gap:8px;display:flex}.filtres a{color:#ffd27a;border:1px solid #ffd27a66;border-radius:999px;padding:5px 12px;text-decoration:none}.filtres a:hover{background:#ffd27a1f}.filtres a[aria-current=page]{color:#2a1a10;background:#ffd27a;border-color:#ffd27a}.filtres a:last-child{border-color:#0000;margin-left:auto}main{max-width:1100px;margin:0 auto}h2{color:#ffd27a;margin:26px 0 12px;font-size:1.5rem}.grille{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;display:grid}.perso{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px 10px}.perso h3{margin:0 0 8px;font-size:1.2rem;line-height:1.1}.perso small{color:#c8b8a8;margin-top:2px;font-size:.75rem;font-weight:500;display:block}.styles{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.styles figure{text-align:center;margin:0}.styles canvas{aspect-ratio:1;object-fit:contain;background:radial-gradient(circle,#ffecbe38,#ffecbe00 68%);border-radius:50%;width:100%;display:block}.styles figure[data-style=pixel] canvas{image-rendering:pixelated;border-radius:0;padding:14%}.styles figcaption{color:#a8988c;margin-top:2px;font-size:.75rem}.ateliers{width:640px;height:400px;position:fixed;top:0;left:-10000px;overflow:hidden}@media (width<=400px){.grille{grid-template-columns:1fr}.filtres a:last-child{margin-left:0}}.entete,.choix,.atelier,.tour{max-width:1500px}.entete p{max-width:900px}.choix{flex-wrap:wrap;align-items:end;gap:8px 12px;margin:6px auto 12px;display:flex}.choix-liste{color:#c8b8a8;flex-direction:column;gap:2px;font-size:.8rem;display:flex}.choix-liste select,.panneau button{font:inherit;color:#fff4e0;background:#2a1d36;border:1px solid #ffd27a59;border-radius:8px;padding:5px 8px;font-size:.9rem}.choix-case{align-items:center;gap:6px;padding-bottom:6px;display:flex}.choix-case input{accent-color:#ffb547;width:1.1em;height:1.1em}.choix select:focus-visible,.panneau button:focus-visible,.panneau input:focus-visible{outline-offset:2px;outline:3px solid #ffd27a}.atelier{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;margin:0 auto;display:grid}.vue{aspect-ratio:16/10;background:#000;border:1px solid #ffffff1f;border-radius:10px;position:relative;overflow:hidden}.vue canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.vue .zebrures{z-index:2;pointer-events:none}.mesures{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:center;gap:6px 14px;margin-top:10px;display:grid}.mesure{background:#ffffff0d;border-radius:8px;justify-content:space-between;gap:8px;margin:0;padding:4px 10px;display:flex}.mesure span{color:#c8b8a8}.mesure.attention{background:#ffb43c2e}.mesure.trop{background:#ff463247}.histogramme{width:100%;max-width:256px;height:56px;image-rendering:pixelated;background:#0000004d;border-radius:6px}.legende-histo{color:#a8988c;margin:0;font-size:.75rem}.panneau{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;max-height:calc(100vh - 20px);padding:12px 14px;position:sticky;top:10px;overflow:auto}.panneau h2{margin:0 0 10px;font-size:1.15rem}.reglage{grid-template-columns:1fr 1fr 3.4em;align-items:center;gap:6px;margin-bottom:6px;font-size:.82rem;display:grid}.reglage .nom{color:#e9d6b8;line-height:1.15}.reglage input[type=range]{accent-color:#ffb547;width:100%}.reglage input[type=color]{background:0 0;border:1px solid #fff3;border-radius:6px;width:100%;height:24px;padding:0}.reglage output{font-variant-numeric:tabular-nums;color:#c8b8a8;text-align:right;font-size:.75rem;overflow:hidden}.groupe{border:1px solid #ffd27a33;border-radius:8px;margin:4px 0 10px;padding:6px 8px 2px}.groupe legend{color:#ffd27a;padding:0 4px;font-size:.82rem}.actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.panneau button{cursor:pointer;background:#ffffff14}.panneau button:hover{background:#ffd27a29}.panneau button.principal{color:#2a1a10;background:#ffd27a;border-color:#ffd27a}.note,.etat-enregistrement{color:#c8b8a8;margin:8px 0 0;font-size:.8rem}.etat-enregistrement.erreur{color:#ffb0a0}.tour{margin:20px auto 0}.resultats{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.85rem}.resultats th{text-align:left;color:#c8b8a8;padding:4px 8px;font-weight:500}.resultats td{border-top:1px solid #ffffff14;padding:4px 8px}.resultats td.attention{background:#ffb43c2e}.resultats td.trop{background:#ff463247}@media (width<=900px){.atelier{grid-template-columns:1fr}.panneau{max-height:none;position:static}}.bande-textures{flex-wrap:wrap;gap:8px 20px;max-width:1500px;margin:4px auto 6px;display:flex}.famille{flex-direction:column;gap:4px;display:flex}.nom-famille{color:#c8b8a8;font-size:.75rem}.vignettes{flex-wrap:wrap;gap:6px;display:flex}.vignette{width:76px;font:inherit;color:#e9d6b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:5px 3px 4px;font-size:.68rem;line-height:1.1;display:flex;position:relative}.vignette canvas{width:48px;height:48px;image-rendering:pixelated;border-radius:3px}.vignette:hover{background:#ffd27a1f}.vignette[aria-pressed=true]{color:#fff4e0;background:#ffd27a2e;border-color:#ffd27a}.vignette:focus-visible{outline-offset:2px;outline:3px solid #ffd27a}.vignette.modifiee:after{content:"";background:#ffd27a;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.bouton-avant{font:inherit;color:#fff4e0;cursor:pointer;background:#2a1d36;border:1px solid #ffd27a59;border-radius:8px;margin-bottom:1px;padding:5px 10px;font-size:.9rem}.bouton-avant[aria-pressed=true]{color:#2a1a10;background:#ffd27a;border-color:#ffd27a}.bouton-avant:focus-visible{outline-offset:2px;outline:3px solid #ffd27a}.info-vue{color:#c8b8a8;margin:6px 0 0;font-size:.8rem}.apercus{flex-wrap:wrap;align-items:end;gap:14px;margin-top:12px;display:flex}.apercus figure{margin:0}.apercus canvas{max-width:100%;image-rendering:pixelated;border:1px solid #ffffff1f;border-radius:6px;display:block}.apercus figcaption{color:#c8b8a8;margin-top:4px;font-size:.78rem}.legende-mesures{color:#a8988c;grid-column:1/-1;margin:0;font-size:.75rem}.recette h3{color:#ffd27a;margin:12px 0 6px;font-size:.95rem;font-weight:500}.recette .aide{color:#a8988c;margin:0 0 6px;font-size:.72rem;line-height:1.3}.rampe{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;display:flex}.nom-rampe{color:#e9d6b8;min-width:4.6em;font-size:.8rem}.rampe input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:5px;width:30px;height:24px;padding:0}.panneau button.petit{padding:1px 8px;font-size:.85rem;line-height:1.4}.couche{position:relative}.outils-couche{gap:3px;display:flex;position:absolute;top:-12px;right:6px}.reglage select,.reglage input:not([type]),.ajout-couche select{width:100%;font:inherit;color:#fff4e0;background:#2a1d36;border:1px solid #ffd27a59;border-radius:6px;padding:3px 6px;font-size:.8rem}.ajout-couche{gap:6px;margin:2px 0 10px;display:flex}.ajout-couche select{flex:1;width:auto}.recette .choix-case{padding:2px 0;font-size:.82rem}.atelier{grid-template-columns:minmax(0,1fr) 400px}.cote-vue h2{margin:0 0 2px;font-size:1.4rem}.bande-niveaux{flex-wrap:wrap;gap:8px 20px;max-width:1500px;margin:4px auto 6px;display:flex}.carte-niveau{width:148px;font:inherit;text-align:left;color:#e9d6b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:12px 1fr;align-items:center;gap:1px 6px;padding:6px 8px;display:grid;position:relative}.carte-niveau .nom{font-size:.8rem;line-height:1.1}.carte-niveau .infos{color:#a8988c;grid-column:2;font-size:.66rem}.carte-niveau:hover{background:#ffd27a1f}.carte-niveau[aria-pressed=true]{color:#fff4e0;background:#ffd27a2e;border-color:#ffd27a}.carte-niveau:focus-visible{outline-offset:2px;outline:3px solid #ffd27a}.carte-niveau.modifiee:after{content:"";background:#ffd27a;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.pastille{border:1px solid #ffffff4d;border-radius:50%;width:10px;height:10px}.pastille.bien{background:#0ca30c;border-color:#0ca30c}.pastille.attention{background:#fab219;border-color:#fab219}.pastille.trop{background:#d03b3b;border-color:#d03b3b}.graphiques{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.graphique{background:#1d1526;border:1px solid #ffffff14;border-radius:10px;margin:0;padding:10px 12px 8px}.graphique:focus-visible{outline-offset:2px;outline:3px solid #ffd27a}.graphique h3{color:#ffd27a;margin:0;font-size:1rem;font-weight:500}.graphique .sous-titre{color:#a8988c;margin:2px 0 6px;font-size:.72rem;line-height:1.3}.toile{position:relative}.toile canvas{width:100%;height:230px;transition:opacity .2s;display:block}.graphiques.calcul canvas{opacity:.55}.legende{color:#e9d6b8;flex-wrap:wrap;gap:3px 14px;margin:6px 0 0;padding:0;font-size:.75rem;list-style:none;display:flex}.legende li{align-items:center;gap:6px;display:flex}.cle{background:var(--couleur);vertical-align:middle;border-radius:2px;flex:none;width:14px;height:3px;display:inline-block}.cle.barre{border-radius:2px;width:10px;height:10px}.cle.pale{opacity:.4}.cle.croix{background:linear-gradient(45deg, transparent 42%, var(--couleur) 42% 58%, transparent 58%), linear-gradient(-45deg, transparent 42%, var(--couleur) 42% 58%, transparent 58%);border-radius:0;width:10px;height:10px}.bulle{z-index:3;color:#e9d6b8;pointer-events:none;background:#24182ef7;border:1px solid #ffd27a59;border-radius:8px;max-width:300px;padding:6px 9px;font-size:.75rem;line-height:1.35;position:absolute;top:4px;box-shadow:0 4px 14px #0006}.bulle p{align-items:baseline;gap:5px;margin:0;display:flex}.bulle p .cle{align-self:center}.bulle b{color:#fff4e0;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.bulle .titre-bulle{color:#ffd27a;margin-bottom:2px}.tableau-courbes{margin-top:10px;font-size:.85rem}.tableau-courbes summary{cursor:pointer;color:#ffd27a}.tableau-courbes .resultats{font-size:.75rem}.verdict,.vraies{margin-top:14px}.verdict-titre{margin:0 0 4px;font-size:1rem}.verdict-titre b{margin-right:4px}.issue-bien{color:#b9e8a3}.issue-moyen{color:#ffd08a}.issue-mal{color:#ffb0a0}.objectif{margin:0 0 6px;font-size:.9rem}.debutant{color:#e9d6b8;margin:0 0 6px;font-size:.85rem}.conseils{color:#e9d6b8;margin:4px 0 10px;padding-left:20px;font-size:.85rem}.vraies h3{color:#ffd27a;margin:6px 0 4px;font-size:1.05rem;font-weight:500}.vraies>p{margin:0 0 6px;font-size:.88rem}.aide{color:#a8988c;margin:0 0 6px;font-size:.75rem;line-height:1.35}.resultats tr[tabindex]{cursor:pointer}.resultats tr[tabindex]:hover td{background:#ffd27a0f}.resultats tr[tabindex]:focus-visible{outline-offset:-2px;outline:2px solid #ffd27a}.resultats tr.choisi td{background:#ffd27a1f}.resultats td.reference{font-weight:700}.banc td.bien{color:#b9e8a3}.banc td.attention{color:#ffd08a}.banc td.trop{color:#ffb0a0}.avant{color:#a8988c;font-size:.78em}.choix-reglage{margin-bottom:8px}.choix-reglage select{width:100%}.reglages h3{color:#ffd27a;margin:12px 0 6px;font-size:.95rem;font-weight:500}.reglage.reglage-chiffre{border-left:2px solid #0000;grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:2px 8px;margin-bottom:8px;padding-left:6px;display:grid}.reglage-chiffre .nom{cursor:help;grid-column:1/-1}.reglage-chiffre .nom small{color:#a8988c}.reglage-chiffre input[type=number]{width:100%;font:inherit;font-variant-numeric:tabular-nums;color:#fff4e0;background:#2a1d36;border:1px solid #ffd27a59;border-radius:6px;padding:2px 4px;font-size:.8rem}.reglage-chiffre .ancien{color:#ffd27a;grid-column:1/-1;font-size:.72rem}.reglage-chiffre .ancien:empty,.reglage-chiffre .aide-champ{display:none}.reglage-chiffre.modifie{border-left-color:#ffd27a}.reglage-chiffre.modifie .nom{color:#fff4e0}.onglets{flex-wrap:wrap;gap:4px;margin:2px 0 8px;display:flex}.onglets button{padding:2px 8px;font-size:.8rem}.panneau .onglets button[aria-selected=true]{color:#2a1a10;background:#ffd27a;border-color:#ffd27a}.banc-essai h3{color:#ffd27a;margin:14px 0 4px;font-size:.95rem;font-weight:500}.banc{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.75rem}.banc th{color:#c8b8a8;text-align:right;padding:3px 5px;font-weight:500}.banc th:first-child,.banc td:first-child{text-align:left}.banc td{text-align:right;border-top:1px solid #ffffff0f;padding:3px 5px}.banc .rentabilite td{border-top:1px solid #ffd27a4d}.tour h2{margin:16px 0 4px}.tour .resultats td.lien{color:#ffd27a;cursor:pointer;text-underline-offset:2px;text-decoration:underline}@media (width<=1200px){.graphiques{grid-template-columns:1fr}}@media (width<=900px){.atelier{grid-template-columns:1fr}}