:root{--heading-color:white;--body-color:white;--greenery:#b7c671;--action-color-outline:#97ac00;--modal-bg:#e8e8e8;--canvas-bg:white;--modal-btn-color:red;--modal-text-color:#5e5c5c;--modal-text-color-nobg:white;--modal-text-color-pannel:#393939;--modal-header-color:#efe3e3;--progress-bar-bg:#dfdfdf;--progress-bar-color:#4caf50;--progress-bar-border-color:#ccc;--error-text-color:red;--action-color-bg:#f2f9d0;--highligh-color:#ffffffc4;--pannel-font-color:#d6c86d}@font-face{font-family:RunnUnniFont;src:url(Alphakind.fc4aa223.otf),url(Alphakind.2de15190.ttf)}h1{color:var(--heading-color);text-shadow:-2px -2px 1px #000,2px -2px 1px #000,-2px 2px 1px #000,2px 2px 1px #000}body{background-color:var(--greenery);color:var(--body-color);flex-direction:column;min-height:98.5vh;font-family:RunnUnniFont;font-size:.9rem;display:flex}footer{margin-top:auto;margin-bottom:76px;font-size:10px}footer a{color:#6899cc}a{color:#4c66b5;text-decoration:none}div,img{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.body-container{width:100%;max-width:720px}@media (orientation:portrait){.body-container{width:100%;max-width:100%}}.game-canvas-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game-area{aspect-ratio:3/2;width:100%;margin-top:0;margin-bottom:auto;position:relative}.game-canvas{background-color:var(--canvas-bg);background-image:url(static-bw.8f6c3c7c.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;width:100%;height:100%}.canvas-overlay{align-items:top;width:calc(100% - 40px);height:calc(100% - 20px);padding-top:20px;padding-left:20px;padding-right:20px;display:flex;position:absolute;top:0;left:0}.canvas-overlay .lefties{margin-left:10px;margin-right:auto;display:flex}.canvas-overlay .righties{margin-left:auto;margin-right:10px;display:flex}.canvas-overlay .game-indicators{width:25px;height:25px;color:var(--pannel-font-color);background-image:url(pannel.d7e20ac7.png);background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;margin-top:-2px;margin-left:10px;padding:4px 15px 8px;font-size:15px;display:flex}.game-indicators img{width:15px}.indicators-pannel-pause img{width:35px;margin-top:-2px}.canvas-overlay .canvas-modal{color:var(--modal-text-color-nobg);z-index:102;border-radius:10px;flex-direction:column;width:65%;height:80%;padding:20px;font-size:.9rem;line-height:.6rem}.canvas-bg{background-image:url(over-panel.3e693dc5.png);background-position:50%;background-repeat:no-repeat;background-size:contain;color:var(--modal-text-color-pannel)!important}.canvas-modal-color{background-color:var(--modal-bg);color:var(--modal-text-color)}.canvas-modal .head{margin-bottom:12px;font-weight:700;line-height:1.5rem;font-size:1.6rem!important}.canvas-modal .scored{color:var(--modal-header-color);font-size:1.2rem;font-weight:700}.canvas-modal .modal-logo{margin-bottom:-50px}.canvas-modal .btns{color:var(--modal-btn-color);margin-top:12px;font-size:2.8rem}.canvas-modal .modal-close-btn{border:2px solid var(--greenery);height:fit-content;color:var(--action-color-outline);border-radius:10px;padding:5px 15px;font-size:1rem}.button-container img{width:75px;margin:-15px 5px 5px}@media (orientation:portrait){.canvas-overlay .canvas-modal{width:100%;height:80%;font-size:.7rem}.canvas-modal .head{font-size:1.2rem;line-height:1rem}.button-container img{width:50px;margin-top: }}.regular-btn img{width:50px;margin-top:15px}.game-paddle-container{justify-content:right;align-items:top;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.game-paddle-container .paddle{justify-content:center;align-items:middle;flex-direction:column;width:33.33%;height:100%;display:flex}.game-paddle-container .paddle .btns{text-align:center;height:10%;color:var(--action-color-outline);padding-bottom:60px;font-size:60px}.start-btn-div{color:var(--pannel-font-color);background-image:url(pannel.d7e20ac7.png);background-position:50%;background-repeat:no-repeat;background-size:contain;margin-top:12px;padding:12px;font-size:1.8rem}.menu-btn{z-index:101}.progress-section{width:60%}.progress-container{background-color:var(--progress-bar-bg);border:1px solid var(--progress-bar-border-color);border-radius:15px;width:65%;height:10px;margin:20px 0;overflow:hidden}.loading-progress-bar{background-color:var(--progress-bar-color);width:3%;height:100%;transition:width .2s}.justify-center{justify-content:center;align-items:center;display:flex}.d-none{display:none!important}.err{color:var(--error-text-color)}.btn{cursor:pointer}.round-loader{border:4px solid var(--progress-bar-color);border-top:4px solid var(--progress-bar-bg);border-radius:50%;width:30px;height:30px;margin:50px auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.paddle-jump-instruct-text{color:var(--heading-color)}.paddle-jump-instruct{width:100%;height:100%;color:var(--highligh-color);font-size:60px;animation:1s ease-in-out infinite zoomInOut}@keyframes zoomInOut{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.source-code{margin-top:6px;font-size:.8rem}.source-code a{color:#ffffff5e}