@layer component{.hSf59a_LightsOut{gap:var(--space-4);display:grid}.hSf59a_LightsOut .hSf59a_toolbar,.hSf59a_LightsOut .hSf59a_settings{align-items:end;gap:var(--space-2);flex-wrap:wrap;display:flex}.hSf59a_LightsOut .hSf59a_toolbar{align-items:center}.hSf59a_LightsOut .hSf59a_stats{gap:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;display:flex}.hSf59a_LightsOut .hSf59a_grid{inline-size:min(100%, calc(var(--side) * 4.5rem));border-spacing:var(--space-2);border-collapse:separate;table-layout:fixed}.hSf59a_LightsOut .hSf59a_gridcell{padding:0}.hSf59a_LightsOut .hSf59a_light{aspect-ratio:1;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-surface);inline-size:100%;color:var(--color-text-tertiary);cursor:pointer;touch-action:manipulation;transition:background-color var(--motion-fast), color var(--motion-fast);place-items:center;padding:0;display:grid}.hSf59a_LightsOut .hSf59a_light svg{block-size:45%;inline-size:45%}.hSf59a_LightsOut .hSf59a_light:hover{border-color:var(--color-text-secondary)}.hSf59a_LightsOut .hSf59a_light:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.hSf59a_LightsOut .hSf59a_light[data-lit]{border-color:var(--color-bg-inverse);background:var(--color-bg-inverse);color:var(--color-text-inverse)}.hSf59a_LightsOut .hSf59a_light[data-hint]{outline:3px dashed var(--color-text-primary);outline-offset:3px}.hSf59a_LightsOut .hSf59a_dot{border-radius:var(--radius-full);background:currentColor;block-size:.375rem;inline-size:.375rem}.hSf59a_LightsOut .hSf59a_message{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.hSf59a_LightsOut .hSf59a_message[data-solved]{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.hSf59a_LightsOut .hSf59a_help{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}}