:root{--color-light-orange: #f9edd2;--color-red: #eb320d;--color-dark-red: #a52309;--color-dark-brown: #592000}html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}body{margin:0;padding:0;font-family:sans-serif;touch-action:none;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}body>*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;touch-action:none}#app{margin:0;padding:0}#gui,.level-ui,.empty-space{position:absolute;top:0;left:0;width:100%;height:100%}.level-ui{color:#f9edd2;font-size:6dvh}.level-ui .coin-text{position:absolute;top:2dvh;left:calc(50% + 1dvh)}.level-ui .time-text{position:absolute;top:2dvh;left:calc(50% - 20dvh)}.coin-text,.lives-text{color:#f9edd2;font-size:6dvh}#main-stage{max-width:100dvw;max-height:100dvh;aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;overflow:hidden}#main-stage canvas{aspect-ratio:4/3;max-width:100%;max-height:100%}.loading-progress{position:absolute;z-index:1000;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;aspect-ratio:1;max-width:100vmin;max-height:100vmin}.loading-progress .pie-diagram,.loading-progress .cover-circle{position:absolute;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.loading-progress .pie-diagram{border:2px solid #000;box-sizing:border-box}.loading-progress .cover-circle{background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:monospace}.loading-progress .cover-circle p{margin:0}.loading-progress .cover-circle .cover-text-header{font-size:2rem}.loading-progress .cover-circle .cover-text-content{font-size:1rem;text-align:center}.input{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.input label{color:#f9edd2}.analog-stick,.analog-stick-handle{height:auto;position:absolute;aspect-ratio:1;border-radius:50%;box-sizing:border-box;touch-action:none}.analog-stick{position:absolute;top:calc(100dvh - min(4cm,30%));z-index:100;width:min(4cm,30%);background-color:#ffffff40;border:.4dvh solid rgba(255,255,255,.4)}.analog-stick-handle{width:50%;height:50%;background-color:#ffffff54;border:.4dvh solid rgba(255,255,255,.5)}.analog-stick-handle.active{background-color:#ffffff80;border:.4dvh solid rgba(255,255,255,.75)}.analog-stick.horizontal{height:min(2cm,15%);border-radius:1cm;top:calc(100dvh - min(3cm,30%))}.analog-stick.horizontal .analog-stick-handle{height:100%}.debug-settings{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:gray;z-index:201;display:flex;flex-direction:column;max-height:100dvh}.debug-settings .renderer-info .label{display:inline-block;width:90px}.debug-settings .scene-representation{overflow:scroll}.centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.emphasized-text{font-family:main-font;color:#f9edd2;-webkit-text-stroke:.3dvh #592000;text-align:center}.normal-text{font-family:main-font;color:#592000;text-align:center}h1,.normal-text{margin:0;font-size:max(5dvh,6mm)}h2{margin:0;font-size:max(4dvh,4.8mm)}.small-text{font-size:max(3dvh,4mm)}.large-text{font-size:max(10dvh,12mm)}.menu-container label{font-family:main-font;font-size:5dvh;color:#592000}.menu-container.dark-background label,.menu-container.dark-background h1,.menu-container.dark-background .normal-text,.menu-container.dark-background .large-text{color:#f9edd2}.border{background-color:transparent;border-image-slice:12.75% 4.2% 14.5% 4.3% fill;border-image-width:1.5dvh;padding:1.4dvh 2dvh 1dvh}button:not(.new-button),.button{font-family:main-font,sans-serif;font-size:5dvh;padding:1.4dvh 6dvh 1dvh;color:#592000;background-color:transparent;border-image-slice:12.75% 19.2% 14.5% 17.3% fill;border-image-repeat:stretch;border-image-width:1.5dvh 5dvh;cursor:pointer;filter:saturate(0);position:relative}button:not(.new-button).secondary,.button.secondary{font-size:max(3dvh,3mm)}button:not(.new-button).simple,.button.simple{border-image-slice:12.75% 4.2% 14.5% 4.3% fill;border-image-width:1.5dvh;padding:1.4dvh 2dvh 1dvh}button:not(.new-button).round,button:not(.new-button).simple.round,.button.round,.button.simple.round{border-image-source:none;border-radius:50%;border:1.35dvh solid #592000;background-color:#f1ce84}button:not(.new-button):hover,button:not(.new-button).selected,.button:hover,.button.selected{filter:saturate(1)}button:not(.new-button).checked:after,.button.checked:after{content:"L";position:absolute;transform:scaleX(-1) rotate(-45deg);top:.15dvh;left:1.9dvh;font-size:6dvh}.light-up{animation-name:light-up;animation-duration:.5s}.pop-in{animation:pop-in .8s ease-in-out;z-index:199}.pop-in-not-centered{animation:pop-in-not-centered .8s ease-in-out;animation-fill-mode:both;animation-delay:2s}.pop-out-not-centered{animation:pop-out-not-centered .8s ease-in-out}@keyframes pop-in{0%{transform:translate(-50%,-50%) scale(0);opacity:0}60%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes pop-in-rotated{0%{transform:translate(-50%,-50%) rotate(45deg) scale(0);opacity:0}60%{transform:translate(-50%,-50%) rotate(45deg) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) rotate(45deg) scale(1);opacity:1}}@keyframes pop-in-not-centered{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pop-out-not-centered{0%{transform:scale(1);opacity:1}60%{transform:scale(1.2);opacity:1}to{transform:scale(0);opacity:0}}@keyframes light-up{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.2);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}.empty-space{transition:background-color .5s ease-in-out;z-index:198}.cover-entire-screen{position:absolute;width:100dvw;height:100dvh;left:0;top:0}.cover-game-screen{position:absolute;width:min(100dvw,134dvh);height:min(100dvh,75dvw);left:calc(50% - min(50dvw,67dvh));top:0;transition:opacity .5s ease-in-out}.cover-game-screen svg{width:100%;height:auto;max-width:100%;max-height:100%;transition:opacity .5s ease-in-out}.cover-game-screen svg g{transition:opacity .5s ease-in-out}.focus-button-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:202;background-color:#000c}.menu-button,.skip-tutorial-button,.peek-left-button,.peek-right-button{position:absolute!important;bottom:2dvh;z-index:200}.menu-button .peek-border,.skip-tutorial-button .peek-border,.peek-left-button .peek-border,.peek-right-button .peek-border{position:absolute;top:2%;left:2%;width:90%;height:90%;border-radius:50%;border:.6dvh solid #eb320d}.menu-button .peek-border.highlight,.skip-tutorial-button .peek-border.highlight,.peek-left-button .peek-border.highlight,.peek-right-button .peek-border.highlight{animation:draw-in 1s;animation-iteration-count:infinite}@keyframes draw-in{0%{transform:scale(5);opacity:0}to{transform:scale(1);opacity:1}}.menu-button{left:50%;transform:translate(-50%)}.skip-tutorial-button{left:calc(50% + max(8.5dvh,10mm))}.peek-left-button,.peek-right-button{width:10dvh;height:10dvh;color:transparent!important}.peek-left-button>img,.peek-right-button>img{position:relative;left:-2dvh;top:-1dvh;width:10.5dvh;height:10.5dvh}.peek-left-button:hover,.peek-right-button:hover{animation:none!important}.peek-left-button{left:calc(min(4cm,30%) + 1dvh)}.peek-right-button{right:calc(min(4cm,30%) + 1dvh);transform:scaleX(-1)}em{font-style:normal;color:#f33}.coin-collection{transform:scale(0);opacity:0}.coin-collection img{width:4dvh}.red-border:before,.orange-border:before,.new-button:before,.new-button:after{content:"";display:block;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0}.red-border:before,.orange-border:before,hr,.new-button:before,.new-button:after{border-style:solid;border-width:3.6dvh;border-image-slice:75 81;border-image-repeat:round round}.new-button{position:relative;font-family:main-font,sans-serif;font-size:max(5dvh,6mm);cursor:pointer;border:none;padding:1dvh 6dvh;color:#f9edd2;background-color:#a52309;-webkit-transition:color .25s,background-color .25s,background-image .25s;transition:color .25s,background-color .25s,background-image .25s}.new-button:before,.new-button:after{border-top-width:0;border-bottom-width:0;border-image-slice:75 81;z-index:1;pointer-events:none;transition:opacity .25s}.new-button:before{opacity:1}.new-button:after{opacity:0}.new-button>img:not(.no-filter){filter:invert(82%) sepia(3%) saturate(2473%) hue-rotate(339deg) brightness(119%) contrast(95%)}.new-button.secondary{font-size:max(3dvh,4mm);padding:.6dvh 4dvh}.new-button.simple{padding:.9dvh 1.8dvh}.new-button.simple:before,.new-button.simple:after{border-image-slice:12.75% 4.2% 14.5% 4.3%;border-image-width:1.5dvh;border-image-source:none;top:-.25dvh;left:-.25dvh;right:-.25dvh;bottom:-.25dvh;box-sizing:border-box;border-width:2dvh}.new-button.round{border-radius:50%;border:none}.new-button.round:before,.new-button.round:after{border:none}.new-button:hover,.new-button.selected{color:#a52309;background-color:#ffca40;animation:button-pop .4s}.new-button:hover>img:not(.no-filter),.new-button.selected>img:not(.no-filter){filter:invert(22%) sepia(89%) saturate(1772%) hue-rotate(350deg) brightness(83%) contrast(107%)}.new-button:hover:before,.new-button.selected:before{opacity:0}.new-button:hover:after,.new-button.selected:after{opacity:1}.new-button.menu-button:hover,.new-button.menu-button.selected{animation:button-pop-centered .4s}.new-button.checkbox.checked{animation:button-pop .4s}.new-button.checkbox.checked .checkmark{opacity:1}.new-button.checkbox:not(.checked){animation:none}.new-button.checkbox .checkmark{position:absolute;top:-.8dvh;left:1.5dvh;font-size:6dvh;z-index:10;opacity:0;transform:scaleX(-1) rotate(-45deg);transition:opacity .25s}.new-button .green-star{width:4dvh!important;transform:scale(1);opacity:1;position:relative;top:-.2dvh;left:unset}.new-button.cutscene-back-button{position:absolute;transition:opacity .25s;bottom:2dvh;left:calc(50dvw - 65dvh);z-index:200}@keyframes button-pop{0%{transform:scale(1)}30%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes button-pop-centered{0%{transform:translate(-50%) scale(1)}30%{transform:translate(-50%) scale(1.1)}to{transform:translate(-50%) scale(1)}}hr{border-bottom-width:0;border-left-width:0;border-right-width:0;width:66%;margin:1dvh auto 0}.hint-dialog-container{position:absolute;width:0;height:0;overflow:visible;display:inline-flex;justify-content:center;align-items:center;transform:scale(0);animation:pop-in-not-centered .8s ease-in-out forwards;animation-delay:1s}.debug-settings{pointer-events:none}.debug-settings input,.debug-settings label,.debug-settings button{pointer-events:auto}.red-border,.orange-border{position:relative}.red-border:before,.orange-border:before{top:-.3dvh;left:-.1dvh;right:-.1dvh;bottom:-.3dvh;z-index:2;pointer-events:none}.menu-container.red-border{background:#f9edd2;background:linear-gradient(0deg,#ffca40,#f9edd2 25%);padding:2.8dvh}.menu-container.red-border .menu-content{display:flex;flex-direction:column;gap:2dvh;padding:5dvh;color:#592000!important;max-height:75dvh;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;scrollbar-width:auto;scrollbar-color:#a52309 #f9edd2}.menu-container.red-border .menu-content h1,.menu-container.red-border .menu-content h2,.menu-container.red-border .menu-content .emphasized-text,.menu-container.red-border .menu-content .small-text,.menu-container.red-border .menu-content label{color:#592000!important;-webkit-text-stroke:unset}.menu-container.red-border .menu-content h2{font-size:5dvh}.sam-reaction-container{width:30dvh;height:60dvh;position:fixed;bottom:0;right:2dvh;z-index:8;pointer-events:none}.faint{filter:grayscale(100%);opacity:.5}.collected{filter:grayscale(0%);opacity:1;animation:light-up .5s ease-in-out}.damage-stats{display:flex;flex-direction:row;justify-content:center;opacity:0;transform:scale(0)}.damage-display{position:relative;height:29dvh;flex:29dvh 0 0;transform:scale(0);opacity:0}.damage-display .circle{position:relative;width:5dvh;z-index:3;top:50%;transform:translateY(-50%)}.damage-display .circle.end{position:absolute;right:0}.damage-display .progress{position:absolute;top:50%;transform:translateY(-50%);left:4.5dvh;width:calc(100% - 9dvh);height:2dvh;background-color:#ffca40;z-index:1}.damage-display .progress .progress-line{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#592000;opacity:0;transform:scaleX(0);transform-origin:left;transition:transform 2.5s linear}.damage-display .progress .event{position:absolute;z-index:4;width:0;height:0;overflow:visible;top:50%;transform:scale(0)}.damage-display .progress .event .icon{width:8dvh;height:8dvh;object-fit:contain;position:absolute;top:4dvh}.damage-display .progress .event .arrow{position:absolute;left:4dvh;top:2dvh;width:1.2dvh;transform:translate(-50%) rotate(-90deg);filter:invert(14%) sepia(26%) saturate(5517%) hue-rotate(14deg) brightness(95%) contrast(103%)}.damage-display .progress .event:nth-child(2n) .icon{top:unset;bottom:4dvh}.damage-display .progress .event:nth-child(2n) .arrow{top:unset;bottom:2dvh;transform:translate(-50%) rotate(90deg)}.goal-display{transform:scale(0);opacity:0;position:relative;align-self:center;margin-bottom:5dvh}.goal-display .goal-ring{margin:auto;display:block;width:30dvh;height:auto}.goal-display .goal-failed{position:absolute;font-size:40dvh;top:calc(50% + .7dvh);left:calc(50% - .7dvh);transform:translate(-50%,-50%) rotate(-45deg) scale(0);opacity:0;color:#a52309!important}.coin-collection{margin-bottom:5dvh}.green-star{width:16dvh!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;z-index:6;transition:filter .5s}.green-star.second-star{filter:hue-rotate(-24deg)}.green-star.third-star{filter:hue-rotate(140deg)}.result-display{display:flex;flex-direction:row;justify-content:center;align-items:center;opacity:0;transform:scale(0);margin-bottom:5dvh}.result-display .green-star{opacity:.333;transition:opacity .333s;transform:none;position:relative;top:0;left:0}@keyframes star-light-up{0%{opacity:.333;transform:scale(1)}35%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.maxdidit-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22dvh;height:auto;opacity:0;pointer-events:none;animation:maxdidit-logo-fade 2.7s ease-in-out forwards}@keyframes maxdidit-logo-fade{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.welcome-message img{max-width:4dvh;vertical-align:middle;margin-right:.6dvh}@media (pointer: coarse),(hover: none){.version-number [title]{position:relative;display:inline-block;justify-content:center}.version-number [title]:focus:after{content:attr(title);position:absolute;top:90%;color:#000;background-color:#fff;border:1px solid;width:fit-content;padding:3px}}.logo-link{width:66%;margin:auto}.logo-link img{width:100%}.achievements-list{display:grid;grid-template-columns:repeat(auto-fit,7dvh);gap:1dvh;align-items:center;justify-self:center}.achievements-list img{width:100%;height:auto;border:.6dvh solid #a52309;box-sizing:border-box;cursor:pointer;filter:grayscale(100%);transform:scale(1);transition:filter .5s,transform .5s}.achievements-list img.achieved{filter:grayscale(0%)}.achievements-list img.selected{transform:scale(1.2)}.specific-achievement-info{box-sizing:border-box;padding:4dvh;display:flex;flex-direction:column;align-items:flex-start;opacity:0;transition:opacity .25s;background-color:#f9edd2}.specific-achievement-info.visible{opacity:1}.specific-achievement-info h1,.specific-achievement-info p{text-align:left}.specific-achievement-info p{font-size:2.2dvh}.achievement-display-box{position:absolute;gap:1dvh;left:50%;bottom:8dvh;transform:translate(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:201}svg #logos>g{cursor:pointer}svg #logos>g #google-highlight-area,svg #logos>g #patreon-highlight-area,svg #logos>g #steam-highlight-area{mix-blend-mode:screen;fill:#f21c70!important;opacity:0!important;transition:opacity .3s}svg #logos>g.selected #google-highlight-area,svg #logos>g.selected #patreon-highlight-area,svg #logos>g.selected #steam-highlight-area,svg #logos>g:hover #google-highlight-area,svg #logos>g:hover #patreon-highlight-area,svg #logos>g:hover #steam-highlight-area{opacity:.75!important}.landscape-overlay{z-index:500;background-color:#000;transition:opacity .3s ease-in-out}.landscape-overlay .landscape-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.landscape-overlay .landscape-content p{color:#fff;font-size:4dvh}.landscape-overlay .landscape-content .landscape-image{width:50dvw;height:50dvw;object-fit:contain;margin-bottom:4dvh;animation:rotate-device 1.5s ease-in-out infinite}@keyframes rotate-device{0%{transform:rotate(90deg);opacity:0}15%{transform:rotate(90deg);opacity:1}25%{transform:rotate(90deg);opacity:1}75%{transform:rotate(0);opacity:1}85%{transform:rotate(0);opacity:1}to{transform:rotate(0);opacity:0}}@media (orientation: landscape){.landscape-overlay{opacity:0;pointer-events:none}}@media (orientation: portrait){.landscape-overlay{opacity:1;pointer-events:all}}.tutorial-explanation .explanation-content{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;left:50%;top:50%;transition:opacity .5s ease-in-out}.tutorial-explanation .explanation-content img{width:20dvh}.tutorial-explanation .explanation-content p{color:#f9edd2}.tutorial-explanation .controls-explanation-content,.tutorial-explanation .collect-coins-content{transform:translate(calc(-50% - 32dvh),calc(-50% - 24dvh))}.tutorial-explanation .explanation-mask-left{position:absolute;top:0;left:50%;right:0;bottom:0;background-color:#000000a6;border-left:5px dashed white;transition:opacity .5s ease-in-out}.click-area{position:absolute;background-color:transparent;width:14dvh;height:20dvh;top:50%;left:50%;cursor:pointer;z-index:199}