@font-face{font-family:"Bree Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bree-serif-latin-400-normal-DFKDEHQE.woff2) format("woff2"),url(/assets/bree-serif-latin-400-normal-Dbaz2OwO.woff) format("woff")}@font-face{font-family:"Bree Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bree-serif-latin-ext-400-normal-amfO-E0k.woff2) format("woff2"),url(/assets/bree-serif-latin-ext-400-normal-CnorAOA2.woff) format("woff")}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/work-sans-latin-400-normal-jUejSri3.woff2) format("woff2"),url(/assets/work-sans-latin-400-normal-DE1_0GuN.woff) format("woff")}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/work-sans-latin-600-normal-DB-2V89X.woff2) format("woff2"),url(/assets/work-sans-latin-600-normal-Cg-NlmS7.woff) format("woff")}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/work-sans-latin-ext-400-normal-zfQnhXzv.woff2) format("woff2"),url(/assets/work-sans-latin-ext-400-normal-j7TZlk-s.woff) format("woff")}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/work-sans-latin-ext-600-normal-DNiHHggD.woff2) format("woff2"),url(/assets/work-sans-latin-ext-600-normal-B1NFRnx8.woff) format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2) format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff) format("woff")}:root{--nuit: #1e1714;--noyer: #2e2420;--noyer-clair: #3d302a;--lisere: #141010;--creme: #f6ecd9;--creme-sombre: #e8d9be;--creme-vive: #fff8ea;--encre: #2a211c;--encre-douce: #6b5a4e;--craie: #f2e6d2;--craie-douce: #c4b4a0;--laiton: #c9a227;--laiton-vitrine: #7a5f12;--laiton-sombre: #8a6d17;--ok: #57b79a;--ok-sombre: #2f6b5a;--alarme: #f04a2a;--alarme-sombre: #7a2413;--rayon: 6px;--rayon-bouton: 10px;--cible: 44px;--relief: 0 3px 0 var(--lisere);--creux: inset 0 2px 0 rgba(0, 0, 0, .22);--filet: inset 0 0 0 1px var(--laiton-vitrine), inset 0 0 0 3px var(--creme);--filet-bois: inset 0 0 0 1px rgba(201, 162, 39, .28);--emaille: var(--filet), var(--relief), 0 10px 22px rgba(0, 0, 0, .35);--court: .11s cubic-bezier(.2, .7, .3, 1);--moyen: .26s cubic-bezier(.2, .7, .3, 1);--lent: .46s cubic-bezier(.16, 1, .3, 1);--respire: 3.6s;--titre: "Bree Serif", Georgia, serif;--texte: "Work Sans", system-ui, -apple-system, sans-serif;--chiffres: "DM Mono", ui-monospace, Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}body{font-family:var(--texte);color:var(--craie);background:var(--nuit);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#racine{min-height:100%;min-height:100dvh}h1,h2,h3{font-family:var(--titre);font-weight:400;margin:0;line-height:1.15}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;border:none;background:none}.fond{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:repeating-linear-gradient(92deg,transparent 0 16px,rgba(255,236,206,.06) 16px 17px),repeating-linear-gradient(93.5deg,transparent 0 39px,rgba(255,236,206,.04) 39px 41px),repeating-linear-gradient(91deg,transparent 0 94px,rgba(255,236,206,.03) 94px 97px),radial-gradient(120% 70% at 50% 8%,var(--noyer-clair),var(--noyer) 46%,var(--nuit))}.fond:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;background-size:180px 180px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E")}.page{min-height:100dvh;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:12px}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--cible);padding:10px 18px;border-radius:var(--rayon-bouton);font-family:var(--titre);font-size:1rem;background:var(--creme);color:var(--encre);box-shadow:inset 0 0 0 1px var(--laiton-vitrine),var(--relief);transition:transform var(--court),box-shadow var(--court);touch-action:manipulation}.bouton:active{transform:translateY(3px);box-shadow:inset 0 0 0 1px var(--laiton-vitrine)}.bouton:focus-visible{outline:3px solid var(--laiton);outline-offset:3px}.bouton--principal{background:linear-gradient(180deg,#e0bd45,var(--laiton));color:#2a2008;box-shadow:inset 0 1px #ffffff8c,0 3px 0 var(--laiton-sombre)}.bouton--principal:active{box-shadow:inset 0 1px #ffffff59}.bouton--valide{background:linear-gradient(180deg,#6fcbaf,var(--ok));color:#0d3327;box-shadow:inset 0 1px #ffffff80,0 3px 0 var(--ok-sombre)}.bouton--valide:active{box-shadow:inset 0 1px #ffffff4d}.bouton--doux{background:var(--creme-sombre);color:var(--encre)}.bouton--fantome{background:var(--noyer-clair);color:var(--craie);box-shadow:inset 0 0 0 1px #c9a2274d,var(--relief)}.bouton--grand{font-size:1.2rem;min-height:56px;padding:12px 26px}.bouton[disabled]{cursor:not-allowed;transform:none;color:var(--craie-douce);background:var(--noyer);box-shadow:none}.lien-hub{display:inline-flex;align-items:center;gap:8px;min-height:var(--cible);padding:0 14px;border-radius:var(--rayon-bouton);font-family:var(--titre);font-size:.95rem;color:var(--craie-douce);text-decoration:none;background:var(--noyer-clair);box-shadow:inset 0 0 0 1px #c9a22738;transition:color var(--court),box-shadow var(--court)}@media(hover:hover){.lien-hub:hover{color:var(--craie);box-shadow:inset 0 0 0 1px var(--laiton)}}.carte,.panneau,.service-carte,.molette-choix,.rangee,.lecon,.fiche,.pupitre{background:var(--creme);color:var(--encre);border-radius:var(--rayon);box-shadow:var(--emaille)}.carte{padding:14px 16px}.pastille{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--noyer-clair);color:var(--craie);font-family:var(--titre);font-size:.82rem;box-shadow:inset 0 0 0 1px #c9a2274d}.pastille--valide{background:var(--ok-sombre);color:#eafff7;box-shadow:none}.pastille--laiton{background:var(--laiton-sombre);color:#fff6d8;box-shadow:none}.pour-lecteur{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.barre{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.barre h2{font-size:1.4rem;color:var(--craie)}.defile{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:2px}.accueil{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;text-align:center}.enseigne{display:flex;flex-direction:column;align-items:center;gap:4px}.enseigne h1{font-size:clamp(2.6rem,12vw,4.4rem);letter-spacing:.01em;color:var(--laiton);text-shadow:0 1px 0 rgba(20,16,16,.9),0 2px 1px rgba(20,16,16,.5),0 -1px 0 rgba(255,240,200,.22)}.enseigne p{margin:0;font-family:var(--texte);color:var(--craie-douce);font-size:clamp(.9rem,3.4vw,1.05rem);max-width:34ch}.vitrine-accueil{width:min(330px,78vw);aspect-ratio:1 / .82;border-radius:var(--rayon);background:radial-gradient(80% 70% at 50% 30%,var(--creme-vive),var(--creme-sombre));box-shadow:var(--filet-bois),0 18px 40px #00000080;overflow:hidden}.vitrine-accueil canvas{display:block;width:100%;height:100%}.menu{display:grid;gap:8px;width:min(420px,100%)}.menu-secondaire{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(420px,100%)}.menu-secondaire .bouton{flex:1 1 auto;font-size:.92rem;padding:8px 12px}.mode-carte{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 16px;min-height:64px}.mode-carte .mode-titre{display:block;font-size:1.1rem;line-height:1.2}.mode-carte .mode-detail{display:block;font-family:var(--texte);font-size:.82rem;line-height:1.3}.mode-carte .mode-icone{flex:0 0 auto;width:40px;height:40px}.bandeau-record{font-size:.88rem;color:var(--craie-douce);max-width:46ch}.bandeau-record strong{color:var(--laiton);font-family:var(--chiffres)}.jeu{display:flex;flex-direction:column;height:100dvh;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));gap:6px;overflow:hidden}.hud{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;min-height:var(--cible)}.hud-bloc{display:flex;align-items:baseline;gap:4px;flex:0 0 auto;padding:4px 7px;border-radius:var(--rayon);background:var(--noyer-clair);color:var(--craie);box-shadow:inset 0 0 0 1px #c9a2273d;white-space:nowrap}.hud-bloc .valeur{font-family:var(--chiffres);font-size:.98rem;line-height:1}.hud-bloc .etiquette{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--craie-douce)}.hud-vies{display:flex;gap:3px}.hud-vies span{font-size:1.05rem;line-height:1}.hud-serie{background:var(--ok-sombre);color:#eafff7;box-shadow:none}.hud-serie .etiquette{color:#b7e8d8}@keyframes lampe{0%,49%{background:var(--alarme);color:var(--nuit);border-color:var(--nuit)}50%,to{background:var(--nuit);color:var(--alarme);border-color:var(--alarme)}}.hud-urgent{animation:lampe .66s steps(1,end) infinite;border:2px dashed var(--nuit);box-shadow:none;font-family:var(--chiffres);text-transform:uppercase;letter-spacing:.04em}.hud-espace{flex:1 1 auto}.bouton-icone{width:var(--cible);height:var(--cible);min-height:var(--cible);padding:0;border-radius:var(--rayon);background:var(--noyer-clair);color:var(--craie);box-shadow:inset 0 0 0 1px #c9a2273d;font-size:1.05rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.progression{height:5px;border-radius:3px;background:#0006;box-shadow:var(--creux);overflow:hidden}.progression i{display:block;height:100%;background:var(--laiton);transition:width var(--moyen)}.scene{flex:1 1 auto;min-height:0;border-radius:var(--rayon);overflow:hidden;position:relative;box-shadow:0 0 0 1px #c9a22759,0 18px 44px #00000080}.scene canvas{display:block;width:100%;height:100%;touch-action:manipulation}.scene:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:inherit;pointer-events:none;box-shadow:0 0 34px 6px #fff0cd29;animation:respire var(--respire) ease-in-out infinite}@keyframes respire{0%,to{opacity:.75}50%{opacity:1}}.tableau-commande{flex:0 0 auto;position:relative;display:flex;flex-direction:column;gap:5px}.molettes{display:flex;gap:5px}.molette{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px;min-height:46px;padding:4px 7px;border-radius:var(--rayon);background:var(--noyer-clair);color:var(--craie);box-shadow:inset 0 0 0 1px #c9a2273d,var(--relief);text-align:left;transition:box-shadow var(--court),transform var(--court);touch-action:manipulation}.molette:active{transform:translateY(2px);box-shadow:inset 0 0 0 1px #c9a2273d}.molette--ouverte{background:var(--creme);color:var(--encre);box-shadow:var(--filet),0 0 0 2px var(--laiton)}.molette-texte{min-width:0;display:flex;flex-direction:column;line-height:1.1}.molette-nom{font-family:var(--titre);font-size:.7rem;color:var(--craie-douce);text-transform:uppercase;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.molette--ouverte .molette-nom{color:var(--encre-douce)}.molette-valeur{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.molette-choix{position:absolute;left:0;right:0;bottom:calc(100% + 5px);z-index:5;padding:8px 10px 10px;animation:deplie var(--moyen)}@keyframes deplie{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.molette-fermer{min-width:var(--cible);min-height:var(--cible);margin:-6px -8px -6px auto;border-radius:var(--rayon);color:var(--encre-douce);font-size:.9rem}.rangee{padding:5px 7px 6px;transition:box-shadow var(--moyen)}.rangee--pressee{box-shadow:inset 0 1px #ffffffbf,0 0 0 2px var(--ok),var(--relief),0 10px 22px #00000059}.rangee-tete{display:flex;align-items:center;gap:8px;margin-bottom:4px;min-height:16px}.rangee-nom{font-family:var(--titre);font-size:.92rem;color:var(--encre);flex:0 0 auto}.rangee-etat{font-family:var(--chiffres);font-size:.72rem;color:var(--encre-douce);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.echeance{flex:1 1 auto;height:5px;min-width:24px;border-radius:3px;background:#2a211c29;overflow:hidden}.echeance i{display:block;height:100%;background:var(--ok-sombre)}.echeance--courte i{background:var(--alarme)}.echeance--vide{opacity:.35}.grille-choix{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.grille-choix--large{grid-template-columns:1fr}.choix{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:46px;padding:4px 3px;border-radius:var(--rayon);background:var(--creme-vive);color:var(--encre);box-shadow:inset 0 0 0 1px #2a211c1f,0 2px #2a211c33;font-family:var(--texte);font-size:.72rem;line-height:1.05;text-align:center;transition:transform var(--court),box-shadow var(--court);touch-action:manipulation}.choix:active{transform:translateY(2px);box-shadow:inset 0 0 0 1px #2a211c1f}.choix[aria-pressed=true]{box-shadow:0 0 0 2px var(--laiton),inset 0 0 0 1px #2a211c1f,0 2px 0 var(--laiton-sombre)}.choix[disabled]{cursor:not-allowed;color:var(--encre-douce);background:var(--creme-sombre);box-shadow:none}.choix-pastille{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 -2px 4px #00000038,inset 0 2px 3px #ffffff73;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.choix-pastille svg{width:20px;height:20px}.choix-motif{font-family:var(--titre);font-size:.86rem;color:#1e1714b8;line-height:1}.choix--muet{min-height:46px}.choix--action{min-height:52px;font-family:var(--titre);font-size:1.05rem;background:linear-gradient(180deg,#e0bd45,var(--laiton));color:#2a2008;box-shadow:inset 0 1px #ffffff80,0 3px 0 var(--laiton-sombre)}.choix--action[disabled]{background:var(--creme-sombre);color:var(--encre-douce);box-shadow:none}.bouton-jeter{display:inline-flex;align-items:center;gap:6px;min-height:var(--cible);min-width:var(--cible);padding:0 10px;border-radius:var(--rayon);background:var(--noyer-clair);color:var(--craie);font-family:var(--titre);font-size:.9rem;box-shadow:inset 0 0 0 1px #c9a2273d,var(--relief);flex:0 0 auto;touch-action:manipulation}.bouton-jeter:active{transform:translateY(2px)}.bouton-jeter--perdu{background:var(--alarme-sombre);color:#ffe6de;box-shadow:0 0 0 2px var(--alarme),var(--relief)}.bouton-jeter--eteint{color:var(--craie-douce);cursor:not-allowed;box-shadow:inset 0 0 0 1px #c9a2271f}.bouton-jeter-nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lecon{position:absolute;left:6px;right:6px;top:6px;padding:9px 12px;border-left:5px solid var(--laiton-vitrine);animation:deplie var(--moyen);pointer-events:none}.lecon strong{font-family:var(--titre);font-size:.95rem}.lecon p{margin:3px 0 0;font-size:.83rem;line-height:1.35;color:var(--encre-douce)}.annonce-palier{position:absolute;left:50%;top:20%;transform:translate(-50%);background:var(--creme);color:var(--encre);border-radius:var(--rayon);padding:10px 18px;text-align:center;box-shadow:var(--emaille);pointer-events:none;animation:monte 2.6s ease forwards;max-width:88%}@keyframes monte{0%{opacity:0;transform:translate(-50%,12px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.voile{position:fixed;top:0;right:0;bottom:0;left:0;background:#141010b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:20;animation:fondu var(--lent)}@keyframes fondu{0%{opacity:0}to{opacity:1}}.panneau{padding:20px;width:min(560px,100%);max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.panneau h2{font-size:1.55rem;margin-bottom:4px}.panneau p{line-height:1.45;color:var(--encre-douce)}.panneau-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.panneau-actions .bouton{flex:1 1 140px}.tableau{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}.tableau div{padding:8px 12px;border-radius:var(--rayon);background:var(--creme-sombre);color:var(--encre);box-shadow:inset 0 0 0 1px #2a211c1f}.tableau .valeur{display:block;font-family:var(--chiffres);font-size:1.4rem;line-height:1.15;color:var(--encre)}.tableau .etiquette{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--encre-douce)}.etoiles{display:flex;justify-content:center;gap:10px;margin:14px 0 6px}.etoile{font-size:2.5rem;line-height:1;color:#2a211c29}.etoile--acquise{color:var(--laiton);animation:etoile-tombe .42s cubic-bezier(.2,1.6,.4,1);text-shadow:0 0 14px rgba(201,162,39,.55)}@keyframes etoile-tombe{0%{transform:scale(2.2) rotate(-22deg);opacity:0}60%{transform:scale(.94) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.etoiles-petites{flex:0 0 auto;font-size:.95rem;letter-spacing:1px;color:var(--laiton)}.objectifs{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.objectif{display:flex;align-items:flex-start;gap:9px;padding:8px 10px;border-radius:var(--rayon);background:var(--creme-sombre);color:var(--encre);font-size:.88rem;line-height:1.3}.objectif--atteint{background:#57b79a47;box-shadow:inset 0 0 0 1px var(--ok-sombre)}.objectif-marque{font-family:var(--titre);color:var(--ok-sombre);flex:0 0 auto;width:16px;text-align:center}.objectif:not(.objectif--atteint) .objectif-marque{color:var(--encre-douce)}.objectif-texte em{color:var(--encre-douce);font-size:.86em}.avertissement{margin:10px 0 0;padding:9px 12px;border-radius:var(--rayon);background:#f04a2a24;box-shadow:inset 0 0 0 1px #f04a2a66;color:var(--encre);font-size:.86rem;line-height:1.35}.grille-services{display:grid;gap:8px;margin-bottom:8px}@media(min-width:760px){.grille-services{grid-template-columns:1fr 1fr}}.service-carte{overflow:hidden}.service-carte--fermee{background:var(--noyer-clair);color:var(--craie-douce);box-shadow:inset 0 0 0 1px #c9a22729}.service-carte--parfaite{box-shadow:inset 0 1px #ffffffb3,0 0 0 2px var(--laiton),var(--relief),0 10px 22px #00000059}.service-tete{display:flex;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px 12px;text-align:left;color:inherit;touch-action:manipulation}.service-numero{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--creme-sombre);color:var(--encre);display:inline-flex;align-items:center;justify-content:center;font-family:var(--chiffres);font-size:.95rem;box-shadow:inset 0 0 0 1px #2a211c2e}.service-carte--fermee .service-numero{background:var(--noyer);color:var(--craie-douce);box-shadow:inset 0 0 0 1px #c9a22733}.service-carte--parfaite .service-numero{background:var(--laiton);color:#2a2008}.service-titre{flex:1 1 auto;min-width:0}.service-titre strong{display:block;font-family:var(--titre);font-weight:400;font-size:1.02rem;line-height:1.2}.service-titre em{display:block;font-style:normal;font-size:.79rem;line-height:1.3;color:var(--encre-douce)}.service-carte--fermee .service-titre em{color:var(--craie-douce)}.service-detail{padding:0 12px 12px;display:grid;gap:8px}.service-technique{margin:0;font-size:.76rem;color:var(--encre-douce)}.service-nuit{background:linear-gradient(120deg,var(--ok-sombre),var(--noyer-clair));color:var(--craie)}.service-nuit .service-titre em,.service-nuit .service-technique{color:var(--craie-douce)}.grille-carnet{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.fiche{padding:6px;text-align:center;display:flex;flex-direction:column;gap:4px;min-height:44px}.fiche .dessin{aspect-ratio:1 / .95;border-radius:4px;background:radial-gradient(70% 70% at 50% 35%,var(--creme-vive),var(--creme-sombre))}.fiche .nom{font-family:var(--titre);font-size:.78rem;line-height:1.15}.fiche .code{font-family:var(--chiffres);font-size:.68rem;color:var(--encre-douce)}.fiche--vide{display:flex;align-items:center;justify-content:center;min-height:110px;font-size:1.6rem;color:var(--encre-douce)}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.badge{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--rayon);background:var(--noyer-clair);color:var(--craie);box-shadow:inset 0 0 0 1px #c9a22733;min-height:52px}.badge--obtenu{background:var(--creme);color:var(--encre);box-shadow:var(--filet),var(--relief)}.badge .marque{font-size:1.3rem;flex:0 0 auto}.badge .texte{min-width:0}.badge .titre{display:block;font-family:var(--titre);font-size:.9rem;line-height:1.15}.badge .condition{display:block;font-size:.74rem;line-height:1.2;color:var(--craie-douce)}.badge--obtenu .condition{color:var(--encre-douce)}.badge .jauge{height:4px;border-radius:2px;background:#00000059;margin-top:4px}.badge .jauge i{display:block;height:100%;border-radius:2px;background:var(--laiton)}.onglets-page{display:flex;gap:6px}.onglets-page .bouton{flex:1 1 auto;font-size:.88rem;padding:8px 10px}.atelier{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:820px){.atelier{grid-template-columns:minmax(260px,380px) 1fr;align-items:start}}.atelier-apercu{aspect-ratio:1 / .9;border-radius:var(--rayon);overflow:hidden;box-shadow:var(--filet-bois),0 18px 40px #00000080;position:sticky;top:8px}.atelier-apercu canvas{display:block;width:100%;height:100%}.pupitre{padding:8px 10px 10px}.pupitre-tete{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;min-height:20px}.pupitre-tete h3{font-size:.98rem}.pupitres{display:flex;flex-direction:column;gap:8px}.code-partage{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.code-partage code{font-family:var(--chiffres);font-size:1.15rem;letter-spacing:.08em;background:var(--creme-sombre);color:var(--encre);padding:8px 14px;border-radius:var(--rayon);box-shadow:var(--creux);min-height:var(--cible);display:inline-flex;align-items:center}.champ-code{font-family:var(--chiffres);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;min-height:var(--cible);padding:8px 14px;border-radius:var(--rayon);border:none;background:var(--creme-sombre);color:var(--encre);box-shadow:var(--creux);width:min(240px,100%)}.champ-code:focus-visible{outline:3px solid var(--laiton);outline-offset:2px}.regles{max-width:720px;margin:0 auto;width:100%}.regles section{margin-bottom:14px}.regles h3{font-size:1.1rem;margin-bottom:4px}.regles p,.regles li{line-height:1.5;font-size:.93rem;color:var(--encre-douce)}.regles strong{color:var(--encre)}.regles ul{padding-left:20px;margin:6px 0}.bascule{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 12px;margin-bottom:8px;border-radius:var(--rayon);background:var(--creme-sombre);color:var(--encre);text-align:left;box-shadow:inset 0 0 0 1px #2a211c1f;touch-action:manipulation}.bascule--active{background:#57b79a42;box-shadow:inset 0 0 0 2px var(--ok-sombre)}.bascule-texte{flex:1 1 auto;min-width:0}.bascule-texte strong{display:block;font-family:var(--titre);font-weight:400;font-size:.95rem;line-height:1.15}.bascule-texte em{display:block;font-style:normal;font-size:.79rem;line-height:1.3;color:var(--encre-douce)}.bascule-piste{flex:0 0 auto;width:46px;height:26px;border-radius:13px;background:#2a211c3d;position:relative;transition:background var(--court)}.bascule--active .bascule-piste{background:var(--ok-sombre)}.bascule-pastille{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--creme-vive);box-shadow:0 1px 3px #00000059;transition:transform var(--court)}.bascule--active .bascule-pastille{transform:translate(20px)}.curseur{display:flex;align-items:center;gap:12px;min-height:var(--cible);padding:0 12px;font-size:.9rem;color:var(--encre)}.curseur input[type=range]{flex:1 1 auto;min-height:var(--cible);accent-color:var(--laiton-sombre)}.curseur-valeur{font-family:var(--chiffres);font-size:.85rem;width:3ch;text-align:right;color:var(--encre-douce)}.legende-motifs{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 10px;padding:0 12px}.legende-motif{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--encre)}@media(min-width:620px){.grille-choix{grid-template-columns:repeat(8,1fr)}.grille-choix--large{grid-template-columns:1fr}.atelier .grille-choix{grid-template-columns:repeat(4,1fr)}}@media(min-width:900px){.tableau-commande{display:grid;grid-template-columns:1fr 1fr;align-items:start}.molettes,.molette-choix{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hud-urgent{background:var(--alarme);color:var(--nuit);border-color:var(--nuit)}}.molette--fautive{flex:1.9 1 0;background:var(--creme);color:var(--encre);box-shadow:var(--filet),0 0 0 2px var(--alarme)}.molette--fautive .molette-nom{color:var(--alarme-sombre)}.molette-remede{font-size:.78rem}.molette-remede s{color:var(--encre-douce);text-decoration-color:var(--alarme)}.molette-remede b{font-weight:600;color:var(--encre)}