html,body{margin:0;padding:0;overflow:hidden}body{background-color:#000}*{box-sizing:border-box}canvas{width:100vw;height:100vh}.finalScene-show{display:flex!important}.finalScene{display:none;justify-content:center;align-items:center}.finalSceneContainer{position:relative}.finalOne{background:url(../final/final1.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;width:90vw;height:90vh;border-radius:16px;border:6px rgb(0,0,0) solid;box-shadow:0 14px 28px #ff00bf40,0 10px 10px #7e0f7838;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;transition:all 1s;opacity:1}.finalOne-opacity{opacity:0}.finalTwo{background:url(../final/final2.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;width:90vw;height:90vh;border-radius:16px;border:6px rgb(0,0,0) solid;box-shadow:0 14px 28px #ff00bf40,0 10px 10px #7e0f7838;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;transition:all 1s;opacity:1}.finalTwo-opacity{opacity:0}.finalThree{background:url(../final/final3.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;width:90vw;height:90vh;border-radius:16px;border:6px rgb(0,0,0) solid;box-shadow:0 14px 28px #ff00bf40,0 10px 10px #7e0f7838;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8;transition:all 1s;opacity:1}.finalThree-opacity{opacity:0}.finalFour{background:url(../final/final4.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;width:90vw;height:90vh;border-radius:16px;border:6px rgb(0,0,0) solid;box-shadow:0 14px 28px #ff00bf40,0 10px 10px #7e0f7838;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:7;transition:all 1s;opacity:1}.finalFour-opacity{opacity:0}.menu,.finalScene{width:100vw;height:100vh;background:wheat;position:absolute;z-index:999;transition:all 1s;background-color:#2e0840;background-image:radial-gradient(at 40% 20%,hsla(260,74%,19%,1) 0px,transparent 50%),radial-gradient(at 80% 0%,hsla(243,68%,14%,1) 0px,transparent 50%),radial-gradient(at 0% 50%,hsla(304,43%,14%,1) 0px,transparent 50%),radial-gradient(at 80% 50%,hsla(336,87%,9%,1) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(240,88%,9%,1) 0px,transparent 50%),radial-gradient(at 80% 100%,hsla(270,92%,9%,1) 0px,transparent 50%),radial-gradient(at 0% 0%,hsla(240,75%,8%,1) 0px,transparent 50%)}.menu-hide{transform:translateY(-150%)}.menu-container{position:relative;height:100%}.top-left{position:absolute;left:-400px;top:-400px;width:800px;height:800px}.bottom-left-one{position:absolute;left:50px;bottom:-300px;width:600px;height:600px}.bottom-left-two{position:absolute;left:-300px;bottom:-200px;width:700px;height:700px}.bottom-right-one{position:absolute;right:200px;bottom:-200px;width:600px;height:600px}.bottom-right-two{position:absolute;right:-200px;bottom:-200px;width:800px;height:800px}.bottom-right-three{position:absolute;right:-50px;bottom:150px;width:500px;height:500px}.top-right-one{position:absolute;right:-200px;top:-300px;width:600px;height:600px}.top-right-two{position:absolute;right:-150px;top:0;width:400px;height:400px}.rotateHoraire{animation:13s rotateHoraire infinite}.rotateAntiHoraire{animation:18s rotateAntiHoraire infinite}.logo{position:absolute;top:0;left:48%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:20px}.logo img{max-width:1000px;width:60vw}.logo button{height:70px;width:160px;background-image:url(../escapeButton.png);background-size:cover;background-repeat:no-repeat;background-position:center;border:2px solid rgb(112,60,18);border-radius:2px;color:#fff;cursor:pointer;transition:all .3s}.logo button:hover{box-shadow:0 14px 28px #ff00bf40,0 10px 10px #7e0f7838}.containerKeys{background:url(../backgroundKeys.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:200px;height:66px;position:absolute;top:20px;left:50%;border-radius:8px;transform:translate(-50%);display:flex;justify-content:space-around;align-items:center;gap:5px;padding:5px}.containerKeys-key{height:57px;background-size:contain;background-repeat:no-repeat;background-position:center;width:100%;border-radius:6px;display:none;justify-content:center;align-items:center;opacity:1}.key-1,.key-2,.key-3{display:flex}.escape{width:150px;height:60px;position:absolute;bottom:-150px;left:50%;transform:translate(-50%);background-image:url(../escapeButton.png);background-size:cover;background-repeat:no-repeat;background-position:center;border:2px solid rgb(112,60,18);border-radius:8px;transition:all .3s;color:#fff}.escape-show{bottom:50px}.escape:hover{bottom:40px}.dialog{max-width:60%;max-height:80vh;width:500px;min-height:300px;background:wheat;position:absolute;top:-100%;right:50%;transform:translate(50%,-50%);border-radius:8px;border:6px solid rgba(112,60,18,.39);flex-direction:column;text-align:center;align-items:center;justify-content:space-around;display:flex;transition:all .5s;padding-bottom:10px}.dialogContent{text-align:center;align-items:center;justify-content:space-around;display:flex;width:100%;padding:15px}.dialogContent img{width:350px;height:auto}.dialog-displayed{top:50%}.dialog-close{height:35px;width:80px;background-image:url(../escapeButton.png);background-size:cover;background-repeat:no-repeat;background-position:center;border:2px solid rgb(112,60,18);border-radius:2px;color:#fff;cursor:pointer}.debug-ui{height:80vh;width:200px;background:wheat;position:absolute;right:130px;border-radius:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;padding:10px;overflow:auto}.debug-ui>button{border:1px saddlebrown solid;background:none;padding:10px 5px;border-radius:6px;color:#8b4513;font-weight:600;transition:all .3s}.debug-ui>button:hover{background:#8b4513;color:#fff;cursor:pointer}.divider{border:3px saddlebrown solid;margin:10px 0}@keyframes rotateHoraire{0%{transform:rotate(0)}70%{transform:rotate(350deg)}to{transform:rotate(0)}}@keyframes rotateAntiHoraire{0%{transform:rotate(0)}50%{transform:rotate(-340deg)}to{transform:rotate(0)}}