@font-face{font-display:swap;font-family:llamarollFont;src:url(/img/font/Rollama-final-Regular.ttf)}body{font-family:llamarollFont}.text-yellow{color:#ffd849}.text-white{color:#fff}.text-purple{color:#733381}*,:after,:before{box-sizing:border-box}body{align-items:center;background-color:#414141;display:flex;flex-direction:row;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;padding:0}.game-container{flex:1;margin-left:10px;margin-right:10px;max-width:1000px;padding-bottom:0;padding-top:0}@media (max-width:800px){.game-container{margin-left:5px;margin-right:5px;max-width:100%;padding-left:5px;padding-right:5px}.mobile-shift{position:fixed;top:0}}img{max-width:100%}.fadingBackgroundAnimation{animation:gradient 25s ease infinite;background:linear-gradient(-45deg,#ffd849,#fbb149,#994fb2,#7bb662);background-size:200% 200%}.fadingBackgroundAnimationDark{background:linear-gradient(45deg,#404040,#589c48,#994fb2,#733381)}.fadingBackgroundAnimationBees{animation:gradient 15s ease infinite;background:linear-gradient(45deg,#838181,#ffd849,#f8a96d,#646300);background-size:400% 400%}.fadingBackgroundAnimationlight{background:linear-gradient(45deg,#fbb149,#f58024,#f8a96d,#fff)}.overlay{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.custom-modal,.pause-modal{background-color:#fbb149;border-radius:1rem;box-shadow:5px 5px #733381;color:#404040;margin:0 auto;max-height:85vh;max-width:700px;overflow-y:auto;padding:20px;position:relative;width:95%}.custom-modal__header{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;text-align:center}.custom-modal__header__two-col{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.custom-modal__header__image{border-radius:25px;margin-bottom:10px;max-width:250px;width:100%}@media (max-width:820px) and (pointer:coarse){.custom-modal__header__image{border-radius:10px;max-width:80px}}.custom-modal__title{font-size:3rem}.custom-modal__time{align-items:flex-start;background-color:rgba(251,177,73,.6);border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.2);display:flex;font-size:1.5rem;padding:5px 10px 0;position:absolute;right:20px;top:20px}.custom-modal__content{font-size:1.4rem;text-align:center}.custom-modal__content p{margin-bottom:.5rem}@media (max-width:820px) and (pointer:coarse){.custom-modal__content{font-size:1.2rem;line-height:1.1}}.custom-modal__list{font-size:1.6rem;line-height:1.1;list-style:none;margin:0;padding:0}.custom-modal__list li:before{content:"- "}.custom-modal__footer{align-items:center;-moz-column-gap:5px;column-gap:5px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;row-gap:12px}.custom-modal__footer>*{border-radius:15px;box-shadow:5px 5px #733381;height:70px!important;margin:0;max-width:180px;padding:0}.custom-modal__footer>*>img{height:100%}.custom-modal__footer .button{padding:0}.custom-modal__footer .start-button{border:none}.custom-modal__footer .teacherbutton{height:70px}@media (max-width:800px){.custom-modal__footer .start-button,.custom-modal__footer .teacherbutton,.custom-modal__footer a img,.custom-modal__footer button img,.custom-modal__footer>*,.custom-modal__footer>img{height:50px!important}}@media (max-height:500px){.custom-modal__header{flex-direction:row}.custom-modal__header__image{border-radius:10px;max-width:80px}.custom-modal__list{font-size:1.4rem}}@media (max-width:576px){.custom-modal,.pause-modal{padding:15px 10px}.custom-modal__header{flex-direction:column}.custom-modal__header__image{border-radius:10px;max-width:60%}.custom-modal__header__two-col{flex-direction:column}}.pause-modal{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:400px;z-index:10}.pause-modal .modal-title{display:block;margin:0 auto;width:70%}.pause-modal .modal-text{font-size:28px;font-weight:700;margin:15px 0;text-align:center}.pause-modal .modal-text button{all:unset}.pause-modal .modal-text a{color:inherit;text-decoration:none}.pause-modal .modal-text>:focus,.pause-modal .modal-text>:hover{cursor:pointer;text-decoration:underline}.pause-modal .action-list{display:flex;flex-direction:column;gap:10px}@media only screen and (max-width:380px){.pause-modal a{display:flex;justify-content:center}.pause-modal a img{max-width:80px!important}.pause-modal .modal-title{width:40%}.pause-modal .modal-text{font-size:20px;line-height:1}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape){.pause-modal a{display:flex;justify-content:center}.pause-modal a img{max-width:80px!important}.pause-modal .modal-title{width:40%}.pause-modal .modal-text{font-size:20px;line-height:1}}.block{background-color:#ffd849;border:1px solid transparent;border-radius:15px;box-shadow:5px 5px #733381;color:#733381;font-size:1.8rem;padding:10px 20px;text-align:center}.block--beige{background-color:#f1c991}.block--orange{background-color:#fbb149}.block--blue{background-color:#91c3f1}.block--white-shadow{box-shadow:5px 5px #fff}.block--disabled,.block.disabled{background-color:#733381;border:1px solid #fff;color:#fff;pointer-events:none}.block--question{align-items:center;display:flex;flex-direction:row;justify-content:center;line-height:1.2;margin-left:auto;margin-right:auto;min-height:100px;padding-bottom:5px;padding-top:5px;width:100%}.block--option{align-items:center;cursor:pointer;display:grid;font-size:1.7rem;gap:10px;grid-template-columns:auto 1fr;padding:10px 15px;position:relative;transition:.1s ease-in-out}.block--option:after{animation:slideRight .7s forwards;border:1.5px solid #000;border-radius:1.2rem;bottom:-15px;color:#fff;font-family:Font Awesome\ 5 Free;font-size:.9rem;font-weight:900;opacity:0;padding:2px 12px;position:absolute;right:-25px;transform:translateX(-50%);z-index:1}.block--option.correct:after,.block--option.correct_symbol:after{background-color:#7bb662;content:"\f00c"}.block--option.wrong:after,.block--option.wrong_symbol:after{background-color:#ff5c33;content:"\f00d"}.block--option.missed:after{background-color:rgba(123,182,98,.3);border:1.5px dotted #7bb662;content:"\f00c"}.block--option.missed_symbol:after{background-color:#7bb662;border:1.5px dotted #7bb662;content:"\f00c"}.block--option:hover{background-color:#f1c991}.block--note{margin-bottom:10px;max-width:500px;padding:5px 15px;width:100%}.block--small{max-width:180px;width:100%}.block.correct,.block.correct:hover{background-color:#7bb662}.block.wrong,.block.wrong:hover{background-color:#ff5c33}@media screen and (max-width:768px){.block{font-size:1.6rem}.block--question{font-size:1.7rem}.block--option{font-size:1.5rem}}@media (max-width:576px),(orientation:landscape) and (max-height:800px){.block--question{min-height:82px}.block--option{padding:2px 5px}}.w-0{width:0!important}.w-5{width:5%!important}.w-10{width:10%!important}.w-15{width:15%!important}.w-20{width:20%!important}.w-25{width:25%!important}.w-30{width:30%!important}.w-35{width:35%!important}.w-40{width:40%!important}.w-45{width:45%!important}.w-50{width:50%!important}.w-55{width:55%!important}.w-60{width:60%!important}.w-65{width:65%!important}.w-70{width:70%!important}.w-75{width:75%!important}.w-80{width:80%!important}.w-85{width:85%!important}.w-90{width:90%!important}.w-95{width:95%!important}.w-100{width:100%!important}@keyframes swing{0%{transform:rotate(0deg)}10%{transform:rotate(10deg)}30%{transform:rotate(0deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(0deg)}60%{transform:rotate(5deg)}70%{transform:rotate(0deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes slideRight{0%{bottom:15px;opacity:0;right:120px}to{bottom:-15px;opacity:1;right:-25px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleUp{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes translateVertical{0%{transform:translateY(var(--translateY-start,-100vh))}to{transform:translateY(var(--translateY-end,0))}}@keyframes fadeInWithTranslate{0%{opacity:0;transform:translateY(var(--translateY-start,-30px))}to{opacity:1;transform:translateY(var(--translateY-end,0))}}:root{--default-shake-x:0px;--default-shake-y:0px}@keyframes shake{0%{transform:translate(calc(var(--default-shake-x, 0px) + 1px),calc(var(--default-shake-y, 0px) + 1px)) rotate(0deg)}10%{transform:translate(calc(var(--default-shake-x, 0px) - 1px),calc(var(--default-shake-y, 0px) - 2px)) rotate(-1deg)}20%{transform:translate(calc(var(--default-shake-x, 0px) - 3px),var(--default-shake-y,0)) rotate(1deg)}30%{transform:translate(calc(var(--default-shake-x, 0px) + 3px),calc(var(--default-shake-y, 0px) + 2px)) rotate(0deg)}40%{transform:translate(calc(var(--default-shake-x, 0px) + 1px),calc(var(--default-shake-y, 0px) - 1px)) rotate(1deg)}50%{transform:translate(calc(var(--default-shake-x, 0px) - 1px),calc(var(--default-shake-y, 0px) + 2px)) rotate(-1deg)}60%{transform:translate(calc(var(--default-shake-x, 0px) - 3px),calc(var(--default-shake-y, 0px) + 1px)) rotate(0deg)}70%{transform:translate(calc(var(--default-shake-x, 0px) + 3px),calc(var(--default-shake-y, 0px) + 1px)) rotate(-1deg)}80%{transform:translate(calc(var(--default-shake-x, 0px) - 1px),calc(var(--default-shake-y, 0px) - 1px)) rotate(1deg)}90%{transform:translate(calc(var(--default-shake-x, 0px) + 1px),calc(var(--default-shake-y, 0px) + 2px)) rotate(0deg)}to{transform:translate(calc(var(--default-shake-x, 0px) + 1px),calc(var(--default-shake-y, 0px) - 2px)) rotate(-1deg)}}@keyframes slideUp{0%{opacity:0;top:0}to{opacity:1;top:-35px}}@keyframes soundLoaderMovement{0%{height:32%;top:4px}50%,to{height:16px;top:12px}}@keyframes flyToPosition{0%{left:calc(var(--start-left)*1px);top:calc(var(--start-top)*1px)}70%{left:calc(var(--end-left)*.6px);top:calc(var(--end-top)*1px)}to{left:calc(var(--end-left)*1px);top:calc(var(--end-top)*1px)}}@keyframes slideDown{0%{top:-110%}to{top:0}}@keyframes transition-up{to{transform:translateY(-200%)}}.button-header{display:flex;justify-content:space-between;margin:.5rem auto;padding:0 .5rem;width:100%}.button-header--around{justify-content:space-around}@media screen and (max-width:576px){.button-header{padding:.4rem}}@media (min-height:800px) and (orientation:landscape){.button-header{margin:1rem auto 4rem}}.button-footer{justify-content:space-around;margin:1rem auto;max-width:650px}.button,.button-footer{align-items:center;display:flex;flex-direction:row}.button{background-color:#ffd849;border:none;border-radius:10px;box-shadow:5px 5px #733381;color:#733381;font-size:1.8rem;justify-content:center;line-height:1;max-width:200px;padding:.5rem;text-align:center}.button.disabled{background-color:#b6b6b6;color:#404040;pointer-events:none}.button--orange{background-color:#fbb149}.button--orange:hover{background-color:#fcc67b}.button--beige{background-color:#f1c991}.button--beige:hover{background-color:#f7dfbe}.button--control{display:flex;font-size:1.8em;justify-content:center;margin:0;max-width:120px;padding:.7rem .5rem;width:100%}@media screen and (max-width:375px){.button--control{max-width:50px}}.button--pause,.button--static{font-size:2.2rem;max-width:165px;width:100%}.button--control i,.button--pause i,.button--static i{font-size:.8em;margin-right:10px}.button--control .icon-right,.button--pause .icon-right,.button--static .icon-right{margin-left:10px;margin-right:0}@media screen and (max-width:475px){.button--control,.button--pause,.button--static{max-width:75px}.button--control .button__text,.button--pause .button__text,.button--static .button__text{display:none!important}.button--control .icon-right,.button--control i,.button--pause .icon-right,.button--pause i,.button--static .icon-right,.button--static i{font-size:1em;margin:0}}.button--narrow{max-width:80px}.button--control:active,.button--pause{transform:translateY(4px)}@media screen and (max-width:576px){.button{font-size:1.6rem}.button--pause,.button--static{font-size:2rem;max-width:125px}.button--narrow{max-width:70px}}@media screen and (max-width:475px){.button{font-size:1.45rem}.button--pause,.button--static{font-size:1.8rem;max-width:75px}.button--narrow{max-width:65px}}@media screen and (max-width:375px){.button{font-size:1.3rem}.button--pause,.button--static{font-size:1.5rem;max-width:50px}.button--narrow{max-width:65px}}.gif-parent{max-width:600px;position:relative;width:95%}.ending-gif{width:100%}.gif-text{align-items:center;bottom:14%;color:#733381;display:flex;flex-direction:column;font-size:1.8rem;font-weight:700;justify-content:center;left:53%;line-height:1.2;position:absolute;right:8%;text-align:center;top:40%}@media (max-height:500px){.gif-parent{max-width:380px}}.teacherbutton{border-radius:10px;box-shadow:5px 5px #733381;cursor:pointer;display:block;height:65px}.teacherbutton:active{box-shadow:5px 5px #733381;transform:translateY(4px)}@media screen and (max-width:576px){.teacherbutton{height:60px}}@media screen and (max-width:475px){.teacherbutton{height:55px}}@media screen and (max-width:375px){.teacherbutton{height:50px}}.loader__background{background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:100}.loader__icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}.image-button{height:100%;max-width:120px;-o-object-fit:contain;object-fit:contain}.endlinks{margin:0 15px;max-height:55px}.endlinks.button{min-width:120px}.endlinks>img{height:55px}.key{cursor:pointer;min-width:240px;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content;z-index:3}.key__inner{display:flex;height:70px;justify-content:end;min-width:240px;z-index:2}.key__inner.open-lock .key__main{scale:1 .5}.key__content{align-items:center;background-color:#fff;display:flex;flex-direction:row;font-size:1.2rem;height:95%;justify-content:center;line-height:1;margin:auto 0;max-width:130px;min-width:95px;position:relative;text-align:center;white-space:nowrap}.key__content:after,.key__content:before{background:#000;content:"";height:8%;position:absolute;width:100%}.key__content:before{top:4%}.key__content:after{bottom:5%}.key__front{margin:1px -10px 0 -3px}.key__main{-o-object-fit:contain;object-fit:contain;transition:scale .5s ease-in-out;width:80px}.key.selected{border-radius:15px;box-shadow:0 0 0 3px #ffd849}@media (max-width:576px){.key,.key__inner{min-width:200px}.key__inner{height:60px}.key__content{font-size:1rem}.key__main{width:64px}}@media (max-width:475px){.key,.key__inner{min-width:185px}.key__inner{height:50px}.key__main{width:50px}}@media (max-width:375px){.key{min-width:150px}.key__content{font-size:.85rem;min-width:75px}.key__main{width:40px}.key__inner{height:40px;min-width:150px}}.lock{--top-offset:0;--icon-size:50px;align-items:end;cursor:pointer;display:flex;padding:10px 0;position:absolute;right:10px;top:calc(var(--top-offset)*1px);transition:top .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.lock .key__inner{position:absolute;right:calc(100% - 40px);top:calc(50% - 5px);transform:translateY(-50%);z-index:2}.lock__text{font-size:1.3rem;line-height:1;max-width:400px;min-width:250px;padding:5px 5px 5px 25px;position:relative;width:100%;z-index:3}.lock__text.correct,.lock__text.correct:hover{background-color:#7bb662}.lock__text.wrong,.lock__text.wrong:hover{background-color:#ff5c33}.lock__text:after{animation:slideRight .7s forwards;border:1.5px solid #000;border-radius:1.2rem;bottom:-15px;color:#fff;font-family:Font Awesome\ 5 Free;font-size:.9rem;font-weight:900;opacity:0;padding:2px 12px;position:absolute;right:-25px;transform:translateX(-50%);z-index:1}.lock__text.correct:after,.lock__text.correct_symbol:after{background-color:#7bb662;content:"\f00c"}.lock__text.wrong:after,.lock__text.wrong_symbol:after{background-color:#ff5c33;content:"\f00d"}.lock__text.missed:after{background-color:rgba(123,182,98,.3);border:1.5px dotted #7bb662;content:"\f00c"}.lock__text.missed_symbol:after{background-color:#7bb662;border:1.5px dotted #7bb662;content:"\f00c"}.lock:after,.lock:before{background-image:url(/img/dungeon-escape/locks/LockBlank.png);background-repeat:no-repeat;background-size:cover;content:"";height:var(--icon-size);left:0;position:absolute;top:50%}.lock:before{transform:translate(-55%,-50%);width:var(--icon-size);z-index:1}.lock:after{background-position-x:right;transform:translateY(-50%);width:calc(var(--icon-size)/2);z-index:3}.lock.selected{--icon-size:60px}.lock.selected .lock__text{background-color:#ffd849}@media (max-width:576px){.lock{--icon-size:40px}.lock .key__inner{right:calc(100% - 32px)}.lock.selected{--icon-size:50px}.lock__text{box-shadow:3px 3px #fff;font-size:1.15rem;max-width:240px;min-width:140px;padding:5px 5px 5px 20px}}@media (max-width:475px){.lock .key__inner{right:calc(100% - 25px)}.lock__text{font-size:1rem;max-width:180px;min-width:unset}}@media (max-width:375px){.lock .key__inner{right:calc(100% - 20px)}.lock__text{font-size:.9rem;max-width:170px}}@media (max-height:420px){.lock__text{padding:0 5px 0 20px}}.game-inner-container .button-footer{width:100%}.game-inner-container .button-footer.hidden{display:none!important}.game-inner-container .button--control{border-radius:15px;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.game-inner-container .button--control.disabled{pointer-events:none}.game-inner-container .button--control.disabled>img{opacity:.5}@media (min-height:800px) and (orientation:landscape){.button-header{margin:1rem auto 1.5rem}}.game-container{--background-image:url(/img/dungeon-escape/scene/Background.jpg);background-image:var(--background-image);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;margin:0;padding:0 10px;position:relative}.game-container:before{background-color:rgba(0,0,0,.6);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.game-inner-container{display:flex;flex-direction:column;z-index:2}.game-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.3rem;margin-top:1.5rem}.rounds-container{--column-count:10;display:grid;grid-template-columns:repeat(var(--column-count),minmax(0,1fr))}.round-item{--round-item-size:50px;height:var(--round-item-size);margin:0 -3px;-o-object-fit:contain;object-fit:contain;width:var(--round-item-size)}.health-container{align-items:center;background-image:url(/img/dungeon-escape/health/Blankhealthbar.png);background-position:41px 5px;background-repeat:no-repeat;background-size:88% 84%;display:flex;flex-direction:row;justify-content:center;position:relative}.health-icon{max-width:50px}.health-icon .animate{animation:swing 1s infinite}.health-bar{height:33px;width:auto}.game-main{display:flex;flex:1;gap:40px;justify-content:space-around;min-height:350px}.keys-column,.locks-column{display:flex;flex-direction:column;justify-content:space-evenly}.keys-column{align-items:end}.locks-column{max-width:400px;min-width:250px;padding-right:10px;position:relative;width:100%}.game-inner-container{transition:opacity .5s}.game-container.lose-state .game-inner-container,.game-container.win-state .game-inner-container{opacity:0}.game-container.win-state:before{animation:fadeOut .5s 2s forwards}.game-container.lose-state{--animation-duration:1000ms;--animation-delay:500ms;overflow:hidden}.game-container.lose-state:after{animation:slideDown var(--animation-duration) ease-out var(--animation-delay) forwards;background-image:url(/img/dungeon-escape/scene/Lose_image.png);background-position:top;background-repeat:no-repeat;background-size:100% 100%;content:"";height:120%;left:0;position:absolute;right:0;top:-110%;z-index:2}@media (max-width:992px){.round-item{--round-item-size:43px}}@media (max-width:768px){.game-inner-container{min-height:90vh}.rounds-container{--column-count:5}.health-container{background-position:34px 1px;background-size:90% 100%}.round-item{--round-item-size:40px;margin:0}.health-icon{max-width:40px}}@media (max-width:576px){.game-container{padding:0}.game-main{gap:15px}.keys-column{align-items:start;margin-right:auto}.keys-column .key,.locks-column{margin-left:auto}.locks-column{min-width:150px;padding-left:20px;width:unset}.game-header{flex-direction:column-reverse;margin:.7rem 0 .4rem}.rounds-container{--column-count:10}.health-container{margin:10px 0}.round-item{--round-item-size:36px}}@media (max-width:375px){.locks-column{min-width:140px}.rounds-container{margin:0 auto;width:95%}.round-item{--round-item-size:32px}}@media (max-height:420px){.game-main{min-height:300px}}