body{background-color:#00303b;color:#f1f2da;overflow:hidden;user-select:none;font-family:Helvetica Neue,Helvetica,sans-serif}#app{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;image-rendering:pixelated}#app>*{transform:scale(3);transform-origin:center}button{font-size:8px;border:1px solid #f1f2da;color:#f1f2da;background:none;cursor:pointer}button:disabled,button:hover{border-style:dashed}button:disabled{cursor:not-allowed}.header{text-align:center}.header p{margin:0}.header button{margin-bottom:1rem}.header .streak{font-size:8px;margin:.25rem}.gameover{text-align:center;font-size:12px;font-weight:700}.grid-sidebar-container{display:flex;flex-direction:row}.grid-sidebar-container .sidebar{margin-left:1.5rem}.grid-sidebar-container .sidebar p{font-size:8px}.grid-sidebar-container .sidebar ul{padding-left:1rem;font-size:8px}.bar{display:flex;flex-direction:row;font-size:8px}.bar ul{margin-left:12px;flex:1;padding:0;list-style:none;display:grid;grid-template-columns:32px 32px 32px;grid-gap:8px}.bar ul li{border:1px solid #f1f2da;padding:4px;text-align:center;cursor:pointer}.bar ul li:hover{border-style:dashed}.bar ul li.selected{background:#f1f2da;color:#00303b}