@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:300;src:url(../fonts/4iCv6KVjbNBYlgoC1CzjsGyN.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:400;src:url(../fonts/4iCs6KVjbNBYlgoKfw72.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:500;src:url(../fonts/4iCv6KVjbNBYlgoCjC3jsGyN.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:700;src:url(../fonts/4iCv6KVjbNBYlgoCxCvjsGyN.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}::backdrop *,:after,:before{box-sizing:border-box}*{font:inherit;margin:0;padding:0}li,ol[role=list],ul[role=list]{list-style-type:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture,svg{display:block;max-width:100%}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}a{text-decoration:none}*{--grid-width:max(320px,45vh);--mini-grid:calc(var(--grid-width)*6/10)}body{background-color:#000;color:#fff;overflow:hidden}.page-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.game-container{align-items:flex-start;display:flex}.grid{border:2px solid #fff;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(21,1fr);height:calc(var(--grid-width)*2 + var(--grid-width)/10);width:var(--grid-width)}.square{background-color:#000}.mini-grid{background-color:#000;border:2px solid #fff;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);height:var(--mini-grid);padding:50px 0 0}.btn-container,.mini-grid{margin-left:20px;width:var(--mini-grid)}.btn-container{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10px}.control-btn{background-color:rgba(0,0,0,.412);border:2px solid #fff;color:#fff;font-family:monospace,sans-serif;font-size:1.5rem;font-weight:400;letter-spacing:.1rem;padding:.25vw .75vw;width:100%}.control-btn:focus,.control-btn:hover{border:2px solid lime;color:lime}.level-control{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10px;width:var(--mini-grid)}.level-control input,.level-control label{background-color:rgba(0,0,0,.412);border:2px solid #fff;color:#fff;font-family:monospace,sans-serif;font-size:1rem;font-weight:400;padding:.25vw 0;text-align:center;width:100%}.level-control input{border-top:0}.level-control label{border-bottom:0}.gametext,.scoreboard{background-color:rgba(0,0,0,.412);border:1px solid hsla(0,0%,100%,.412);display:flex;justify-content:center;margin-left:20px;margin-top:10px;width:var(--mini-grid)}.gametext h3,.scoreboard h3{color:#fff;font-family:monospace,sans-serif;font-size:1.5rem}audio{display:none}header{display:flex;justify-content:space-between;left:0;padding:3vh 2.5vw;position:absolute;top:0;width:100vw}.header-logo{display:flex;opacity:1;width:13vw}.header-logo:hover{opacity:.85;transform:scale(.95)}.audio-btn-container{display:flex;justify-content:space-between;margin-left:20px;margin-top:10px}.audio-btn-container button{background-color:rgba(0,0,0,.412);border:2px solid #fff;color:#fff;font-size:1.5rem;padding:10px 20px;text-align:center;width:25%}.audio-btn-container #musicMute{border-left:0;border-right:0;width:50%}.audio-btn-container #musicMute:hover{color:#d55}.audio-btn-container .muted{color:#d00}.audio-btn-container #musicUp{border-left:0}.audio-btn-container #musicDown{border-right:0}footer{bottom:0;left:0;padding:3vh 2.5vw;position:absolute;width:100vw}.footer-logo{display:flex;opacity:1;width:13vw}.footer-logo:after{color:hsla(0,0%,100%,.867);content:"audio";font-family:Ubuntu,sans-serif;font-size:.8rem;font-weight:700}.footer-logo:hover{opacity:.85;transform:scale(.95)}canvas{background-color:#000;height:100vh;position:absolute;width:100vw;z-index:-1}