.lg-board{aspect-ratio:1;background:var(--ink);border-radius:var(--radius);gap:8px;width:min(100%,440px,max(220px,100svh - 400px));margin:0 auto;padding:10px;display:grid}.lg-cell{cursor:pointer;background:color-mix(in srgb,var(--surface)14%,var(--ink));border:0;border-radius:10px;min-width:0;min-height:0;padding:0;transition:background .12s,box-shadow .12s}.lg-cell.on{background:var(--sun);box-shadow:0 0 14px color-mix(in srgb,var(--sun)80%,transparent),inset 0 -4px 0 color-mix(in srgb,var(--ink)18%,transparent)}.lg-cell.tip{outline:4px solid var(--accent-l);outline-offset:-4px;animation:1s ease-in-out infinite lg-pulse}.lg-cell:focus-visible{outline:3px solid var(--surface);outline-offset:2px}.lg-hint{margin-left:auto}.lg-win{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.lg-win p{margin:0}@keyframes lg-pulse{50%{outline-color:var(--surface)}}@media (prefers-reduced-motion:reduce){.lg-cell{transition:none}.lg-cell.tip{animation:none}}