/* Spiderette - sizing only, the look comes from spider-engine.css */

.game-app {
  /* seven columns of seven cards */
  --cw: min(76px, calc((100vw - 132px) / 7));
  --ch: calc(var(--cw) * 1.42);
}

@media (max-width: 640px) {
  /* 7 columns + 6 gaps + board padding + page gutters must fit 100vw.
     Kept well inside the container: the spider-engine mobile rule is
     written for ten columns and must not be allowed to win here. */
  .game-app { --cw: calc((100vw - 96px) / 7); }
}