border: 3px solid #999;
}
+.mini-grid.active {
+ border: 3px solid var(--accent-color-bright);
+}
+
.square {
display: flex;
justify-content: center;
.square.open:hover {
background-color: var(--accent-color-bright);
}
+
+.square.last-move {
+ color: var(--accent-color-bright);
+}
+
+.glyphs {
+ padding-top: 0.5em;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+ grid-column-gap: 0.5em;
+ grid-row-gap: 0.25em;
+}
+
+.glyph-and-name {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.glyph {
+ width: 8vw;
+}