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