@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";
.menuHolder{z-index:2;width:max-content;height:100vh;position:fixed;top:0;left:50vw;overflow-y:auto;transform:translate(-50%)}#gameMenu{background-color:rgba(0,0,0,.19);border-radius:20px;max-width:436px;overflow:hidden}#gameMenu.centered{position:relative;top:50%;transform:translateY(-50%)}#gameMenu .buttonsHolder .game-btn{margin-bottom:20px}#gameMenu .buttonsHolder{flex-direction:column;max-width:350px;margin:0 auto;padding:20px 40px;display:flex}.gameMenuImage{width:100%}.menuTagLine{color:var(--main-light-color);text-align:center;padding:20px 2px;font-size:20px}.smallMenu button,.smallMenu .game-box{padding:8px 6px!important;font-size:15px!important;font-weight:100!important}.smallMenu.menuHolder{width:100vw!important}
:root{--main-color:#f60;--main-extra-light-color:#f60;--main-dark-color:#b37400;--main-light-color:#fc0;--bg-color:#1e1e2f;--scrollbar-fill:transparent;--scrollbar-thumb:#fc0;--scrollbar-thumb-holded:#f60}
.settingsHolder{flex-direction:column;justify-content:flex-start;padding:20px;display:flex}.settingsHolder .game-box{width:100%;margin:5px 0}.toggleRow{align-items:center;gap:10px;display:flex}.toggleRow .left{width:100%}.toggleRow .right{width:100%;max-width:25%}.sliderHolder{padding:0 20px}.volumeParent{color:var(--main-light-color);border:1px solid var(--bg-color);background-color:rgba(0,0,0,.204);border-radius:10px;flex-direction:column;gap:10px;margin-bottom:20px;padding:5px 10px;font-size:20px;display:flex}
.pauseTitle{color:var(--main-light-color);text-align:center;padding:10px;font-size:30px;font-weight:700}.pauseTitle p{padding:10px;font-size:18px;font-weight:200}.menuScore{flex-direction:column;gap:10px;padding:20px;display:flex}.menuScore .toggleRow .right{max-width:-moz-fit-content;max-width:fit-content}.menuScore .toggleRow .score{min-width:12%}.menuScore .toggleRow .highScore{min-width:20%}
.game-box{color:#222;letter-spacing:1px;cursor:default;text-shadow:1px 1px 2px #000;background:linear-gradient(#fc0,#f90);border:3px solid #fff176;border-radius:12px;padding:14px;font-size:22px;transition:all .2s}.game-btn{color:#222;letter-spacing:1px;cursor:pointer;text-transform:uppercase;text-shadow:1px 1px 2px #000;background:linear-gradient(#fc0,#f90);border:3px solid #fff176;border-radius:12px;padding:12px 40px;font-size:20px;transition:all .2s;box-shadow:0 6px #b37400,0 8px 20px rgba(0,0,0,.7)}.game-btn:hover{background:linear-gradient(#ffe066,#fc0);transform:translateY(-2px);box-shadow:0 4px #b37400,0 6px 15px rgba(0,0,0,.7)}.game-btn:active{transform:translateY(2px);box-shadow:0 2px #b37400,0 4px 10px rgba(0,0,0,.7)}.game-btn.sm{padding:9px;font-size:22px;font-weight:300}
.slider{align-items:center;width:100%;padding:10px 0;display:flex;position:relative}.sliderFill{background-image:linear-gradient(#0b801a,#3cb323,#0b801a);border:2px solid #000;border-left:none;border-right:none;width:0;height:20px}.sliderThumb{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content;height:35px;margin-left:-20px;position:absolute}.sliderThumb img{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;height:100%}
*{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Orbitron,monospace}#gameWindow{border-radius:10px;display:block}.firstLayerObject{object-fit:contain;margin-right:3px;position:absolute}.gameWindowHolder{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}canvas{border:3px solid #ba9812;height:100vh}canvas.potrait{width:100vw;height:auto!important}#backgroundImage{object-fit:cover;filter:blur(9px);z-index:-1;width:100vw;height:100vh;position:fixed}.gameBar{z-index:3;align-items:center;gap:16px;width:300px;padding:5px;display:flex;position:fixed;top:2px;left:2px}.gameBar .pause{cursor:pointer;background-color:var(--main-light-color);border-radius:10px;padding:5px;width:50px!important}.gameBar .game-box{width:-moz-fit-content;width:fit-content;font-size:18px}.gameBar .pause img{width:100%}
.welcomeScreenBoard{background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.devWatermark{color:gold;z-index:4;white-space:nowrap;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.devWatermark,.devWatermark sup{font-family:Courier New,Courier,monospace;font-size:15px}.loadingBar{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;max-width:300px;margin:auto;padding:20px;display:flex}.progress-container{background-color:#222;border:2px solid gold;border-radius:10px;width:100%;max-width:500px;height:-moz-fit-content;height:fit-content;overflow:hidden;box-shadow:0 0 15px gold}.progress-bar{background:linear-gradient(90deg,gold,#ffc107);width:60%;height:30px;transition:width .4s}.progress-text{text-align:center;color:gold;margin-top:15px;font-weight:700}
.loadingBar .progress-text{font-size:23px}.imageContianer{height:150px}.imageContianer img{height:100%}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-fill)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-holded)}*{scrollbar-width:initial;scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-fill)}