.lights-out{--lights-width:min(100%, 480px, max(250px, calc(var(--play-height,100svh) - 250px)))}.lights-out .game-toolbar{grid-template-columns:auto auto 64px;justify-content:center;align-items:center;gap:8px;margin:0 auto;display:grid}.lights-out .game-toolbar label{align-items:center;gap:6px;font-size:14px;display:flex;position:relative}.lights-out .game-toolbar label:after{content:"";pointer-events:none;border-bottom:2px solid #223144;border-right:2px solid #223144;width:5px;height:5px;position:absolute;right:9px;transform:translateY(-2px)rotate(45deg)}.lights-out .game-toolbar .game-button,.lights-out .game-select{min-width:44px;min-height:44px}.lights-out .game-toolbar .game-button{width:100%;padding:8px 10px;font-size:13px}.lights-out .game-select{appearance:none;max-width:144px}.lights-out .lights-reset-slot{width:64px;height:44px;display:block}.lights-out .lights-readout{width:var(--lights-width);color:#354e46;justify-content:space-between;align-items:baseline;gap:12px;margin:10px auto;display:flex}.lights-out .lights-readout .game-status{text-align:left;margin:0;font-size:14px;line-height:20px}.lights-out .lights-moves{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px;font-weight:800;line-height:20px}.lights-out .lights-board{grid-template-columns:repeat(var(--lights-size), minmax(0, 1fr));grid-template-rows:repeat(var(--lights-size), minmax(0, 1fr));width:var(--lights-width);aspect-ratio:1;background:linear-gradient(115deg,#e4c18b,#d7ac73 48%,#dfba86);border-radius:16px;gap:6px;margin:0 auto;padding:10px;display:grid;box-shadow:inset 0 0 0 1px #65472f,inset 0 0 0 6px #ba864f,inset 0 0 0 8px #efd0a0,0 3px #84613d}.lights-out .lights-cell{color:#223144;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.lights-out .lights-cell:before{content:"";background:linear-gradient(#725338,#a17c50);border-radius:50%;position:absolute;inset:1px;box-shadow:inset 0 2px 2px #46382440,0 1px #f1d3a1}.lights-out .light-art{transform-origin:50%;place-items:center;display:grid;position:absolute;inset:2px}.lights-out .light-art:before{content:"";background:#6a482b;border-radius:50%;position:absolute;inset:5%;box-shadow:0 2px 1px #4c382d60}.lights-out .light-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:none;position:absolute;inset:0}.lights-out .is-on.has-on-art .light-image[data-state=on],.lights-out .is-off.has-off-art .light-image[data-state=off]{display:block}.lights-out .is-on.has-on-art .light-fallback,.lights-out .is-off.has-off-art .light-fallback{display:none}.lights-out .light-fallback{color:#174754;background:#f5be50;border:3px solid #835333;border-radius:50%;place-items:center;font:800 clamp(23px,6vw,46px)/1 system-ui,sans-serif;display:grid;position:absolute;inset:4%;box-shadow:inset 0 1px #ffe4a2,inset 0 -2px #b88240}.lights-out .is-off .light-fallback{color:#fff0c2;background:#174b5c;box-shadow:inset 0 1px #337081,inset 0 -2px #113541}.lights-out .lights-cell:focus-visible{outline-offset:1px;z-index:1;outline:3px solid #223144;box-shadow:0 0 0 2px #fff6e3}.lights-out .lights-cell:not([aria-disabled=true]):active .light-art{transform:translateY(2px)scale(.96)}.lights-out .lights-cell[aria-disabled=true]{cursor:default}@media (hover:hover){.lights-out .lights-cell:not([aria-disabled=true]):hover{outline-offset:0;outline:2px solid #117b77}}.lights-out .lights-board[data-complete=true]{outline-offset:2px;outline:2px solid #117b77}.lights-out[data-daily=true] .game-toolbar{grid-template-columns:auto auto 64px auto}@media (max-width:440px){.lights-out .game-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 64px;gap:6px}.lights-out .game-toolbar label{gap:0;font-size:0}.lights-out .game-select{width:100%;padding-right:20px;font-size:13px}.lights-out[data-daily=true] .game-toolbar{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}.lights-out[data-daily=true] .daily-size-label{grid-column:1/-1;justify-content:center}.lights-out[data-daily=true] [data-new]{grid-area:2/1}.lights-out[data-daily=true] .lights-reset-slot{grid-area:2/2}.lights-out[data-daily=true] .daily-regular{text-align:center;grid-area:2/3}}@media (prefers-reduced-motion:reduce){.lights-out .lights-board *{transition:none!important;animation:none!important}}