@font-face{font-family:Roboto-Regular;font-style:normal;font-weight:600;src:url(/assets/Roboto-Regular~B22Zl-NA.ttf)format("truetype")}@font-face{font-family:Roboto-Thin;font-style:normal;font-weight:lighter;src:url(/assets/Roboto-Thin~CxxL7hmv.ttf)format("truetype")}*{box-sizing:border-box;margin:0;padding:0}:not(textarea,button){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000}#brick{position:absolute}html,body{background-color:#000;font-family:Roboto-Regular,sans-serif}button{z-index:10;pointer-events:auto}button:focus{box-shadow:none;outline:none;transform:scale(1.05)}.canvas{transition:all .2s ease-in-out;position:fixed}.cover{z-index:10000;background-color:#000;width:100vw;position:fixed}.home-container{flex-direction:column;align-items:center;display:flex}.header-container{position:relative}.header{text-align:right;width:min-content;font-family:Roboto-Thin,sans-serif;font-weight:lighter}.btn{color:#fff;border:none;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.btn:hover{cursor:pointer;opacity:.9;transform:scale(1.05);box-shadow:0 0 2px #00000080}.btn:active{outline:none;transform:scale(1)}.btn:disabled{opacity:.5!important;transform:scale(1)!important}.btn:disabled:hover{pointer-events:none!important;cursor:default!important;transform:scale(1)!important}.btn-pause{background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.btn-pause:hover{cursor:pointer;transform:scale(1.05)}.arrow-btn{background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.arrow-btn:hover{cursor:pointer;transform:scale(1.3)}.arrow-btn:focus{transform:scale(1.3)}.arrow-btn:active{transform:scale(1)}.play-container{height:100%;position:relative}.brick{position:absolute;rotate:45deg}.gotcha-brick{background-color:#f8a502}.pause-overlay{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.hud{z-index:1000;flex-direction:row;justify-content:space-between;width:100%;display:flex;position:absolute}.absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.wall{position:absolute}.game-over-container{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.game-over-header{font-family:Roboto-Thin,sans-serif;font-weight:lighter}.game-over-box{flex-direction:column;justify-content:center;align-items:center;font-family:Roboto-Thin,sans-serif;font-weight:700;display:flex}.new-high-score{font-family:Roboto-Thin,sans-serif;font-weight:700}.block{position:absolute}.rate-container{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.btn-rate{border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.btn-rate:hover,.btn-rate:focus{transform:scale(1.2)!important}.btn-rate:disabled{all:unset;background-color:#eee;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex;opacity:1!important}.offline-container,.scores-container{flex-direction:column;align-items:center;height:100%;font-family:Roboto-Thin,sans-serif;font-weight:700;display:flex}.player-high-score-box{flex-direction:row;justify-content:space-evenly;font-family:Roboto-Thin,sans-serif;font-weight:700;display:flex}.btn-dark-mode{background-color:#0000;border:none;border-radius:50%;transition:all .2s ease-in-out;position:absolute}.btn-dark-mode:hover{cursor:pointer;transform:scale(1.2)}.spin{animation:4s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-1440deg)}}.blink{animation:1s infinite blink}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.shake{animation:.2s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px,-3px)}50%{transform:translate(3px,3px)}75%{transform:translate(-3px,3px)}}.shake-hard{animation:.3s ease-in-out shake-hard}@keyframes shake-hard{0%,to{transform:translate(0)}12.5%{transform:translate(-6px,-6px)}25%{transform:translate(6px,-6px)}37.5%{transform:translate(6px,6px)}50%{transform:translate(6px,6px)}62.5%{transform:translate(-6px,-6px)}75%{transform:translate(-6px,6px)}}.rocking{animation:2s linear infinite rocking;display:inline-block}@keyframes rocking{0%{transform:rotate(0)}25%{transform:rotate(20deg)}50%{transform:rotate(0)}75%{transform:rotate(-20deg)}to{transform:rotate(0)}}