body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{height:100%;margin:0;font-family:system-ui;font-size:1.2rem}.App{height:100vh;text-align:center;display:grid;grid-template-rows:auto 1fr auto;gap:1em}h1{margin:0;background-color:#b22222;color:#fff;padding:.5em}.footer{width:100%;background-color:#b22222;text-align:right}.footer a{display:block;margin:auto;color:#fff;padding:.5em}.game{height:100%;flex-grow:1;display:flex;margin:0 auto;gap:3em;justify-content:center;align-items:stretch}.board{background-color:#282c34;height:100%;aspect-ratio:1 / 2;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(20,1fr);border:1px solid black}.panel{color:#b22222;display:flex;gap:1em;flex-direction:column;align-items:center;justify-content:space-between}.score-value{font-size:3em;font-weight:700;margin:0}.empty,.filled{background-color:#282c34;aspect-ratio:1 / 1;height:100%;width:auto;min-width:10px;min-height:5px}.filled{background-color:hsl(var(--block-hue),90%,60%);box-shadow:0 0 0 2px hsl(var(--block-hue),80%,30%) inset}.preview{display:grid;background-color:#000;padding:1em}button{background-color:tomato;border:0;padding:1em;border:1px solid firebrick;border-radius:5px;font-weight:500}