/* A single horizontal order for movement. Other actions occupy their own row. */
.snake-direction-row{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:6px;flex-basis:100%;max-width:360px}
.maze-pad{width:min(100%,420px);grid-template-columns:repeat(4,minmax(44px,1fr))}
.maze-direction,.ice-actions button,.logic-controls button{min-width:44px;min-height:44px}
.hockey-pad{grid-template-columns:repeat(4,minmax(44px,1fr));grid-template-rows:auto auto;max-width:300px;margin-left:auto;margin-right:auto}
.hockey-pad .hockey-direction{grid-area:auto}
.hockey-pad .hockey-stop{grid-column:1/-1;grid-row:2;width:100%;max-width:180px;justify-self:center}
.falling-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
.falling-controls button:nth-child(n+5){grid-column:auto}