:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.game{width:100%;display:flex;align-items:center;flex-direction:column}kbd{font-size:1.5em;font-weight:700;padding:.1em .5em;border-radius:.2em;background-color:#6471ff;text-shadow:0 0 .5em rgb(1,4,34);box-shadow:0 0 .4em #010422;color:#fff}.column{display:flex;width:fit-content;height:fit-content;flex-direction:column;align-items:center;font-size:2em}p{margin:-.7em 0 0;transition:all .1s ease;transform-origin:bottom;transition:all .3s ease}.grid{display:inline-flex;padding:.5em;width:fit-content;border:10px solid blue;border-top:1px solid blue;background-color:#6471ff;border-radius:0 0 1em 1em;transition:all .2s ease}.grid.gameover{border:10px solid blue;border-radius:1em}.grid.gameover p{margin:0;height:0;padding:0}.grid.gameover.Yellow-lose{box-shadow:0 0 1em red}.grid.gameover.Red-lose{box-shadow:0 0 1em #ff0}.column{transition:all .1s ease}.column.playing:hover{scale:1.05;background-color:#3f4fff;box-shadow:0 0 1em #3f4fff;border-radius:3em}.column:hover:active{scale:.95}