.lo-scroll { overflow: auto; display: grid; place-items: center; }
.lo-grid { display: grid; gap: 6px; touch-action: manipulation; }
.lo-cell {
  width: var(--cs); height: var(--cs); border-radius: 12px; border: none;
  background: #ece8f5; box-shadow: inset 0 0 0 2px #e0d8f2;
  transition: background .12s ease, transform .08s ease; cursor: pointer;
}
.lo-cell:active { transform: scale(.94); }
.lo-cell.on {
  background: linear-gradient(135deg, var(--sun), var(--coral));
  box-shadow: 0 0 14px rgba(255,107,138,.55);
}