/* Kaamko games: Snake (docs/49_GAMES.md). Linked from src/pages/games/snake.astro. */
.gsnake {
  --sn-bg: var(--ice-palette-warm-50);
  --sn-grid: var(--ice-palette-warm-100);
  --sn-body: var(--ice-palette-forest-700);
  --sn-head: var(--ice-palette-navy-900);
  --sn-eye: var(--ice-palette-warm-50);
  --sn-food: var(--ice-palette-crimson-600);
  --sn-leaf: var(--ice-palette-forest-700);
  max-width: 480px;
  margin-inline: auto;
}
[data-theme='dark'] .gsnake {
  --sn-bg: var(--ice-palette-graphite-950);
  --sn-grid: var(--ice-palette-graphite-900);
  --sn-body: var(--ice-palette-forest-300);
  --sn-head: var(--ice-palette-navy-100);
  --sn-eye: var(--ice-palette-graphite-950);
  --sn-food: var(--ice-palette-crimson-300);
  --sn-leaf: var(--ice-palette-forest-300);
}
.gsnake__wrapopt { display: flex; align-items: center; gap: .4rem; min-height: 44px; font-size: .9rem; }
.gsnake__court { position: relative; }
.gsnake__board {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  border: 2px solid var(--ice-color-border-strong, var(--ice-color-border));
  border-radius: 6px;
  touch-action: none;
}
.gsnake__pad {
  display: grid;
  grid-template-columns: repeat(3, 64px);
  grid-template-rows: repeat(2, 56px);
  gap: .4rem;
  justify-content: center;
  margin-top: .9rem;
}
.gsnake__pad [data-dir='up'] { grid-column: 2; grid-row: 1; }
.gsnake__pad [data-dir='left'] { grid-column: 1; grid-row: 2; }
.gsnake__pad [data-dir='down'] { grid-column: 2; grid-row: 2; }
.gsnake__pad [data-dir='right'] { grid-column: 3; grid-row: 2; }
@media (hover: hover) and (pointer: fine) {
  .gsnake__pad { display: none; }
}