@import"https://fonts.googleapis.com/css2?family=Ysabeau+Office:ital,wght@0,300;1,500&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Ysabeau Office,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.inputDom,.orbitDom{position:fixed;z-index:3;top:0;left:0;width:100%;height:100%}#canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.orbitDom{z-index:1}input[type=text]:focus,input[type=number]:focus,input[type=range]:focus,input[type=color]:focus,button{outline:none}.popup{z-index:1;position:fixed;bottom:45px;left:50%;transform:translate(-50%);background-color:#ffffffe6;padding:20px 60px;border-radius:30px;box-shadow:0 0 10px #0003;display:flex;width:550px;height:150px;justify-content:space-between;opacity:0;transition:opacity .5s ease-in-out 1s;border:0px solid #000;box-shadow:0 0 #fff,0 0 #000}.popup.visible{opacity:1}.instruction{margin:auto 20px auto 0;width:250px}.title{font-size:20px;font-weight:700;font-style:italic;margin-bottom:10px}.keyboard{display:flex;justify-content:center;flex-direction:column;gap:10px;width:150px}.key-row{display:flex;flex-direction:row;margin:auto;justify-content:space-around;gap:10px}.key{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;background-color:#fff;border:1px solid #000;box-shadow:2px 2px #fff,3px 3px #000;border-radius:5px;margin:2px}.popup2{bottom:220px}.popup3{bottom:395px}.spacebarkey,.shiftkey{width:auto;padding:0 40px}.halloweenPopup{display:flex;flex-direction:column;position:fixed;top:50%;left:50%;z-index:4;transform:translate(-50%,-50%);text-align:center;background-color:#fff;padding:20px 60px;border-radius:30px;box-shadow:0 0 10px #0003;height:0;width:80%;max-width:550px;max-height:400px;justify-content:center;opacity:0}.choice-buttons{display:flex;flex-direction:row;justify-content:center;margin-top:15px}.choice-buttons .choiceButton{background-color:#fefefef0;border:none;border-radius:4px;cursor:pointer;padding:8px 16px;font-size:14px;width:150px;margin:auto 10px;transition:background-color .2s ease-in-out,color .2s ease-in-out;border:1px solid #000;box-shadow:2px 2px #fff,3px 3px #000}.choice-buttons .choiceButton:hover{background-color:#000;color:#fefefef0}.choice-buttons #halloweenMode{background-color:#f19558}.choice-buttons #halloweenMode:hover{background-color:#000;color:#fefefef0}.credits{position:absolute;left:50%;bottom:30px;width:100%;transform:translate(-50%)}.creditlink{color:#000}.range-slider.grad{--progress-shadow: 2px 2px 4px rgba(0, 0, 0, .2) inset;--progress-flll-shadow: var(--progress-shadow);--fill-color: linear-gradient(to right, LightCyan, var(--primary-color));--thumb-shadow: 0 0 4px rgba(0, 0, 0, .3), -3px 9px 9px rgba(255, 255, 255, .33) inset, -1px 3px 2px rgba(255, 255, 255, .33) inset, 0 0 0 99px var(--primary-color) inset}.range-slider.grad input:hover{--thumb-transform: scale(1.2)}.range-slider.grad input:active{--thumb-shadow: inherit;--thumb-transform: scale(1)}.timeIndicator{display:none;position:fixed;top:20px;left:50%;transform:translate(-50%);width:300px;max-width:500px;z-index:1;--progress-shadow: 2px 2px 4px rgba(0, 0, 0, .2) inset;--progress-flll-shadow: var(--progress-shadow);--fill-color: linear-gradient(to right, LightCyan, var(--primary-color));--thumb-shadow: 0 0 4px rgba(0, 0, 0, .3), -3px 9px 9px rgba(255, 255, 255, .33) inset, -1px 3px 2px rgba(255, 255, 255, .33) inset, 0 0 0 99px var(--primary-color) inset;background-color:var(--fill-color)}.timeIndicator input:hover{--thumb-transform: scale(1.2)}.timeIndicator input:active{--thumb-shadow: inherit;--thumb-transform: scale(1)}.natureManager{background-color:#fefefef0;border-radius:30px;box-shadow:0 2px 5px #0000001a;max-width:400px;width:360px;max-height:0px;margin:0 auto;position:fixed;top:117px;right:500px;z-index:3;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;transition:max-height .2s ease;border:0px solid #000;box-shadow:0 0 #fff,0 0 #000;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.natureManager .closeNM{position:absolute;z-index:3;top:35px;right:35px;cursor:pointer}.natureManager h2{padding:30px 30px 10px;z-index:2;width:100%;border-radius:30px 30px 0 0;cursor:pointer}.natureManager .NA-buttons{display:flex;justify-content:center;padding:15px 30px 30px}.natureManager .NA-buttons .NaButton{background-color:#fefefef0;color:#8d8c8c;border:none;border-radius:4px;cursor:pointer;padding:8px 16px;font-size:14px;width:70px;margin:auto 20px;transition:background-color .2s ease-in-out,color .2s ease-in-out;border:0px solid #000;box-shadow:0 0 #fff,0 0 #000}.natureManager .NA-buttons .NaButton:hover{background-color:#80d4e8;color:#fefefef0}.natureManager .section{border-radius:30px;padding:15px 30px;width:100%}.natureManager .section .section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.natureManager .section .section-header .section-toggle{background:none;border:none;padding:0;cursor:pointer}.natureManager .section .section-header .section-toggle img{width:20px;height:20px}.natureManager .section .section-content{display:block;max-height:0;overflow:hidden;transition:max-height .3s ease,margin-top .3s ease}.natureManager .section .section-content .colorRow{display:flex;align-items:center;justify-content:space-around;height:30px}.natureManager .section .section-content .colorRow p{font-size:14px;margin-right:10px;color:#8d8c8c;width:100px}.natureManager .section .section-content .colorRow div{width:150px;text-align:center;display:flex;justify-content:space-around}.natureManager .section .section-content .colorRow div .circular-button{width:20px;height:20px;border-radius:50%;background-color:#80d4e8;margin-left:8px;cursor:pointer;position:relative;overflow:hidden;transition:background-color .2s ease-in-out,border .2s ease-in-out;border:0px solid rgba(0,0,0,0)}.natureManager .section .section-content .colorRow div .circular-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background-color:#fefefef0;transition:transform .2s ease-in-out}.natureManager .section .section-content .colorRow div .circular-button:hover{background-color:#fefefef0;border:2px solid #80d4e8}.natureManager .section .section-content .colorRow div .circular-button:hover:before{transform:translate(-50%,-50%) scale(.7);background-color:#80d4e8}.natureManager .section .section-content .colorRow div .circular-button.active{background-color:#ec6dd4;transition:transform .2s ease-in-out;transform:scale(1.2)}.natureManager .section .section-content .colorRow div .circular-button.active:before{background-color:#fefefef0}.natureManager .section .section-content .colorRow div .circular-button.active:hover{background-color:#fefefef0;border:2px solid #ec6dd4}.natureManager .section .section-content .colorRow div .circular-button.active:hover:before{background-color:#ec6dd4}.natureManager .section .section-content .colorRow .colorPicker{width:22px;height:25px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;padding:none;cursor:pointer;position:relative;overflow:hidden;transition:background-color .2s ease-in-out,border .2s ease-in-out}.natureManager .section .section-content .colorRow .colorPicker::-webkit-color-swatch{border-radius:50%;border:0px solid rgba(254,254,254,.9411764706)}.natureManager .section .section-content .colorRow .colorPicker::-moz-color-swatch{border:0px solid rgba(254,254,254,.9411764706);border-radius:50%}.natureManager .section .section-content .colorRow .colorPicker:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);width:10px;height:10px;border-radius:50%;background-color:#fefefef0;transition:transform .2s ease-in-out}.natureManager .section .section-content .colorRow .colorPicker:hover:before{transform:translate(-50%,-50%) scale(1.2)}.natureManager .section .section-content .colorRow .colorPicker:focus:before{transform:translate(-50%,-50%) scale(1.2)}.natureManager .section .section-content label{font-size:14px;color:#8d8c8c}.natureManager .section .section-content .sliderInput{-webkit-appearance:none;appearance:none;width:100%;height:5px;background:linear-gradient(to right,#cff8ef,#80d4e8);border-radius:4px;outline:none;opacity:1;transition:opacity .2s;cursor:pointer}.natureManager .section .section-content .sliderInput::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background-color:#80d4e8;border-radius:50%;box-shadow:0 1px 2px #0000001a;cursor:pointer}.natureManager .section .section-content .sliderInput::-webkit-slider-thumb:hover{box-shadow:0 2px 4px #0003}.natureManager .section .section-content .sliderInput::-webkit-slider-thumb:active{box-shadow:0 3px 6px #0000004d}.natureManager .section .section-content .sliderInput:hover{opacity:1}.natureManager .section .section-content.active{max-height:1000px;margin-top:15px;transition:max-height .3s ease,margin-top .3s ease}@media (max-width: 768px){.natureManager{height:50vh;bottom:0;top:50%;right:auto;left:50%;transform:translate(-50%,-20px)}}.natureManager::-webkit-scrollbar{display:none}.logo-top{position:fixed;cursor:pointer;top:35px;left:65px;width:70px;z-index:5}@media (max-width: 768px){.logo-top{top:20px;left:20px;width:50px}}.nav-button{position:fixed;top:35px;right:65px;z-index:4;display:flex;justify-content:center;align-items:center;width:45px;height:45px;background-color:#fefefe;border-radius:50%;cursor:pointer;outline:none;transition:filter .2s ease-in-out;border:0px solid #000;box-shadow:0 0 #fff,0 0 #000;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background-color .3s ease-in-out}@media (max-width: 768px){.nav-button{width:40px;height:40px;top:25px;right:20px}}.nav-button .nav-icon{padding:10px;width:45px;z-index:2;transition:transform .3s ease-in-out,filter .3s ease-in-out}@media (max-width: 768px){.nav-button .nav-icon{width:30px;height:30px;padding:3px}}.nav-button:hover{background-color:#000}.nav-button:hover .nav-icon{filter:invert(100%);transform:scale(.8)}.sound-button{right:155px}@media (max-width: 768px){.sound-button{right:80px}}.button-style{border-radius:50%;background:radial-gradient(#FFFFFF 50%,#d8d8d8 80%);touch-action:none}.button-style:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;border-radius:50%;background:radial-gradient(#d8d8d8 50%,#FFFFFF);box-shadow:0 2px 6px #fff,inset 0 0 6px 4px #fff}.joystick{z-index:2;position:absolute;width:150px;height:150px;border-radius:50%;background-color:#f0f0f04b;box-shadow:0 2px 6px #0003;opacity:0;transition:opacity .3s ease-in-out,transform .2s ease-in-out;transform:scale(1)}.joystick .thumb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px}.joystick .direction-icon{width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.2}.joystick .up-icon{top:10%}.joystick .down-icon{top:90%}.joystick .left-icon{left:10%}.joystick .right-icon{left:90%}.jump-button{position:absolute;width:50px;height:50px;bottom:50px;right:40px;z-index:3;transition:transform .1s ease-in,opacity .1s ease-in}.jump-button .jump-icon{z-index:2;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.2}@media (max-width: 768px){.jump-button{right:50px;width:40px;height:40px}}.powerUps-container{display:flex;flex-direction:column-reverse;position:fixed;bottom:35px;right:65px;z-index:3}.powerUps-container .powerUp-button{margin:10px auto;padding:10px;width:45px;cursor:pointer;background-color:#fefefe;border-radius:50%;transition:filter .2s ease-in-out;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0px solid #000;box-shadow:0 0 #fff,0 0 #000}.powerUps-container .powerUp-button:hover{background-color:#fefefe;filter:invert(100%)}@media (max-width: 768px){.powerUps-container{bottom:90px;right:20px;width:40px}.powerUps-container .powerUp-button{width:40px;height:40px}}.powerUps-container .powerUps{display:flex;flex-direction:column;justify-content:space-between;top:0;background-color:#fefefe;border-radius:30px;padding:2px 2px 0;margin:0;opacity:0;transform:scaleY(0);transform-origin:bottom center;will-change:opacity,transform;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.powerUps-container .powerUps.active{opacity:1;transform:scaleY(1)}.powerUps-container .powerUps .powerUp-icon{margin:5px auto;padding:0}.powerUps-container .powerUps .powerUp-icon .powerImage{padding:10px;width:40px;height:40px;cursor:pointer;border-radius:50%;opacity:0;transition:filter .1s ease-in-out;will-change:opacity,filter}@media (max-width: 768px){.powerUps-container .powerUps .powerUp-icon .powerImage{padding:10px;width:35px;height:35px}}.powerUps-container .powerUps .powerUp-icon:first-of-type{margin-top:1px}.powerUps-container .powerUps .powerUp-icon:last-of-type{margin-bottom:-1.5px}.powerUps-container .powerUps .powerUp-icon .tooltip{position:absolute;left:-50%;transform:translate(-100%,-50%);background-color:#ffffffe6;border-radius:4px;padding:8px;opacity:0;transition:opacity .4s,transform .2s;pointer-events:none;width:200px;box-shadow:0 2px 4px #0000001a}.powerUps-container .powerUps .powerUp-icon .tooltip h6{font-size:16px;font-weight:500;font-style:italic}.powerUps-container .powerUps .powerUp-icon .tooltip p{font-size:12px;color:#8d8c8c}.powerUps-container .powerUps .powerUp-icon .tooltip:after{content:"";position:absolute;left:105%;top:50%;transform:translateY(-50%);border-width:5px;border-style:solid;border-color:transparent transparent transparent rgba(255,255,255,.9)}.powerUps-container .powerUps .powerUp-icon:hover .powerImage{background-color:#fefefe;filter:invert(100%)}.powerUps-container .powerUps .powerUp-icon:hover .tooltip{opacity:1;transform:translate(-100%,-25%)}.settings-panel{z-index:3;opacity:0;position:absolute;top:115px;right:65px;width:360px;max-height:640px;height:80%;transform-origin:right top;transform:scale(0);background-color:#fefefef0;padding:30px;border-radius:30px;box-shadow:0 2px 4px #0003;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;border:0px solid #000;box-shadow:0 0 #fff,0 0 #000;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 768px){.settings-panel{top:80px;right:20px;width:80%;height:80vh;max-height:80vh;border-radius:20px}}.settings-panel .character{display:flex;align-items:center;margin-bottom:16px}.settings-panel .character img{width:40px;height:40px;border-radius:50%;margin-right:8px}.settings-panel .character .name{font-size:18px;font-weight:700}.settings-panel h2{opacity:0;margin-top:0;margin-bottom:10px}.settings-panel .subdivision{opacity:0;margin-top:15px;margin-bottom:15px}.settings-panel .subdivision h3{font-size:20px;margin-bottom:8px}.settings-panel .subdivision .option{opacity:0;display:flex;align-items:center;justify-content:space-between}.settings-panel .subdivision .option div{flex:1}.settings-panel .subdivision .option h6{font-size:16px;margin-bottom:4px}.settings-panel .subdivision .option p{font-size:14px;margin-bottom:8px;color:#8d8c8c}.settings-panel .subdivision .option .circular-button{width:20px;height:20px;border-radius:50%;background-color:#80d4e8;margin-left:8px;cursor:pointer;position:relative;overflow:hidden;transition:background-color .2s ease-in-out,border .2s ease-in-out;border:0px solid rgba(0,0,0,0)}.settings-panel .subdivision .option .circular-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background-color:#fefefef0;transition:transform .2s ease-in-out}.settings-panel .subdivision .option .circular-button:hover{background-color:#fefefef0;border:2px solid #80d4e8}.settings-panel .subdivision .option .circular-button:hover:before{transform:translate(-50%,-50%) scale(.7);background-color:#80d4e8}.settings-panel .subdivision .option .circular-button.active{background-color:#ec6dd4;transition:transform .2s ease-in-out;transform:scale(1.2)}.settings-panel .subdivision .option .circular-button.active:before{background-color:#fefefef0}.settings-panel .subdivision .option .circular-button.active:hover{background-color:#fefefef0;border:2px solid #ec6dd4}.settings-panel .subdivision .option .circular-button.active:hover:before{background-color:#ec6dd4}.settings-panel .subdivision .option .camera-switch-button{width:25px;height:25px;border-radius:50%;margin-left:8px;background-color:#fefefef0;border:4px solid #80d4e8;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:border .2s ease-in-out}.settings-panel .subdivision .option .camera-switch-button .camera-switch-img{width:18px;transform:rotate(0);transition:transform .2s ease-in-out,width .2s ease-in-out;transform-origin:center center}.settings-panel .subdivision .option .camera-switch-button:hover{border:3px solid #80d4e8}.settings-panel .subdivision .option .camera-switch-button:hover .camera-switch-img{width:16px}.settings-panel .subdivision .description{font-size:12px}.settings-panel .subdivision .slider-input{-webkit-appearance:none;appearance:none;height:5px;background:linear-gradient(to right,#cff8ef,#80d4e8);border-radius:4px;outline:none;opacity:1;transition:opacity .2s;cursor:pointer}.settings-panel .subdivision .slider-input input[type=range]{width:100%}.settings-panel .subdivision .slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background-color:#80d4e8;border-radius:50%;box-shadow:0 1px 2px #0000001a;cursor:pointer}.settings-panel .subdivision .slider-input::-webkit-slider-thumb:hover{box-shadow:0 2px 4px #0003}.settings-panel .subdivision .slider-input::-webkit-slider-thumb:active{box-shadow:0 3px 6px #0000004d}.settings-panel .subdivision .slider-input:hover{opacity:1}.settings-panel .camera{margin-bottom:0}.settings-panel .settings-button:focus{outline:none}.settings-panel .subdivision .circular-button.active{background-color:#ec6dd4}.settings-panel::-webkit-scrollbar{display:none}