*{margin:0;padding:0}html,body{overflow:hidden;background-color:#000}.loader{z-index:9999;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:#bb602c}.loader img{width:20vw;height:auto}.load_number{font-style:bold;font-size:1.5rem;color:#000}progress{width:50%;height:20px;background-color:#fae48a;border:none;border-radius:5px;padding:5px}progress::-webkit-progress-bar{background-color:#000;border-radius:5px}progress::-moz-progress-bar{background-color:#000;border-radius:5px}.fade-out{display:none}.hidden{opacity:0;pointer-events:none}.visible{opacity:1;pointer-events:all}section{position:absolute;width:100%;height:100vh}h1{font-size:4rem;color:#fff;font-family:Cinzel Decorative,serif;font-weight:500;font-style:normal;padding:10px 20px;border-radius:10px}a.accueil{position:absolute;top:20px;right:20px;cursor:pointer;z-index:100}a.accueil img{width:50px;height:auto}.son{z-index:100;position:absolute;top:20px;right:100px;height:45px;width:45px;cursor:pointer}.restart{z-index:100;position:absolute;top:20px;right:180px;height:45px;width:45px;cursor:pointer}.compteur{position:absolute;font-family:Abhaya Libre,serif;font-weight:500;font-style:normal;top:20px;left:20px;font-size:1.1rem;color:#000;background-color:#fae48a;padding:10px 20px;border-radius:10px;border:solid 4px #5A3E1B}.compteur.green{background-color:#c6fa8a}.objectif{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;position:absolute;width:40vw;min-width:500px;font-family:Abhaya Libre,serif;font-weight:500;font-style:normal;bottom:20px;left:30vw;font-size:1.2rem;color:#000;background-color:#fae48a;border-radius:15px;border:solid 2px #5A3E1B}.objectif img{width:60px;height:auto;border:solid 1px #5A3E1B;border-radius:13px 0 0 12px}.retour{font-family:Abhaya Libre,serif;font-weight:500;font-style:normal;position:absolute;top:20px;left:20px;font-size:1.5rem;color:#000;background-color:#fae48a;padding:10px 20px;border-radius:10px;border:solid 4px #5A3E1B;cursor:pointer;transition:all .3s ease-out}.retour:hover{background-color:#ffb85b;color:#000;box-shadow:inset 0 0 10px #000}section.etape1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}section.etape1 h1{background-color:#8c5a2b80}.tooltip{display:none;font-family:Abhaya Libre,serif;font-weight:500;font-style:normal;position:absolute;font-size:1rem;color:#000;background-color:#fae48a;border:solid 4px #8B5A2B;padding:10px 20px;border-radius:10px}.letters-container{display:grid;grid-template-columns:repeat(10,1fr);width:fit-content;background:#8b5a2b;border:5px solid #5A3E1B;border-radius:15px;box-shadow:inset 0 0 10px #000;font-family:Spectral SC,serif;font-weight:200;font-style:normal}.case{width:80px;height:80px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 13px #000;border:2px solid #5A3E1B;position:relative}.letter{width:45px;height:60px;background:#3f3f3f;color:#ebdbdb;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;border-radius:5px;box-shadow:inset 0 0 10px #000;transform:scaleX(-1)}.letter.letter-espace{background:#523113;box-shadow:inset 0 0 10px #000}.deposer-ici{text-align:center;max-width:70%;opacity:1;transform:scaleX(1)}.constructed-word{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;display:flex}.invisible{display:none}.constructed-word-right .letter{transform:scaleX(1)}.word-zone{position:relative;width:75vw;height:30vh;border:2px solid #000;border-radius:10px;box-shadow:inset 0 0 30px #000;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:2rem;background:#f0f0f0;font-family:Spectral SC,serif;font-weight:300;font-style:normal}.btn-reset{position:absolute;top:20px;right:20px;height:50px;width:50px;cursor:pointer;transition:transform .6s ease-out}.btn-reset:hover{transform:rotate(190deg)}.btn-return{position:absolute;top:20px;left:20px;height:50px;width:50px;cursor:pointer;transform:rotate(180deg);transition:transform .6s ease-out}.btn-return:hover{transform:scale(1.2) rotate(180deg)}.btn-wordZone{position:absolute;display:flex;flex-direction:column;gap:10px;bottom:20px;right:20px;transition:transform .6s ease-out}.btn-wordZone button{font-family:Abhaya Libre,serif;font-weight:500;font-style:normal;font-size:1.4rem;cursor:pointer;padding:10px 20px;border:none;border-radius:10px;background-color:#fae48a;color:#000}button.valider{z-index:1000;font-size:1.3rem;font-family:Cinzel Decorative,serif;font-weight:600;font-style:normal;padding:10px 20px;border:none;border-radius:10px;cursor:pointer;box-shadow:0 0 10px #000;transition:all .3s ease-out}button.no-click{pointer-events:none;background-color:#3f3f3f;color:#c3c3c3;cursor:not-allowed}.clickable{cursor:pointer;background-color:#fae48a;color:#000}button.clickable:hover{background-color:#ffb85b;box-shadow:inset 0 0 10px #000}section.etape2{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}section.etape2 h1{background-color:none}.container{position:relative;display:flex;justify-content:center;align-items:center;border:2px solid #000}section.etape2 label{font-family:Abhaya Libre,serif;font-weight:500;font-style:normal;font-size:1.5rem;color:#fff}input[type=color]{font-family:Abhaya Libre,serif;font-weight:500;font-style:normal;font-size:1.5rem;height:50px;width:50px}input[type=color]:hover{cursor:pointer;transform:scale(1.1)}.word-zone2{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:80vw;height:30vh;background-color:beige;border:2px solid #000;padding:10px}.roller{position:absolute;right:0;width:40vh;cursor:pointer;transform:rotate(90deg);transition:transform .1s ease-in-out}section.etape3{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.btn-papiers{width:80vw;display:flex;flex-direction:row;justify-content:center;gap:40px}.btnFiligrane{background-image:url(/experience/assets/btn-filigrane-3Q2t7I7m.png)}.btnFroisse{background-image:url(/experience/assets/btn-froisse-BeybWlPu.png)}.btnBrillant{background-image:url(/experience/assets/btn-brillant-DAiJ8Rmf.png)}.btnCafe{background-image:url(/experience/assets/btn-cafe-CGOav1_t.png)}.word-zone3,.word-zone4{position:relative;height:50vh;background-color:#6c6c6c;padding:20px}.word-zone3 .paper-background,.word-zone4 .paper-background{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;transform:scale(.8);background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/experience/assets/papierFiligrane-CRAQvLXr.png);z-index:5}.btn-papiers .button-papier{display:flex;justify-content:center;align-items:center;gap:10px;font-family:Abhaya Libre,serif;font-weight:500;font-style:normal;font-size:1.5rem;cursor:pointer;padding:10px 20px;border:solid 2px #B60000;border-radius:10px;color:#000;background-size:cover;background-position:center;background-repeat:no-repeat}section.etape4{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.section-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-image:url(/experience/assets/fond-bois-Daqo-wGP.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}form{padding:40px 210px;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;background-image:url(/experience/assets/papierFiligrane-CRAQvLXr.png);background-size:cover;background-position:center;background-repeat:no-repeat}form h1{font-family:Cinzel Decorative,serif;font-weight:500;font-style:normal;font-size:3rem;color:#000;padding:10px 20px;border-radius:10px}label{font-family:Abhaya Libre,serif;font-weight:500;font-style:normal;font-size:1.5rem;color:#000}form div{display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:center}form div div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}input[type=text],input[type=email]{font-family:Abhaya Libre,serif;font-weight:500;font-style:normal;font-size:1.5rem;padding:10px 20px;border:none;border-radius:10px;border:solid 4px #5A3E1B}form p{font-family:Abhaya Libre,serif;font-weight:500;font-style:normal;font-size:1.1rem;color:#000}.info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;position:absolute;top:30%;left:50px;width:40vw;transform:scale(0);background:#523113;color:#fff;padding:20px;border-radius:10px;transition:transform .3s ease-out,opacity .3s ease-out;opacity:0;border:solid 4px #5A3E1B;box-shadow:inset 0 0 10px #000}.info.active{transform:scale(1);opacity:1}.info h2{font-family:Cinzel Decorative,serif;font-weight:500;font-style:normal;font-size:2rem;color:#fff;padding:10px 20px;border-radius:10px;margin:0}.info p{font-family:Abhaya Libre,serif;font-weight:100;font-style:normal;font-size:1.2rem;color:#fff}.retour-cartel{font-family:Abhaya Libre,serif;font-weight:500;font-style:normal;font-size:1.5rem;color:#000;background-color:#fae48a;padding:10px 20px;border-radius:10px;border:solid 4px #5A3E1B;cursor:pointer;transition:all .3s ease-out}.retour-cartel:hover{background-color:#ffb85b;color:#000;box-shadow:inset 0 0 10px #000}