*{box-sizing:border-box}#root,body,html{height:100%}body{margin:0;padding:0}#root{align-items:center;background:#577557;display:flex;justify-content:center}#shape-tests{background:#fff;height:100%;width:100%}#shape-tests .shape{margin:10px}button{--border-width:0.07em;--shadow-color:#4aa52e;background:#92cd41;border:var(--border-width) solid #000;box-shadow:inset calc(var(--border-width)*-1) calc(var(--border-width)*-1) 0 0 var(--shadow-color);color:#fff;cursor:pointer;display:inline-block;font-family:Press Start\ 2P,sans-serif;padding:.5em;position:relative;text-align:center}button:hover{-webkit-filter:saturate(200%) brightness(90%);filter:saturate(200%) brightness(90%)}.new-game{align-items:center;background-color:#fff;display:flex;flex-flow:column nowrap;font-family:Press Start\ 2P,sans-serif;font-size:2vmin;justify-content:space-evenly}.new-game .Logo{padding:10vmin}.new-game .settings{align-items:center;display:flex;flex-flow:column nowrap}.new-game .form-row{align-items:center;display:flex;flex-flow:row;margin:.5em}.new-game .level-text{font-size:1em;width:3.2em}.new-game button{font-size:4em}.new-game footer{align-items:center;display:flex}.new-game .v2-notice{font-size:.5em}.Board{background:#000}.Board .row{display:flex}.Board .cell{--side:calc(4.16667vmin - 0.08333px);--border:calc(var(--side)/10);--hue:calc(var(--idx)*19*12deg);--sat:100%;background:hsl(var(--hue),var(--sat),50%);border-bottom:var(--border) solid hsl(var(--hue),var(--sat),30%);border-left:var(--border) solid hsl(var(--hue),var(--sat),70%);border-right:var(--border) solid hsl(var(--hue),var(--sat),30%);border-top:var(--border) solid hsl(var(--hue),var(--sat),70%);height:var(--side);width:var(--side)}.Board .cell.color-0{--idx:0}.Board .cell.color-1{--idx:1}.Board .cell.color-2{--idx:2}.Board .cell.color-3{--idx:3}.Board .cell.color-4{--idx:4}.Board .cell.color-5{--idx:5}.Board .cell.color-6{--idx:6}.Board .cell.color-7{--idx:7}.Board .cell.color-8{--idx:8}.Board .cell.color-9{--idx:9}.Board .cell.color-10{--idx:10}.Board .cell.color-11{--idx:11}.Board .cell.color-12{--idx:12}.Board .cell.color-13{--idx:13}.Board .cell.color-14{--idx:14}.Board .cell.color-15{--idx:15}.Board .cell.color-16{--idx:16}.Board .cell.color-17{--idx:17}.Board .cell.color-18{--idx:18}.Board .cell.color-19{--idx:19}.Board .cell.color-20{--idx:20}.Board .cell.color-21{--idx:21}.Board .cell.color-22{--idx:22}.Board .cell.color-23{--idx:23}.Board .cell.color-24{--idx:24}.Board .cell.color-25{--idx:25}.Board .cell.color-26{--idx:26}.Board .cell.color-27{--idx:27}.Board .cell.color-28{--idx:28}.Board .cell.color-29{--idx:29}.Logo{align-items:flex-end;display:flex}.Logo .Board{background:none;margin:3px}footer nav a{--border-width:0.07em;--shadow-color:#4aa52e;background:#92cd41;border:var(--border-width) solid #000;box-shadow:inset calc(var(--border-width)*-1) calc(var(--border-width)*-1) 0 0 var(--shadow-color);color:#fff;margin:5px;padding:.3em;text-decoration:none}footer nav .material-icons{font-size:1.75em}footer nav a:hover{-webkit-filter:saturate(200%) brightness(90%);filter:saturate(200%) brightness(90%)}.in-game{display:flex;flex-direction:row;font-family:Press Start\ 2P,sans-serif;font-size:2vmin}aside{align-items:center;background:#fff;display:flex;flex:1 1;flex-direction:column;text-align:center}aside .copy{font-size:.8em}aside .stats{display:grid;grid-template-columns:50% 50%}aside .stat{display:flex;flex-direction:column;font-size:2.5em;justify-content:flex-end;line-height:1.5em;margin:0}aside .stat:before{font-size:.468em;line-height:1.5em}aside .score:before{content:"Score"}aside .lines:before{content:"Lines Cleared"}aside .level:before{content:"Level"}aside .speed:before{content:"Speed"}aside .controls:before{content:"Controls";font-size:1em;line-height:2em}aside .controls{display:flex;flex-direction:column;flex-wrap:wrap;list-style:none;margin:auto}aside .controls .control{align-items:center;display:flex;justify-content:center;margin:.2em}aside .controls .key{background-color:#d3d3d3;border:1px solid #000;border-radius:3px;font-size:1.5em}aside .controls .key:not(.material-icons){font-size:.8em;padding:.5em}aside .controls .action{margin:.3em}aside footer{margin:1em}.PiecePreview{background:#000;height:16.66667vmin;width:25vmin}.PiecePreview,.modal{align-items:center;display:flex;justify-content:center}.modal{background:rgba(0,0,0,.5);height:100%;position:absolute;width:100%}.modal[hidden]{display:none}.modal .card{align-items:center;background:#fff;border-radius:2px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);display:flex;flex-flow:column nowrap;justify-content:space-evenly;min-height:50%;min-width:66%}.modal button{font-size:2em}.gameover .stats{align-items:center;display:flex;flex-flow:column}.gameover .stats .score:before{content:"Score: "}.gameover .stats .lines:before{content:"Lines cleared: "}.gameover .stats .level:before{content:"Level: "}.container{border:1px solid #000;height:100vmin;position:relative;width:100vmin}h1{font-size:3em;line-height:2em;margin:0}
/*# sourceMappingURL=main.b1e84aa8.css.map*/