@font-face{font-family:Pirata One;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/pirata-one-v23-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #15151b;--panel: #1d1d26;--text: #f0ede4;--muted: #a8a49a;--tape: #f2d13b;--encre: #1b1512;--stylo: #2437c8;--papier: #fbf8f0;--rouge: #d23b2f;--jaune: #e8c832;--vert: #3f8f4a;--blackletter: "Pirata One", "Luminari", "Georgia", serif;--manuscrit: "Marker Felt", "Comic Sans MS", cursive;--dock: 244px}@media(max-width:1100px){:root{--dock: 200px}}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif}html,body{overscroll-behavior:none}#app{position:relative;height:100svh;overflow:hidden;touch-action:manipulation}#game{position:absolute;top:0;right:0;bottom:0;left:0}.hud{position:absolute;top:18px;left:22px;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.6)}.logo{font-family:var(--blackletter);font-weight:400;font-size:34px;letter-spacing:1px}.logo span{color:var(--tape)}.tag{margin-top:2px;font-family:monospace;font-size:12px;color:var(--muted)}#mute{position:absolute;top:16px;right:16px;z-index:45;width:42px;height:42px;font-size:19px;background:#15151bbf;border:1px solid rgba(240,237,228,.25);border-radius:50%;cursor:pointer;color:var(--text)}#mute:hover{background:#15151bf2}.hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-family:monospace;font-size:12px;color:var(--muted);background:#15151bbf;padding:6px 14px;border-radius:20px;pointer-events:none;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}#postes{position:absolute;top:0;right:0;bottom:0;width:var(--dock);display:flex;flex-direction:column;justify-content:center;gap:9px;padding:16px;overflow-y:auto;z-index:40}#game{right:var(--dock)}#postes .grille{display:grid;grid-template-columns:1fr;gap:9px}.hint{left:calc(50% - var(--dock) / 2)}#mute{right:calc(var(--dock) + 16px)}#postes button{display:block;width:100%;text-align:left;font:inherit;color:var(--encre);background:var(--papier);padding:8px 11px;border:2px solid var(--encre);border-left:7px solid var(--c);border-radius:13px 4px;box-shadow:3px 3px #1b15128c;cursor:pointer}#postes button b{display:block;font-size:14px;line-height:1.2}#postes button span{display:block;margin-top:1px;font-family:monospace;font-size:10px;color:#6b6357}#postes button.actif{background:var(--tape);transform:translate(2px,2px);box-shadow:1px 1px #1b15128c}#postes button.actif span{color:#5c5348}.postes-hint{font-family:monospace;font-size:10.5px;line-height:1.35;color:var(--muted);text-align:center}#postes.entre button{animation:poste-in .34s cubic-bezier(.2,.9,.3,1.35) backwards}#postes.entre .grille button:nth-child(1){animation-delay:.02s}#postes.entre .grille button:nth-child(2){animation-delay:.09s}#postes.entre .grille button:nth-child(3){animation-delay:.16s}#postes.entre .grille button:nth-child(4){animation-delay:.23s}#postes.entre .large{animation-delay:.3s}@keyframes poste-in{0%{opacity:0;transform:translateY(12px)}}#entree{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#212121;overflow:hidden;transition:opacity .55s ease .25s}#entree.partie{opacity:0;pointer-events:none}#entree .cadre{position:absolute;left:50%;top:0;height:100%;aspect-ratio:2092 / 3006;transform:translate(-50%);transform-origin:25.3% 85.7%;transition:transform .95s cubic-bezier(.55,.04,.4,1);will-change:transform}#entree.ouverte .cadre{transform:translate(-50%) scale(2.6)}#entree .batiment{position:absolute;left:50%;top:0;height:100%;transform:translate(-50%);pointer-events:none;-webkit-user-select:none;user-select:none}#entree .batiment.ferme{opacity:0;transition:opacity .45s ease}#entree.decor .batiment.ferme{opacity:1}#entree .batiment.ouvert{left:51.4%;top:3.1%;opacity:0;transition:opacity .3s ease}#entree.ouverte .batiment.ouvert{opacity:1}#entree .perso{position:absolute;left:-14%;bottom:4.35%;height:11%;aspect-ratio:226 / 410;transform:translate(-50%);background:url(../assets/atelier/perso/cote.png) no-repeat center bottom;background-size:contain;opacity:0;transition:left 3.4s linear,opacity .4s ease,transform .6s ease;will-change:left}#entree.decor .perso{opacity:1}#entree .perso.pas{background-image:url(../assets/atelier/perso/cote-walk.png)}#entree .perso.pas2{background-image:url(../assets/atelier/perso/cote-walk2.png)}#entree .perso.toque{aspect-ratio:311 / 410;background-image:url(../assets/atelier/perso/toque.png)}#entree .perso.toque.toque2{background-image:url(../assets/atelier/perso/toque-2.png)}#entree.approche .perso{left:18.4%}#entree.presse .perso{transition-duration:.6s}#entree.ouverte .perso{opacity:0;transform:translate(-30%) scale(.92)}#porte{position:absolute;left:19.1%;top:79.2%;width:12.5%;height:13%;background:none;border:none;cursor:pointer;padding:0}#porte:focus-visible{outline:2px solid var(--tape)}.entree-hint{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-family:var(--manuscrit);font-size:19px;color:var(--papier);text-shadow:0 2px 8px rgba(27,21,18,.7);pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .6s ease}#entree.arrivee .entree-hint{opacity:1}#entree.ouverte .entree-hint{opacity:0}#entree .chargement{position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:150px;height:5px;background:#f0ede42e;border-radius:3px;overflow:hidden;transition:opacity .5s ease}#entree .chargement i{display:block;height:100%;width:0;background:var(--tape);transition:width .25s ease}#entree:not(.decor) .chargement i{width:38%;animation:balaie 1.1s ease-in-out infinite}@keyframes balaie{0%{transform:translate(-110%)}to{transform:translate(270%)}}#entree.pret .chargement{opacity:0}#entree.patiente .chargement i{animation:patiente 1s ease-in-out infinite alternate}@keyframes patiente{0%{opacity:.5}to{opacity:1}}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;pointer-events:none}#overlay .panel{pointer-events:auto}#overlay[hidden]{display:none}#overlay .backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0e99;pointer-events:none}#overlay .panel{position:relative;width:min(460px,calc(100vw - 32px));max-height:calc(100svh - 48px);overflow:hidden;color:var(--encre);background-color:var(--papier);background-image:linear-gradient(#d4dff0 1px,transparent 1px),linear-gradient(90deg,#d4dff0 1px,transparent 1px);background-size:26px 26px;border:2px solid var(--encre);border-radius:3px;box-shadow:6px 8px #1b151273;transform:rotate(-.6deg);animation:panel-in .18s ease-out}#overlay .panel .contenu{max-height:calc(100svh - 52px);overflow-y:auto;overflow-x:hidden;overflow-wrap:break-word;padding:30px 28px 24px}#overlay .panel .etoiles:before,#overlay .panel .etoiles:after{content:"";position:absolute;width:96px;height:28px;background:var(--tape);opacity:.85;border-left:2px dashed rgba(27,21,18,.25);border-right:2px dashed rgba(27,21,18,.25)}#overlay .panel .etoiles:before{top:-10px;left:-26px;transform:rotate(-38deg)}#overlay .panel .etoiles:after{top:-10px;right:-26px;transform:rotate(38deg)}@keyframes panel-in{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.panel h2{font-family:var(--blackletter);font-weight:400;font-size:34px;line-height:1.05;color:var(--stylo)}.panel .sub{margin:4px 0 16px;font-family:var(--manuscrit);font-size:14px;color:var(--rouge)}.panel .body p{margin:10px 0;line-height:1.55;font-size:14.5px}.panel .body ul{margin:10px 0;padding-left:20px;line-height:1.7;font-size:14.5px}.panel .note{color:#6b6357;font-size:13px;font-style:italic}.panel .close{position:absolute;top:6px;right:12px;background:none;border:none;color:var(--encre);font-size:28px;cursor:pointer;line-height:1;z-index:1}.panel .close:hover{color:var(--rouge)}.panel .actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-block;padding:10px 16px;background:var(--accent, #e0b23f);color:var(--papier);text-decoration:none;font-weight:700;font-size:14px;border:2px solid var(--encre);border-radius:20px 6px;box-shadow:3px 3px 0 var(--encre);transform:rotate(-1deg)}.btn:hover{transform:rotate(1deg) translateY(-1px);box-shadow:4px 4px 0 var(--encre)}.btn.lien{font-family:inherit;cursor:pointer;background:var(--papier);color:var(--encre)}.panel .famille{margin:14px 0}.panel .famille h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6b6357}.panel ul.blanks,.panel ul.offre{list-style:none;margin:4px 0 0;padding:0}.panel ul.blanks li,.panel ul.offre li{border-bottom:1px dashed rgba(27,21,18,.25)}.panel ul.offre li{padding:8px 0}.panel ul.blanks li:last-child,.panel ul.offre li:last-child{border-bottom:none}.panel ul.blanks button{display:block;width:100%;padding:8px 26px 8px 0;font:inherit;text-align:left;color:inherit;background:none;border:none;cursor:pointer;position:relative}.panel ul.blanks button:after{content:"›";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:21px;color:#9a9086}.panel ul.blanks button:hover{background:#e8c83238}.panel ul.blanks.sobre li{padding:8px 0}.panel ul.blanks strong,.panel ul.offre strong{display:block;font-size:15px}.panel ul.blanks span,.panel ul.offre span{display:block;font-size:13px;line-height:1.45;color:#6b6357}.panel ul.blanks em,.panel ul.offre em{display:inline-block;margin-top:3px;padding:1px 7px;font-style:normal;font-size:11px;color:var(--rouge);background:#fff;border-block:2px solid var(--rouge)}.vetement{position:relative;display:block;isolation:isolate;width:100%}.vetement:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--t);image-rendering:pixelated;-webkit-mask:var(--img) no-repeat center / contain;mask:var(--img) no-repeat center / contain}.vetement img{position:relative;z-index:1;display:block;width:100%;height:auto;image-rendering:pixelated;mix-blend-mode:multiply}.panel ul.vitrine{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;padding:0}.panel ul.vitrine button{display:block;width:100%;padding:10px 8px 8px;font:inherit;text-align:center;color:inherit;background:#fff;border:2px solid var(--encre);border-radius:13px 4px;box-shadow:3px 3px #1b151259;cursor:pointer}.panel ul.vitrine button:hover{transform:translate(1px,1px);box-shadow:2px 2px #1b151259}.panel ul.vitrine .vetement{width:74px;margin:0 auto 6px}.panel ul.vitrine .vetement img,.panel ul.vitrine .vetement:before{image-rendering:auto}.panel ul.vitrine strong{display:block;font-size:13.5px;line-height:1.15}.panel ul.vitrine span{display:block;font-size:10.5px;color:#8a8177}.panel .defile{margin:10px 0 4px}.panel .diapo{display:none}.panel .diapo.actif{display:block}.panel .diapo .scene{display:flex;align-items:center;justify-content:center;gap:6px}.panel .diapo .vetement.grand{width:132px}.panel .fleche{flex:0 0 auto;width:30px;height:30px;font:inherit;font-size:22px;line-height:1;color:var(--encre);background:#fff;border:2px solid var(--encre);border-radius:50%;cursor:pointer}.panel .fleche:hover{background:var(--tape)}.panel .diapo h3{margin-top:6px;text-align:center;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.06em;color:#8a8177}.panel .diapo h3 strong{display:block;font-size:18px;letter-spacing:0;text-transform:none;color:var(--encre)}.panel .diapo .note{text-align:center}.panel .teinte-nom{display:flex;align-items:baseline;justify-content:space-between;margin:10px 0 4px;font-size:13px}.panel .teinte-nom em{font-style:normal;font-size:11px;color:#8a8177}.panel .points{display:flex;justify-content:center;gap:6px;margin-top:12px}.panel .points button{width:9px;height:9px;padding:0;background:#fff;border:2px solid var(--encre);border-radius:50%;cursor:pointer}.panel .points button.actif{background:var(--tape)}.panel ul.teintes.pastilles{grid-template-columns:repeat(auto-fill,minmax(27px,1fr));gap:5px}.panel ul.teintes.pastilles button{padding:3px;background:none;border:none;cursor:pointer;line-height:0}.panel ul.teintes.pastilles i{width:21px;height:21px}.panel ul.pastilles button.actif i{outline:2px solid var(--rouge);outline-offset:2px}.panel ul.teintes button{display:flex;align-items:center;gap:5px;width:100%;padding:0;font:inherit;font-size:10.5px;line-height:1.2;text-align:left;color:#6b6357;background:none;border:none;cursor:pointer}.panel ul.teintes button.actif span{color:var(--encre);font-weight:700}.panel .titre-tarifs{margin-top:16px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6b6357}.panel ul.tarifs{list-style:none;margin:6px 0 0;padding:0}.panel ul.tarifs li{display:flex;align-items:baseline;gap:8px;padding:7px 0;border-bottom:1px dashed rgba(27,21,18,.3)}.panel ul.tarifs li:last-child{border-bottom:none}.panel ul.tarifs span{flex:1 1 auto;font-size:14.5px}.panel ul.tarifs em{display:block;font-style:normal;font-size:12px;line-height:1.35;color:#6b6357}.panel ul.tarifs strong{flex:0 0 auto;padding:1px 8px;font-size:14px;color:var(--rouge);background:#fff;border-block:2px solid var(--rouge)}.panel .estim{margin-top:18px;padding-top:4px}.panel .estim-saisie{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 6px}.panel .estim-saisie label{font-size:14px}.panel .estim-saisie input{width:78px;padding:5px 8px;font:inherit;font-size:15px;font-weight:700;text-align:center;color:var(--encre);background:#fff;border:2px solid var(--encre);border-radius:4px}.panel .estim-curseur{width:100%;margin:2px 0 10px;accent-color:var(--stylo)}.panel .estim-choix{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:9px}.panel .estim-choix>span{font-size:14px}.panel .estim-segments{display:flex;gap:5px}.panel .estim-segments button{font:inherit;font-size:11.5px;color:var(--encre);background:#fff;padding:5px 9px;border:2px solid var(--encre);border-radius:9px 3px;cursor:pointer}.panel .estim-segments button.actif{background:var(--tape);box-shadow:2px 2px #1b151273}.panel .estim-puff{display:flex;align-items:flex-start;gap:7px;margin-bottom:5px;font-size:13px;cursor:pointer}.panel .estim-puff[hidden]{display:none}.panel .estim-puff input{margin-top:2px;accent-color:var(--stylo)}.panel .estim-puff em{font-style:normal;color:#6b6357}.panel .estim-sortie{margin:12px 0 8px;padding:10px 12px;background:#fff;border:2px solid var(--encre);border-radius:3px;box-shadow:3px 3px #1b151259}.panel .estim-total{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.panel .estim-total span{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#6b6357}.panel .estim-total strong{font-family:var(--blackletter);font-weight:400;font-size:30px;line-height:1;color:var(--stylo)}.panel .estim-unite{margin-top:4px;font-size:14px}.panel .estim-unite b{padding:1px 6px;color:var(--rouge);border-block:2px solid var(--rouge)}.panel .estim-detail{margin-top:6px;font-family:monospace;font-size:11px;color:#6b6357}.panel .estim-cle{margin-top:10px;font-size:13px;line-height:1.45}.panel .estim-infos{margin-top:6px;font-size:13px}.panel .estim-infos summary{display:inline-flex;align-items:center;gap:5px;padding:3px 0;font-size:12.5px;color:var(--stylo);text-decoration:underline;text-underline-offset:2px;cursor:pointer;list-style:none}.panel .estim-infos summary::-webkit-details-marker{display:none}.panel .estim-infos summary:before{content:"›";display:inline-block;font-size:16px;line-height:1;transition:transform .15s ease}.panel .estim-infos[open] summary:before{transform:rotate(90deg)}.panel .estim-infos-corps{padding-top:4px}.panel .estim-infos-corps p{margin:6px 0;font-size:12.5px;line-height:1.5;color:#6b6357}.panel .estim-bonus{margin-top:9px;padding:7px 9px;color:var(--encre);background:#3f8f4a29;border-left:3px solid var(--vert)}.panel .gamme{display:none;margin:0 0 14px}.panel .gamme.actif{display:block}.panel .gamme .ref{font-style:normal;white-space:nowrap;color:#9a9086}.panel ul.teintes{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:7px 5px;margin:8px 0 0;padding:0}.panel ul.teintes li{display:flex;align-items:center;gap:5px;font-size:10.5px;line-height:1.2;color:#6b6357}.panel ul.teintes i{flex:0 0 auto;width:15px;height:15px;background:var(--t);border:1.5px solid var(--encre);border-radius:50%}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0 4px}.product{position:relative}.product:nth-child(odd){transform:rotate(-1.6deg)}.product:nth-child(2n){transform:rotate(1.4deg)}.product .ph{aspect-ratio:3 / 3.4;display:grid;place-items:center;background:#fff;border:2px solid var(--encre);font-size:30px;font-weight:700;color:var(--accent, #e0b23f);box-shadow:2px 3px #1b15124d}.product figcaption{margin-top:6px;font-size:11px;text-align:center;color:#6b6357;line-height:1.4}.product strong{display:inline-block;margin-top:2px;padding:1px 7px;color:var(--rouge);background:#fff;border-block:2px solid var(--rouge);font-size:12px}.panel .etoiles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.panel .etoiles span{position:absolute;font-size:24px;opacity:.8}@media(prefers-reduced-motion:reduce){#entree .perso{transition:opacity .3s ease;left:18.4%}#entree .cadre{transition:none}#entree.patiente .chargement i,#entree:not(.decor) .chargement i{animation:none}}@media(max-aspect-ratio:9 / 10){#app{display:flex;flex-direction:column}#game{position:relative;inset:auto;flex:0 0 auto;height:min(133vw,60svh)}#postes{position:static;width:auto;flex:1 1 auto;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))}#postes .grille{grid-template-columns:1fr 1fr}#mute{right:16px}.hint{display:none}#entree .cadre{top:50%;width:100%;height:auto;transform:translate(-50%,-50%)}#entree.ouverte .cadre{transform:translate(-50%,-50%) scale(2.6)}}@media(prefers-reduced-motion:reduce){#postes.entre button{animation:none}}@media(max-width:560px){.logo{font-size:26px}.tag{font-size:10px}.hint{bottom:10px;font-size:10.5px;padding:5px 12px}#mute{top:12px;right:12px}#overlay .panel .contenu{padding:26px 18px 20px}.products{grid-template-columns:repeat(2,1fr)}}#seo{max-width:720px;margin:0 auto;padding:48px 24px 64px;line-height:1.65;color:var(--muted)}#seo h1,#seo h2{color:var(--text);margin:22px 0 10px;font-family:var(--blackletter);font-weight:400}#seo ul{padding-left:22px}