From e11264168c01b2a80be7c4cefc13d377f1430c45 Mon Sep 17 00:00:00 2001
From: Tim Bendt <sirtimbly@gmail.com>
Date: Thu, 9 Apr 2026 17:45:09 -0400
Subject: [PATCH] Fix: ensure board cells stay square so circles don't become
 ovals

---
 src/styles.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index 868d888..5db1ed4 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -91,14 +91,14 @@ html, body {
 /* Board - fits within shell */
 .board {
   position: relative;
-  width: 100%;
-  height: 100%;
+  width: auto;
+  height: auto;
   max-width: 100%;
   max-height: 100%;
   aspect-ratio: var(--board-columns) / var(--board-rows);
   display: grid;
-  grid-template-columns: repeat(var(--board-columns), 1fr);
-  grid-template-rows: repeat(var(--board-rows), 1fr);
+  grid-template-columns: repeat(var(--board-columns), minmax(0, 1fr));
+  grid-template-rows: repeat(var(--board-rows), minmax(0, 1fr));
   gap: clamp(2px, 0.3cqmin, 4px);
   margin: 0 auto;
 }
@@ -174,6 +174,7 @@ html, body {
   overflow: hidden;
   min-width: 0;
   min-height: 0;
+  aspect-ratio: 1 / 1;
 }
 
 .cell__shade {