@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap";:root{--or-disney: #ffd700;--fond-ui: rgba(15, 15, 25, .65);--couleur-succes: #2ed573;--couleur-erreur: #ff4757;--taille-cible-tactile: 64px}*{box-sizing:border-box}canvas.mode-retro{image-rendering:pixelated;image-rendering:crisp-edges}canvas.mode-retro #video-ps2{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:999999;background:#000;pointer-events:none}body,html{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;background-color:#050510;color:#fff;-webkit-tap-highlight-color:transparent}.cache{opacity:0!important;pointer-events:none!important;visibility:hidden!important}#webgl-container{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}#ui-layer{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:10;pointer-events:none}#ecran-chargement{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#050510;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity 1s ease-in-out;pointer-events:auto}#galerie-personnages{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.perso-flottant{position:absolute;opacity:0;max-width:200px;filter:drop-shadow(0 0 15px rgba(255,215,0,.2));animation:memoireMagique 8s infinite ease-in-out;pointer-events:none}.pos-1{top:5%;left:5%;max-width:200px;animation-delay:0s}.pos-2{top:10%;right:15%;max-width:250px;animation-delay:2s}.pos-3{bottom:20%;left:20%;max-width:180px;animation-delay:4.5s}.pos-4{top:30%;right:25%;max-width:220px;animation-delay:1s}.pos-5{bottom:10%;left:10%;max-width:150px;animation-delay:6s}.pos-6{top:40%;right:5%;max-width:200px;animation-delay:3s}@keyframes memoireMagique{0%{opacity:0;transform:scale(.8) translateY(30px);filter:blur(8px)}40%{opacity:.5;transform:scale(1) translateY(0);filter:blur(0px)}60%{opacity:.5;transform:scale(1.05) translateY(-5px);filter:blur(0px)}to{opacity:0;transform:scale(1.1) translateY(-30px);filter:blur(8px)}}.contenu-chargement{text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px;z-index:1}.cercle-image{width:200px;height:200px;border-radius:50%;overflow:hidden;box-shadow:0 0 30px #ffd70066;animation:flottaison 4s ease-in-out infinite;position:relative;z-index:2}.image-ronde{width:100%;height:100%;object-fit:cover}@keyframes flottaison{0%,to{transform:translateY(0)}50%{transform:translateY(-10px);box-shadow:0 10px 40px #ffd70099}}.texte-chargement{font-size:1.2rem;letter-spacing:4px;text-transform:uppercase;color:var(--or-disney);margin:0}.bouton-magique{padding:12px 30px;font-size:1.1rem;text-transform:uppercase;letter-spacing:2px;color:#fff;background:transparent;border:1px solid var(--or-disney);border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #ffd70033;font-family:inherit;pointer-events:auto}.bouton-magique:hover{background:var(--or-disney);color:#000;box-shadow:0 0 25px #ffd70099;transform:scale(1.05)}#ecran-tutoriel{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:9998;display:flex;justify-content:center;align-items:center;transition:opacity 1s ease-in-out;pointer-events:auto}#bg-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:-2;filter:brightness(1.1) contrast(1.2)}.overlay-sombre{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1}.contenu-tuto{text-align:center;max-width:700px;padding:40px;background:#0f0f1480;border:1px solid rgba(255,215,0,.3);border-radius:20px;box-shadow:0 20px 50px #000c}.titre-tuto{font-size:3rem;letter-spacing:8px;margin-top:0;margin-bottom:40px;color:var(--or-disney);text-shadow:0 0 20px rgba(255,215,0,.5)}.etapes-container{position:relative;height:150px;margin-bottom:40px}.etape-tuto{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(20px) scale(.95);transition:all .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.etape-tuto.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.etape-tuto h2{color:#fff;font-size:1.8rem;margin-bottom:15px}.etape-tuto p{color:#ccc;font-size:1.2rem;line-height:1.6}.vies{letter-spacing:5px}#hud{position:absolute;top:0;left:0;width:100vw;padding:20px 30px;display:flex;justify-content:space-between;align-items:flex-start;z-index:500;transition:opacity .5s ease;pointer-events:none}.hud-section{display:flex;gap:15px;pointer-events:none}.hud-bulle{background:var(--fond-ui);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,215,0,.3);padding:10px 20px;border-radius:30px;font-size:1.2rem;font-weight:700;box-shadow:0 4px 15px #00000080;display:flex;align-items:center;gap:10px}.chrono-container{font-family:monospace;font-size:1.5rem;color:#fff;border-color:var(--or-disney);box-shadow:0 0 15px #ffd70033}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:flex;justify-content:center;align-items:center;transition:opacity .4s ease;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.modal-contenu{background:#0f0f1480;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,215,0,.4);border-radius:20px;padding:40px;width:90%;max-width:500px;text-align:center;box-shadow:0 20px 50px #00000080,0 0 30px #ffd7001a inset;transform:scale(1);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto}.modal.cache .modal-contenu{transform:scale(.8) translateY(30px)}.modal-titre{color:var(--or-disney);font-size:2rem;margin-top:0;letter-spacing:2px;text-transform:uppercase}.quiz-options{display:flex;flex-direction:column;gap:1rem;margin:20px 0}.btn-option{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:1.1rem;min-height:var(--taille-cible-tactile);cursor:pointer;transition:all .2s ease}@media(hover:hover){.btn-option:hover{background:#fff3}}.btn-option:active{transform:scale(.98)}.btn-option:disabled{opacity:.5;cursor:not-allowed}.btn-option.correct{background:var(--couleur-succes);border-color:var(--couleur-succes);opacity:1;color:#fff}.btn-option.incorrect{background:var(--couleur-erreur);border-color:var(--couleur-erreur);opacity:1;color:#fff}.message-feedback{min-height:20px;margin-bottom:20px;font-weight:700;font-size:1.2rem}.message-feedback.erreur{color:#ff4757}.message-feedback.succes{color:#2ed573}@media screen and (max-width:768px){.titre-tuto{font-size:2rem;margin-bottom:20px}.contenu-tuto{padding:20px;max-width:90%}.etape-tuto h2{font-size:1.4rem}.etape-tuto p{font-size:1rem}.cercle-image{width:150px;height:150px}.texte-chargement{font-size:1rem}#hud{padding:env(safe-area-inset-top,10px) 10px 5px 10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.hud-section{display:flex;flex-direction:row;align-items:center;gap:4px}.hud-bulle{font-size:.75rem;padding:4px 8px}.chrono-container{font-size:.85rem;padding:4px 8px}.bouton-icone{width:32px;height:32px;font-size:1rem}.modal-contenu{width:92%;padding:20px;max-height:85vh;overflow-y:auto}.modal-titre{font-size:1.5rem;margin-bottom:10px}.quiz-options{gap:.8rem;margin:15px 0}.btn-option{min-height:55px;font-size:1rem;padding:10px}.message-feedback{font-size:1rem;min-height:15px}}.bouton-icone{background:var(--fond-ui);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px #00000080}.bouton-icone:hover{transform:scale(1.1);border-color:var(--or-disney);box-shadow:0 0 15px #ffd70066}.blueprint-magique{max-width:700px!important}.onglets-controles{display:flex;justify-content:center;gap:15px;margin-bottom:25px;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:15px}.onglet{background:transparent;border:none;color:#aaa;font-size:1.2rem;font-weight:700;text-transform:uppercase;cursor:pointer;padding:10px 20px;transition:all .3s ease;border-radius:8px}.onglet:hover{color:#fff}.onglet.active{color:var(--or-disney);background:#ffd7001a;box-shadow:0 0 15px #ffd70033 inset}.schemas-container{position:relative;min-height:250px}.schema{display:none;position:relative;width:100%;height:100%;animation:apparitionDouce .4s ease-out forwards}.schema.active{display:block}@keyframes apparitionDouce{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.silhouette-image{width:100%;max-width:350px;height:200px;object-fit:contain;opacity:.4;filter:drop-shadow(0 0 15px rgba(255,215,0,.8));margin:0 auto;display:block}.label-touche{position:absolute;background:#0a0a0fe6;border:1px solid var(--or-disney);padding:8px 12px;border-radius:8px;text-align:left;box-shadow:0 0 10px #ffd70033;display:flex;flex-direction:column;z-index:2}.label-touche .touche{color:var(--or-disney);font-weight:700;font-size:.9rem;text-transform:uppercase;margin-bottom:4px}.label-touche .desc{color:#fff;font-size:.8rem}.t-gauche-haut{top:0;left:0}.t-gauche-bas{bottom:10%;left:0}.t-droite-haut{top:5%;right:0}.t-droite-bas{bottom:15%;right:0}.liste-pc{text-align:left;display:inline-block;background:#ffffff0d;padding:20px 40px;border-radius:15px;border-left:3px solid var(--or-disney);margin-top:20px}.liste-pc p{margin:15px 0;font-size:1.2rem}.liste-pc strong{color:var(--or-disney)}@media screen and (max-width:768px){.onglet{font-size:.9rem;padding:8px 12px}.label-touche{padding:5px 8px}.label-touche .touche{font-size:.75rem}.label-touche .desc{font-size:.7rem}.silhouette-image{height:150px}.liste-pc p{font-size:1rem}}.modal-actions-colonne{display:flex;flex-direction:column;gap:15px;width:100%;max-width:300px;margin:0 auto}.modal-actions-colonne button{width:100%;padding:15px;font-size:1.1rem}.ui-hints{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;gap:20px;font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:1px}.ui-hints b{color:var(--or-disney)}.hint-mobile{display:none}@media(hover:none)and (pointer:coarse){.hint-desktop{display:none}.hint-mobile{display:inline-block;color:var(--or-disney)}}.controles-audio{background:#0006;padding:20px;border-radius:15px;border:1px solid rgba(255,215,0,.2);margin:20px auto 30px;width:100%}.param-audio{display:flex;align-items:center;justify-content:space-between;margin:15px 0;gap:15px}.param-audio label{font-size:1.1rem;color:#fff;font-weight:700;min-width:140px;text-align:left}.param-audio input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#ffffff1a;border-radius:5px;outline:none;cursor:pointer;box-shadow:inset 0 0 5px #00000080}.param-audio input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--or-disney);box-shadow:0 0 15px #ffd700cc;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.param-audio input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}.flex-choix{display:flex;gap:15px;justify-content:center;margin:25px 0}.btn-diff{padding:12px 25px;font-size:1.2rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;color:#fff;background:#00000080;text-transform:uppercase}.btn-diff:hover{transform:scale(1.1);box-shadow:0 0 15px currentColor}.btn-diff.facile{border-color:#2ed573;color:#2ed573}.btn-diff.normal{border-color:#ffa502;color:#ffa502}.btn-diff.hard{border-color:#ff4757;color:#ff4757}@media screen and (max-width:768px){.flex-choix{flex-direction:column;gap:12px;margin:15px 0}.btn-diff{width:100%;padding:15px;font-size:1.1rem}}.chrono-container,#chrono-affichage{display:none!important}*{font-family:Inter,sans-serif;margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;touch-action:none}*{margin:0;padding:0}#webgl{position:fixed;top:0;left:0;touch-action:none}#ui-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:40px;z-index:10}.disney-logo{width:100px;pointer-events:auto}.footer-controls{display:flex;justify-content:center;width:100%}#btn-play{pointer-events:auto;padding:12px 60px;background-color:#fff;color:#000;border:none;border-radius:8px;font-weight:700;font-size:18px;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 20px #0006;transition:transform .2s ease}#btn-play:hover{transform:scale(1.05) translateY(-5px)}.modal-hidden{display:none!important}#quiz-modal,#quiz-modal #quiz-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#quiz-modal .modal-content{background:#fff;padding:40px;border-radius:20px;width:90%;max-width:450px;text-align:center;box-shadow:0 25px 50px #00000080;color:#1a1a1a}#quiz-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}#quiz-modal #btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999}#quiz-modal #answer-input{width:100%;padding:15px;margin:20px 0;border:2px solid #eee;border-radius:12px;font-size:16px}#quiz-modal #btn-submit{background:#1a1a1a;color:#fff;width:100%;padding:15px;border:none;border-radius:12px;font-weight:700;cursor:pointer;font-size:16px}#quiz-modal .modal-hidden{display:none!important}