*{overflow:hidden}::-webkit-scrollbar{display:none}body{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:'Righteous', cursive;background:white}button{font-family:'Righteous', cursive}.d-none{display:none !important}.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::-webkit-input-placeholder{color:#f2cc0c;opacity:0.5}:-ms-input-placeholder{color:#f2cc0c;opacity:0.5}::-ms-input-placeholder{color:#f2cc0c;opacity:0.5}::placeholder{color:#f2cc0c;opacity:0.5}.audio-switch{display:inline-block;width:30px;position:relative;border-radius:16px;height:16px;background:lightgrey;overflow:initial !important}.audio-switch .audio-toggler{width:0;height:0;opacity:0}.audio-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border-radius:16px;background-color:#fff;-webkit-transition:0.4s;transition:0.4s}.audio-switch .slider:before{position:absolute;content:'';height:12px;width:12px;top:2px;left:2px;border-radius:50%;background-color:#050505;-webkit-transition:0.4s;transition:0.4s}.audio-switch .audio-toggler:checked+.slider{background-color:#f2cc0c}.audio-switch .audio-toggler:focus+.slider{-webkit-box-shadow:0 0 1px #f2cc0c;box-shadow:0 0 1px #f2cc0c}.audio-switch .audio-toggler:checked+.slider:before{-webkit-transform:translateX(13px);transform:translateX(13px)}.landing{background:#050505;position:absolute;color:#f2cc0c;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.landing .landing-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.landing .landing-content .game-form{margin:30px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:initial !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.landing .landing-content .game-form .name-input{color:#f2cc0c;background:#050505;text-align:center;font-size:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:'Righteous', cursive;padding:10px;border:none;border:#f2cc0c 1px solid;background:#252525;outline:none}.landing .landing-content .game-form .info-icon{cursor:pointer;color:#050505;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 10px;background:#f2cc0c;font-style:italic}.landing .landing-content .game-form .name-storage-info{font-size:0.7rem;display:none;padding:5px}.landing .landing-content .game-form .info-icon:hover .name-storage-info{display:block}.landing .landing-content .game-form .fill-name-instruction{position:absolute;padding:5px;border:#f2cc0c 1px solid;font-size:0.7rem;left:50%;top:-30px;opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:initial !important;-webkit-transition:opacity 1s ease;transition:opacity 1s ease;display:block}.landing .landing-content .game-form .fill-name-instruction::after{content:' ';position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#f2cc0c transparent transparent transparent}.landing .landing-content .welcome-block{text-align:center;margin-bottom:20px;color:#fff}.landing .landing-content .welcome-block .welcome{font-size:30px}.landing .landing-content .game-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.landing .landing-content .game-btns .game-landing-btn{padding:10px;border:1px solid #f2cc0c;background:none;font-family:'Righteous', cursive;color:#f2cc0c;border-radius:5px;cursor:pointer;letter-spacing:1px;margin-right:10px}.landing .landing-content .game-btns .game-landing-btn:hover{background:#f2cc0c;color:#050505}.message-box{position:absolute;z-index:6;color:#050505;pointer-events:none;top:0px;margin-top:-60px;right:0;left:0;-webkit-transition:margin 0.5s ease-in-out;transition:margin 0.5s ease-in-out}.message-box .message{margin-top:10px;padding:10px;background:#f2cc0c;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:0.8rem}.message-box .msg-close{font-size:20px;margin-left:10px;cursor:pointer;cursor:pointer;pointer-events:all}.event-block{position:absolute;background:#050505;color:#fff;top:0;right:0;left:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1}.event-block .event-block-content{color:#f2cc0c}.event-block .event-block-content .event-head{font-size:3rem;text-align:center}.event-block .event-block-content #event-score{margin:15px;text-align:center}.event-block .event-block-content .event-btns{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.event-block .event-block-content .event-btns .event-btn{margin-right:10px;border:1px solid #f2cc0c;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:5px;cursor:pointer;padding:10px;letter-spacing:1px}.event-block .event-block-content .event-btns .event-btn:hover{background:#f2cc0c;color:#050505}.settings-block{position:absolute;background:#050505;color:#fff;top:0;right:0;left:0;bottom:0;z-index:1}.settings-block .settings-content{border:2px solid #f2cc0c;width:250px}.settings-block .settings-content .settings-head{color:#050505;font-size:1.2em;text-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#f2cc0c;padding:5px 10px}.settings-block .settings-content .setting-type{text-align:center;padding:5px 0;border-bottom:1px solid grey}.settings-block .settings-content .setting-component{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:2px solid grey}.settings-block .settings-content .setting-component:last-child{border:none}.settings-block .settings-content .setting-component .clear-data{background:none;cursor:pointer;border:#fff 1px solid;border-radius:5px;color:#fff;padding:5px}.settings-block .settings-content .setting-component .change-name-input{background:none;padding:5px 0 5px 5px;max-width:130px;border:none;color:grey;font-weight:bold;outline:none;border-bottom:2px solid grey}.settings-block .settings-content .setting-component .change-name-btn{background:none;border:#fff 1px solid;display:block;cursor:pointer;padding:5px;height:100%;color:#fff}.settings-block .settings-content .setting-component .disabled-btn{opacity:0.4;cursor:not-allowed}.settings-block .settings-content .setting-component .audio-status{margin-right:5px}.settings-block .close-settings button{background:none;color:#050505;font-size:2rem;cursor:pointer;border:none;outline:none}.htp-block{z-index:3;position:absolute;background:#050505;color:#fff;top:0;right:0;left:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.htp-block .close-htp button{background:none;color:#f2cc0c;display:inline-block;cursor:pointer;padding:5px;border:#f2cc0c 1px solid;outline:none}.htp-block .htp-content{position:relative;padding:20px;max-width:300px;max-height:420px}.htp-block .htp-content .htp-head{font-size:2rem;text-align:center;margin-bottom:20px;color:#fff}.htp-block .htp-content .htp-points{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.htp-block .htp-content .htp-points .htp-point{margin-bottom:10px}.htp-block .htp-content .htp-points .htp-point .point-head{font-size:1.3rem;padding:10px 0;color:#f2cc0c}canvas{display:block;background:#050505;margin:auto;overflow:initial !important}body{overflow:initial !important;overflow-x:hidden}html{overflow:initial !important;overflow-x:hidden}.game-area{overflow:initial !important;overflow-x:hidden}.score-bar{position:fixed;color:#050505;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;margin:auto;right:0;height:50px}.score-bar .score-panel{margin-right:40px}.score-bar .score-bar-content{height:100%;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;background:#ccc;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.score-bar .score-bar-content .pause{margin-left:10px;background:none;border:#050505 solid 1px;cursor:pointer}.score-bar .score-bar-content .life-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px}.score-bar .score-bar-content .life-bar .life-status-indicator{background:green;width:20px;height:20px;margin-right:10px}.score-bar .score-bar-content .life-bar .bar{background:grey;width:200px;position:relative;height:20px}.score-bar .score-bar-content .life-bar .bar .life{background:green;height:100%;width:100%}.score-bar .score-bar-content .life-bar .bar .life-value{color:white;position:absolute;top:0;right:0;left:0;text-align:center}.small-device{position:absolute;z-index:50;background:#050505;color:#f2cc0c;top:0;bottom:0;right:0;left:0;font-size:1.2rem;text-align:center}.loading{position:absolute;color:#fff;top:0;bottom:0;right:0;left:0;text-align:center;font-size:1.4rem;z-index:1;background:#050505;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.loading .loading-dots{display:block;overflow:initial}.loading .loading-dots .loading-dot{display:inline-block;background:#fff;width:12px;height:12px;border-radius:50%}.loading .loading-dots .loading-dot1{-webkit-animation:dot1 1s 0s ease infinite;animation:dot1 1s 0s ease infinite}.loading .loading-dots .loading-dot2{-webkit-animation:dot2 1s 0.1s ease infinite;animation:dot2 1s 0.1s ease infinite}.loading .loading-dots .loading-dot3{-webkit-animation:dot3 1s 0.2s ease infinite;animation:dot3 1s 0.2s ease infinite}.loading .loading-dots .loading-dot4{-webkit-animation:dot4 1s 0.3s ease infinite;animation:dot4 1s 0.3s ease infinite}.advertize-right{position:absolute;width:400px;right:0;height:100vh}.advertize-left{position:absolute;width:400px;height:100vh;left:0}@-webkit-keyframes dot1{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px);background:#f2cc0c}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dot1{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px);background:#f2cc0c}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes dot2{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px);background:#f2cc0c}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dot2{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px);background:#f2cc0c}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes dot3{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px);background:#f2cc0c}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dot3{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px);background:#f2cc0c}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes dot4{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px);background:#f2cc0c}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dot4{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px);background:#f2cc0c}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width: 450px){.landing-content .name{font-size:2rem !important}.score-bar-content .pause{font-size:0.8rem !important}.life-bar .bar{width:80px !important}}@media (max-width: 1200px){.advertize-left,.advertize-right{width:200px}}@media (max-width: 750px){.advertize-left,.advertize-right{display:none}}