@font-face{font-family:Silka Regular;src:url(/assets/silka-regular-webfont-bb29e292.eot);src:url(/assets/silka-regular-webfont-bb29e292.eot?#iefix) format("embedded-opentype"),url(/assets/silka-regular-webfont-eb6cbe04.woff2) format("woff2"),url(/assets/silka-regular-webfont-91c139d1.woff) format("woff"),url(/assets/silka-regular-webfont-bc12175f.ttf) format("truetype");font-weight:400;font-style:normal}:root{--background-color: #050505}html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100%;box-sizing:border-box;background-color:var(--background-color);font-family:Silka Regular,Arial,sans-serif;pointer-events:none;background-color:"red"}#app{width:100%;height:100%;display:flex;justify-content:center;pointer-events:none;background-color:var(--background-color)}canvas{box-sizing:border-box;position:relative;background-color:var(--background-color);pointer-events:auto}#transition{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background-color:var(--background-color);transition:opacity .5s ease-in-out;opacity:0;z-index:3;pointer-events:none;display:flex;align-items:center;justify-content:center}#transition__content{text-align:center;color:#fff;align-items:center;display:flex;flex-direction:column}#transition__content p{font-size:30px;margin:0;padding:0;opacity:0;transition:all .5s ease-in-out}#transition__content h2{margin:0;padding:0;font-size:40px;transition:all .5s ease-in-out;opacity:0;line-height:0px}#transition__content h1{margin:0;padding:0;font-size:40px;opacity:0;transition:all .5s ease-in-out}#transition__content p.on,#transition__content h2.on,#transition__content h1.on{opacity:1}.title{display:none;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background-color:var(--background-color);transition:opacity .5s ease-in-out;opacity:1;z-index:3;display:flex;flex-direction:column;z-index:2;justify-content:center;align-items:center}.title#intro{z-index:2}.title#firstTeleport{z-index:1;display:none}.title#placeModule{z-index:1;justify-content:center;align-items:center;transition:opacity 1s}.title#firstTeleport .first{transition:opacity 1s}.title#placeModule .first{gap:100px;transition:opacity 1s}.title .second{display:none;opacity:0;transition:opacity 1s;align-items:center;justify-content:center}.introcontent.second{width:100%;padding:0;display:none;align-items:center;justify-content:center}.introcontent.second .logo-container{justify-content:center}.introcontent.second .container-btn{justify-content:center;display:flex}.introcontent.second img{width:90%;height:auto}.title#teleport{align-items:center;justify-content:center;opacity:0;pointer-events:none}.title.title#teleport.on{pointer-events:all;opacity:1}.title#tp{align-items:center;justify-content:center;opacity:0;pointer-events:none}.title.title#tp.on{pointer-events:all;opacity:1}.introcontent{padding-top:50px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px}.title#intro .introcontent{gap:0;padding-top:0}.logo-container{padding:0;display:flex;align-items:center;justify-content:center;max-height:30dvh;max-width:100%;width:100%}.logo-container.logo{width:300px;height:auto;margin-bottom:100px;max-height:200px}.logo-container.arrows{width:500px;height:auto;margin-bottom:0}.introcontent img{height:100%;max-width:100%}.introcontent p{font-size:40px;color:#fff}#transition.on{opacity:1}#UI{position:absolute;display:flex;align-items:flex-end;margin:auto;width:100%;height:100%;box-sizing:border-box;transition:opacity .5s ease-in-out;opacity:1}#UI__level{position:absolute;bottom:0;font-size:30px;display:flex;flex-direction:row;align-items:center;background-color:var(--background-color);padding:0 54px;max-width:100%;width:calc(100% - 108px)}.ui-content{position:relative;display:flex;background-color:var(--background-color);margin-left:25px;gap:25px;top:50px;transition:all 1s ease;align-items:center}.ui-content.on{top:0}#UI__level p{color:#fff;margin:0;padding:0}#levelNB{pointer-events:all}.ui-content button.mainbtn{font-size:20px;color:var(--background-color);background-color:#fff;border:1px solid #fff;padding:5px 10px;cursor:pointer;pointer-events:all}#playerONE{pointer-events:all;color:var(--background-color);background-color:#fbf8cc;border:1px solid #fbf8cc}#playerONE.selected{color:#fbf8cc;background-color:#fbf8cc80;border:1px solid #fbf8cc}#playerTWO{pointer-events:all;color:var(--background-color);border:1px solid #98f5e1;background-color:#98f5e1}#playerTWO.selected{color:#98f5e1;background-color:#98f5e180;border:1px solid #98f5e1}#playerOneDropdown,#playerTwoDropdown{position:absolute;z-index:1000;cursor:pointer;pointer-events:all;font-size:30px;width:auto;top:0;left:0;width:100%;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;background-color:var(--background-color);padding-top:190px;padding-bottom:180px}#playerOneDropdown button,#playerTwoDropdown button{display:block;cursor:pointer;border:none;background:none;text-align:left;pointer-events:all;padding:0;width:260px;height:180px;background-size:contain;display:flex;align-items:end;background-color:#789;font-size:20px}#playerOneDropdown button{border:2px solid #fbf8cc}#playerTwoDropdown button{border:2px solid #98f5e1}#playerOneDropdown button[data-level="1"]{background-image:url(IMGSLEVEL/Level1.webp)}#playerOneDropdown button[data-level="2"]{background-image:url(IMGSLEVEL/Level2.webp)}#playerOneDropdown button[data-level="3"]{background-image:url(IMGSLEVEL/Level3.webp)}#playerOneDropdown button[data-level="4"]{background-image:url(IMGSLEVEL/Level4.webp)}#playerOneDropdown button[data-level="5"]{background-image:url(IMGSLEVEL/Level5.webp)}#playerOneDropdown button[data-level="6"]{background-image:url(IMGSLEVEL/Level6.webp)}#playerOneDropdown button[data-level="7"]{background-image:url(IMGSLEVEL/Level7.webp)}#playerOneDropdown button[data-level="8"]{background-image:url(IMGSLEVEL/Level8.webp)}#playerOneDropdown button[data-level="9"]{background-image:url(IMGSLEVEL/Level9.webp)}#playerOneDropdown button[data-level="10"]{background-image:url(IMGSLEVEL/Level10.webp)}#playerOneDropdown button[data-level="11"]{background-image:url(IMGSLEVEL/Level11.webp)}#playerOneDropdown button[data-level="12"]{background-image:url(IMGSLEVEL/Level12.webp)}#playerOneDropdown button[data-level="13"]{background-image:url(IMGSLEVEL/Level13.webp)}#playerOneDropdown button[data-level="14"]{background-image:url(IMGSLEVEL/Level14.webp)}#playerOneDropdown button[data-level="15"]{background-image:url(IMGSLEVEL/Level15.webp)}#playerTwoDropdown button[data-level="1"]{background-image:url(IMGSLEVEL/2Level1.webp)}#playerTwoDropdown button[data-level="2"]{background-image:url(IMGSLEVEL/2Level2.webp)}#playerTwoDropdown button[data-level="3"]{background-image:url(IMGSLEVEL/2Level3.webp)}#playerTwoDropdown button[data-level="4"]{background-image:url(IMGSLEVEL/2Level4.webp)}#playerTwoDropdown button[data-level="5"]{background-image:url(IMGSLEVEL/2Level5.webp)}#playerTwoDropdown button[data-level="6"]{background-image:url(IMGSLEVEL/2Level6.webp)}#playerTwoDropdown button[data-level="7"]{background-image:url(IMGSLEVEL/2Level7.webp)}#playerTwoDropdown button[data-level="8"]{background-image:url(IMGSLEVEL/2Level8.webp)}#playerTwoDropdown button[data-level="9"]{background-image:url(IMGSLEVEL/2Level9.webp)}#playerTwoDropdown button[data-level="10"]{background-image:url(IMGSLEVEL/2Level10.webp)}#playerTwoDropdown button[data-level="11"]{background-image:url(IMGSLEVEL/2Level11.webp)}#playerTwoDropdown button[data-level="12"]{background-image:url(IMGSLEVEL/2Level12.webp)}#playerTwoDropdown button[data-level="13"]{background-image:url(IMGSLEVEL/2Level13.webp)}#playerTwoDropdown button[data-level="14"]{background-image:url(IMGSLEVEL/2Level14.webp)}#playerTwoDropdown button[data-level="15"]{background-image:url(IMGSLEVEL/2Level15.webp)}button span{background-color:#fff;color:#000;padding:10px;font-weight:500}#playerOneDropdown button:hover,#playerTwoDropdown button:hover{background-color:#f0f0f0}.hoverable-element{font-size:40px;color:#fff;border:2px solid #fff;background:#000;padding:1rem 2rem;position:relative;margin-left:20px;margin-right:20px;transition:transform .5s}.hoverable-element:before,.hoverable-element:after{content:"";position:absolute;transition:inherit}.hoverable-element:before{height:1rem;top:100%;left:-3.5px;right:-1.6px;transform-origin:top left;background-color:#000;transform:skew(45deg) scaleY(var(--s, 0));border-radius:2px;box-shadow:inset 0 0 0 2px #fff}.hoverable-element:after{width:1rem;left:calc(100% + 1px);top:-2.3px;background-color:#000;bottom:-1px;transform-origin:bottom left;transform:skewY(45deg) scaleX(var(--s, 0));border-radius:2px;box-shadow:inset 0 0 2px 2px #fff}.hoverable-element{--s: .5}.hoverable-element:hover{transform:translate(-.5rem,-.5rem);--s: 0}#startGame1,#after{pointer-events:all}#startGame1:active{background-color:#fff;color:#000}#startGame2{pointer-events:all}#startGame2:active{background-color:#fff;color:#000}#continue-1{pointer-events:all}.movement-button{background-color:#000;opacity:.5}.movement-button.active{background-color:#fff;color:#000}.top-button,.bottom-button{position:absolute;left:50%;width:50dvh;transform:translate(-50%)}.left-button,.right-button{position:absolute;top:50%;height:50dvh;transform:translateY(-50%)}.titleBTN{font-size:40px;border:1px solid white;color:#000;background-color:#fff;margin-bottom:120px}.titleBTN:hover{border-color:#888;background-color:#050505;color:#fff}@media (max-width: 1024px){.logo-container{width:100%;margin-bottom:50px}.logo-container.logo{width:300px;height:auto;margin-bottom:100px;max-height:150px}.introcontent p{font-size:25px}}