/* Kaamko games: Sky Glide (docs/49_GAMES.md). Linked from src/pages/games/sky-glide.astro. */
.gsky {
  --sg-sky: var(--ice-palette-navy-100);
  --sg-hill2: var(--ice-palette-slate-300);
  --sg-hill: var(--ice-palette-forest-300);
  --sg-ground: var(--ice-palette-forest-700);
  --sg-pillar: var(--ice-palette-terracotta-600);
  --sg-cap: var(--ice-palette-terracotta-800);
  --sg-plane: var(--ice-palette-white, #fff);
  --sg-fold: var(--ice-palette-navy-700);
  --sg-text: var(--ice-palette-navy-900);
  max-width: 400px;
  margin-inline: auto;
}
[data-theme='dark'] .gsky {
  --sg-sky: var(--ice-palette-graphite-950);
  --sg-hill2: var(--ice-palette-graphite-800);
  --sg-hill: var(--ice-palette-graphite-700);
  --sg-ground: var(--ice-palette-graphite-850);
  --sg-pillar: var(--ice-palette-terracotta-800);
  --sg-cap: var(--ice-palette-terracotta-400);
  --sg-plane: var(--ice-palette-graphite-100);
  --sg-fold: var(--ice-palette-navy-100);
  --sg-text: var(--ice-palette-graphite-100);
}
.gsky__court { position: relative; }
.gsky__canvas {
  display: block;
  width: min(100%, calc(72vh * 2 / 3));
  margin-inline: auto;
  aspect-ratio: 2 / 3;
  border: 2px solid var(--ice-color-border-strong, var(--ice-color-border));
  border-radius: 6px;
  touch-action: none;
  cursor: pointer;
}