.game{align-items:center;gap:var(--space-4);flex-direction:column;flex:1;display:flex}.board{--tile:clamp(44px, calc((100vw - 2 * var(--space-4) - 2 * var(--space-2) - 4 * var(--space-1)) / 5), 56px);perspective:600px;justify-content:center;padding:0}@media (min-width:720px) and (min-height:820px){.board{--tile:64px}}.board .sg-tiles{grid-template-columns:repeat(5, var(--tile))}.board .sg-tile{width:var(--tile);height:var(--tile);font-size:calc(var(--tile) * .5);line-height:1}.sg-tiles.example{--tile:40px;grid-template-columns:repeat(5, var(--tile))}.sg-tiles.example .sg-tile{width:var(--tile);height:var(--tile);font-size:20px}.after{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.after p{margin:0}.kbd{margin-top:auto;padding:0}.sg-tile.flip{animation:.25s ease-in-out sg-flip}.sg-tiles.shake{animation:.3s sg-shake}.sg-tile.hop{animation:.42s ease-out both sg-hop}@keyframes sg-flip{50%{transform:rotateX(90deg)}}@keyframes sg-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes sg-hop{40%{box-shadow:0 6px 0 var(--koralle);transform:translateY(-14px)}70%{box-shadow:0 2px 0 var(--mango);transform:translateY(2px)}}