.m3-board { display: grid; grid-template-columns: repeat(8, 1fr); gap: 3px; width: min(94vw, 360px); margin: 10px auto; aspect-ratio: 1 / 1; }
.m3-cell { border-radius: 8px; cursor: pointer; box-shadow: inset 0 -3px rgba(0,0,0,0.15); }
.m3-cell.sel { outline: 3px solid #fff; transform: scale(0.9); }
.c0 { background: #e23b3b; } .c1 { background: #2f6fe0; } .c2 { background: #2faf5a; } .c3 { background: #e6b800; } .c4 { background: #9b59b6; } .c5 { background: #ff8c42; }