@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root{--border-radius:1vmin}html{overscroll-behavior:none}body{overscroll-behavior:none;margin:0;font-family:sans-serif}#app{flex-direction:column;justify-content:center;align-items:center;height:100dvh;display:flex}#scores{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}#scores article{border-radius:var(--border-radius);color:#000;background-color:bisque;flex-direction:column;justify-content:center;align-items:center;padding:.25rem 1.25rem;display:flex}#scores article span{margin:0;font-size:2.25vmin;font-weight:700}#board{border-radius:calc(var(--border-radius));gap:var(--cell-gap);grid-template-columns:repeat(var(--board-size), var(--cell-size));grid-template-rows:repeat(var(--board-size), var(--cell-size));padding:var(--cell-gap);background-color:#b6b5b5;display:grid;position:relative}.cell{border-radius:var(--border-radius);background-color:#8a8a8a}.tile{background-color:hsl(200, 25%, var(--background-lightness));border-radius:calc(var(--border-radius));color:hsl(200, 25%, var(--text-lightness));height:calc(var(--cell-size));left:calc(var(--x) * (var(--cell-gap) + var(--cell-size)) + var(--cell-gap));top:calc(var(--y) * (var(--cell-gap) + var(--cell-size)) + var(--cell-gap));-webkit-user-select:none;user-select:none;width:calc(var(--cell-size));justify-content:center;align-items:center;font-size:3.5vmin;font-weight:600;transition:all .1s ease-in-out;animation:.2s ease-in-out spawn;display:flex;position:absolute}@keyframes spawn{0%{opacity:.5;transform:scale(0)}}#new-game{border-radius:var(--border-radius);color:#000;cursor:pointer;background-color:bisque;border:none;gap:1rem;margin-top:1rem;padding:.5rem 1rem;font-size:2.25vmin;font-weight:700;display:flex}