border: 3px solid #999;
}
+.mini-grid.active {
+ border: 3px solid var(--accent-color-bright);
+}
+
.square {
display: flex;
justify-content: center;
background-color: var(--accent-color-bright);
}
+.square.last-move {
+ color: var(--accent-color-bright);
+}
+
.glyphs {
padding-top: 0.5em;
display: grid;
.glyph-and-name {
display: flex;
flex-direction: column;
- justify-content: center;
align-items: center;
}