.cd-tiles { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin: 12px 0; min-height: 56px; }
.cd-tile { width: 52px; height: 52px; border-radius: 10px; background: #fff; color: #222; font-weight: 800; font-size: 22px; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 3px solid transparent; }
.cd-tile.sel { border-color: var(--mint, #3ddc97); }
.cd-tile:active { transform: scale(0.94); }
.ctrl-row { display: flex; gap: 10px; justify-content: center; margin: 8px 0; }
.op-btn { width: 46px; height: 46px; font-size: 22px; font-weight: 800; border: none; border-radius: 10px; background: #fff; color: #333; cursor: pointer; }
.op-btn:active { background: var(--mint, #3ddc97); }