.lo-board{--size:5;display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));gap:clamp(4px,1.4vw,8px);width:min(100%,420px);aspect-ratio:1;margin:0 auto;padding:clamp(6px,2vw,12px);border-radius:16px;background:#1e2329}
.lo-cell{border-radius:clamp(6px,1.6vw,12px);background:#343c45;box-shadow:inset 0 -3px 0 #0004;transition:background-color .15s,box-shadow .15s;touch-action:manipulation}
.lo-cell.on{background:#ffd34d;box-shadow:0 0 18px #ffd34d88,inset 0 -3px 0 #c9971a}
.lo-cell:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.lo-cell:disabled{cursor:default}
.lo-best{margin:12px 0 0;text-align:center;font-size:13px;color:var(--muted)}
.lo-best strong{font-family:var(--mono);color:var(--ink)}
@media(prefers-reduced-motion:reduce){.lo-cell{transition:none}}