.game{flex-direction:column;align-items:center;gap:1rem;margin-block:1rem;display:flex}.game-status{align-items:center;gap:.5rem;min-height:2rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}.board{grid-template-columns:repeat(var(--columns), 1fr);gap:.5rem;width:min(100%,30rem);display:grid}.cell{aspect-ratio:1;border:3px solid var(--line);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-radius:.75rem;min-width:0;padding:0;position:relative}.cell svg{width:76%;height:76%;margin:auto;position:absolute;inset:0}.cell[aria-disabled=true]{cursor:default}.cell:not([aria-disabled=true]):hover{border-color:var(--text)}.cell[data-winning]{border-color:var(--win);box-shadow:0 0 0 3px var(--win)}.cell:focus-visible,.rematch:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.rematch{background:var(--text);min-height:3rem;color:var(--page);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:.75rem;padding:.5rem 1.5rem;font-size:1.125rem;font-weight:600}.shape-gallery{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:1rem;display:grid}.shape-gallery figure{flex-direction:column;align-items:center;gap:.5rem;margin:0;display:flex}.shape-gallery-small{align-items:center;gap:.5rem;display:flex}.shape-gallery figcaption{flex-direction:column;align-items:center;display:flex}.shape-gallery small{opacity:.7}:root{--page:#fff;--text:#1b1b1f;--line:#8c8c99;--win:#b87900;--focus:#1a5fd0;--shape-cross:#d93a44;--shape-circle:#3a86c8;--shape-square:#2f9e44;--shape-diamond:#6a33a8;--shape-star:#5c625f;--shape-plus:#e0357f;--shape-asterisk:#1a8fa8;--shape-oval:#1d7f5c;--shape-heart:#a3263f;--shape-fort:#2b3a8c;--shape-waves:#c25e0a;--shape-goldbar:#a67c00}@media (prefers-color-scheme:dark){:root{--page:#1b1b1f;--text:#f2f2f4;--line:#7d7d8a;--win:#ffc83d;--focus:#8ab4ff;--shape-cross:#ff6b72;--shape-circle:#6bb3f0;--shape-square:#62cc76;--shape-diamond:#a06be0;--shape-star:#a2a8a5;--shape-plus:#ff6aa8;--shape-asterisk:#3fb5ce;--shape-oval:#4cc59a;--shape-heart:#e8697f;--shape-fort:#7f93f0;--shape-waves:#ff9a4d;--shape-goldbar:#ffd23f}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--page);color:var(--text);margin:0}main{padding:1rem}