*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none;cursor:grab}#loadingPercentage{position:fixed;top:54%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#fff;z-index:10;font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal}@keyframes spinner{to{transform:rotate(360deg)}}.action-container-wrapper{user-select:none;position:fixed;bottom:20px;right:50px;-webkit-tap-highlight-color:transparent}.action-container{position:relative}.menu{list-style:none;padding:0;margin:0;position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;transition:visibility 0s linear .3s}.menu-item{color:#fff;padding:10px;border-radius:50%;margin-bottom:10px;width:40px;height:40px;display:flex;cursor:pointer;justify-content:center;align-items:center;transform:scale(0);opacity:0;transition:transform .3s,opacity .3s}.menu-item{color:#fff;padding:10px;border-radius:50%;margin-bottom:10px;width:40px;height:40px;display:flex;cursor:pointer;justify-content:center;align-items:center;opacity:.8;transition:opacity .3s ease-in-out;pointer-events:auto;overflow:hidden}.menu-item svg{width:100%;height:100%;transition:transform .3s ease-in-out;transform:scale(.6)}.menu-item:hover svg{transform:scale(.7);opacity:1}.menu{pointer-events:none}.menu-item{pointer-events:auto}.action-btn{background-color:transparent;color:#fff;border-radius:50%;width:60px;height:60px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease,transform .3s ease;position:absolute;bottom:0;left:50%;transform:translate(-50%);opacity:0}#settingsButton svg{transition:transform .6s ease;will-change:transform}#settingsButton:hover svg{transform:rotate(60deg)}.action-btn:active{transform:scale(.9) translate(-50%)}.active .menu{visibility:visible;transition-delay:0s}.icon-wrapper{cursor:grab;user-select:none;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;opacity:0}.icon-text{font-family:Verdana,Geneva,Tahoma,sans-serif;margin-top:10px;font-size:14px;color:#c4c4c4;text-align:center}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}@keyframes oscillate{0%,to{transform:translate(-50%,-50%) translate(-10px)}50%{transform:translate(-50%,-50%) translate(10px)}}.icon-wrapper.animate{animation:fadeInOut 5s,oscillate 5s ease-in-out}.balls-wrapper{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;opacity:0;transition:opacity .5s ease}.ball{width:32px;height:32px;border-radius:50%;position:relative;background-color:#ff5e1f}.ball:after{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at top,transparent,rgba(0,0,0,.4) 85%);z-index:10}.ball.active{background-color:gray}.score-card{position:absolute;top:10px;right:10px;background-color:#fff;padding:10px;font-family:Bebas Neue,sans-serif;letter-spacing:1.5px;border-radius:10px;opacity:0;transition:opacity .5s ease}#score{font-size:22px}.fade-in{opacity:1!important}.fade-out{opacity:0!important}#popupContainer{pointer-events:none;user-select:none}.popup-wrapper{text-align:center;transition:transform 2s,opacity 2s;opacity:0;position:absolute;left:50%;top:70%;pointer-events:none}.popup-text{background-color:#fff;padding:20px;box-shadow:0 4px 8px #0000001a;border-radius:10px;font-size:24px;font-weight:700;display:inline-block}@media (max-width: 768px){.popup-text{font-size:18px;padding:15px}}