.game-lights-out{--lo-on:var(--sunbeam);--lo-off:#e8eef6}.game-lights-out .lo-home-daily{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.game-lights-out .lo-home-preview{width:180px}@media (width<=600px){.game-lights-out .lo-home-daily{grid-template-columns:minmax(0,1fr);gap:16px}.game-lights-out .lo-home-preview{order:-1;width:150px;margin:0 auto}}.game-lights-out .lo-size{font-variant-numeric:tabular-nums;min-width:58px}.game-lights-out .lo-meta{color:var(--muted);margin:12px 0 20px;font-size:14px;font-weight:700;line-height:1.45}.game-lights-out .lo-muted{color:var(--muted);font-size:14px;font-weight:800}.game-lights-out .lo-meta b,.game-lights-out .lo-muted b,.game-lights-out .lo-next-line b{color:var(--ink);font-variant-numeric:tabular-nums}.game-lights-out .lo-next-line{width:100%;color:var(--muted);margin:4px 0 0;font-size:14px;font-weight:800}.game-lights-out .lo-moves{border:2px solid var(--ink);background:var(--game-tint,var(--sunbeam-tint));border-radius:12px;flex-direction:column;align-items:center;min-width:58px;padding:3px 8px 4px;line-height:1;display:flex}.game-lights-out .lo-moves span{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:800}.game-lights-out .lo-moves b{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:2px;font-size:24px;font-weight:700}.game-lights-out .lo-play{flex-direction:column;gap:24px;padding-top:4px;display:flex}.game-lights-out .lo-board{--n:5;--lo-gap:clamp(5px, calc(40px / var(--n)), 10px);grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:var(--lo-gap);width:100%;max-width:calc(var(--n) * 68px + 40px);border:2px solid var(--ink);border-radius:var(--radius-hero);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;margin:0 auto;padding:14px;display:grid;box-shadow:0 7px #22304a59}.game-lights-out .lo-cell{aspect-ratio:1;background:var(--lo-off);border:2px solid var(--ink);cursor:pointer;touch-action:manipulation;border-radius:22%;min-width:0;padding:0;transition:background-color 90ms linear,box-shadow 90ms linear,transform .11s;position:relative;box-shadow:inset 0 3px #22304a1f}.game-lights-out .lo-cell:after{content:"";opacity:0;background:#fff;border-radius:999px;width:26%;height:18%;transition:opacity 90ms linear;position:absolute;top:14%;left:16%}.game-lights-out .lo-cell[data-on=true]{background:var(--lo-on);box-shadow:0 4px 0 #22304a59, 0 0 0 3px color-mix(in srgb, var(--lo-on) 28%, transparent)}.game-lights-out .lo-cell[data-on=true]:after{opacity:.85}.game-lights-out .lo-cell[aria-disabled=true]{cursor:default}.game-lights-out .lo-cell:focus-visible{outline:3px solid var(--lake);outline-offset:2px;z-index:1}.game-lights-out .lo-cell:active:not([aria-disabled=true]){transform:translateY(2px)scale(.96)}@media (hover:hover) and (pointer:fine){.game-lights-out .lo-cell:hover:not([aria-disabled=true]){border-color:var(--signpost-deep)}}.game-lights-out .lo-board[data-size=full] .lo-cell[data-on=true]{animation:.22s ease-out lo-light-on}.game-lights-out .lo-board[data-size=full] .lo-cell[data-on=false]{animation:.18s ease-out lo-light-off}.game-lights-out .lo-play[data-solved=true] .lo-board{opacity:.7}.game-lights-out .lo-board[data-size=preview]{--lo-gap:4px;pointer-events:none;border-radius:14px;padding:7px;box-shadow:0 4px #22304a59}.game-lights-out .lo-board[data-size=preview] .lo-cell{box-shadow:none;border-width:1.5px}.game-lights-out .lo-board[data-size=preview] .lo-cell[data-on=true]{box-shadow:0 2px #22304a59}.game-lights-out .lo-board[data-size=preview] .lo-cell:after{display:none}.game-lights-out .lo-home-preview .lo-board[data-size=preview]{--lo-gap:5px;max-width:none;padding:9px}.game-lights-out .lo-cell[data-tap=true]:before{content:"";border:2.5px solid var(--signpost-deep);border-radius:30%;position:absolute;inset:-5px}.game-lights-out .lo-help{gap:14px;margin:0;padding:0;list-style:none;display:grid}.game-lights-out .lo-help-step{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px;display:grid}.game-lights-out .lo-help-step h3{font-family:var(--font-display);margin:0 0 2px;font-size:17px;font-weight:600;line-height:1.2}.game-lights-out .lo-help-step p{margin:0;font-size:14.5px;font-weight:600;line-height:1.4}.game-lights-out .lo-help-art{justify-content:center;display:flex}.game-lights-out .lo-help-art .lo-board[data-size=preview]{border-radius:11px;width:76px;padding:6px}.game-lights-out .lo-help-foot{justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;display:flex}.game-lights-out .lo-help-keys{color:var(--muted);margin:0 auto 0 0;font-size:13.5px;font-weight:700}@media (hover:none){.game-lights-out .lo-help-keys{display:none}}@media (width<=420px){.game-lights-out .lo-help{gap:12px}.game-lights-out .lo-help-step{grid-template-columns:70px minmax(0,1fr);gap:12px}.game-lights-out .lo-help-step h3{font-size:16px}.game-lights-out .lo-help-step p{font-size:14px;line-height:1.35}.game-lights-out .lo-help-art .lo-board[data-size=preview]{width:66px}}@media (width<=359px),(height<=600px){.game-lights-out .lo-help{gap:10px}.game-lights-out .lo-help-step{grid-template-columns:54px minmax(0,1fr);gap:10px}.game-lights-out .lo-help-step h3{font-size:15px}.game-lights-out .lo-help-step p{font-size:13px;line-height:1.3}.game-lights-out .lo-help-art .lo-board[data-size=preview]{--lo-gap:3px;border-radius:9px;width:54px;padding:4px}.game-lights-out .lo-help-foot{margin-top:12px}.dt-modal:has(.lo-help){padding:10px 14px 14px}.dt-modal:has(.lo-help) .dt-modal-title{margin:6px 0 0;font-size:18px}.dt-modal:has(.lo-help) .dt-icon-btn{width:38px;height:38px}}@keyframes lo-light-on{0%{transform:scale(.88)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes lo-light-off{0%{transform:scale(.92)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.game-lights-out .lo-cell,.game-lights-out .lo-cell:after{transition:none}.game-lights-out .lo-board[data-size=full] .lo-cell{animation:none}.game-lights-out .lo-cell:active:not([aria-disabled=true]){transform:none}}