.lights-out-page .site-header__inner{min-height:68px}.lights-out-page main{min-height:70vh}.lights-out{--lo-board-size:min(100%, 500px);--lo-panel:#fffefb;--lo-soft:#f1f5f3;--lo-off:#f8faf9;--lo-off-edge:#d5dfdc;--lo-on:#4c918b;--lo-on-hover:#43847e;padding:clamp(30px,5vw,62px) 0 clamp(62px,9vw,102px)}.lights-out [hidden]{display:none!important}.lo-game{width:min(100% - 28px,640px);margin-inline:auto}.lo-header{text-align:center;justify-items:center;gap:4px;margin-bottom:clamp(22px,4vw,32px);display:grid}.lo-eyebrow,.lo-title,.lo-description,.lo-status,.lo-result p,.lo-how-to h2,.lo-how-to ul{margin:0}.lo-eyebrow{color:var(--site-teal);letter-spacing:.18em;font-family:Quicksand,sans-serif;font-size:.7rem;font-weight:700}.lo-title{color:var(--site-ink);font-family:Quicksand,Noto Sans JP,sans-serif;font-size:clamp(1.7rem,5vw,2.2rem);font-weight:700;line-height:1.2}.lo-description{max-width:460px;color:var(--site-muted);white-space:pre-line;margin-top:7px;font-size:clamp(.82rem,2.5vw,.91rem);line-height:1.68}.lo-panel{background:var(--lo-panel);border:1px solid #397f7a26;border-radius:16px;padding:clamp(14px,3.5vw,28px);box-shadow:0 8px 24px #2e414009}.lo-status{width:var(--lo-board-size);text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 auto 16px;font-family:Quicksand,Noto Sans JP,sans-serif;display:grid}.lo-status div{background:var(--lo-soft);border-radius:8px;gap:1px;min-width:0;padding:8px 5px 7px;display:grid}.lo-status dt{color:var(--site-muted);letter-spacing:.11em;font-size:.6rem;font-weight:700}.lo-status dd{color:var(--site-ink);font-variant-numeric:tabular-nums;margin:0;font-size:1rem;font-weight:700;line-height:1.35}.lo-board-shell{width:var(--lo-board-size);margin-inline:auto}.lo-board{aspect-ratio:1;grid-template-columns:repeat(var(--board-size), minmax(0, 1fr));background:#edf2f0;border-radius:12px;gap:clamp(5px,1.45vw,8px);width:100%;padding:clamp(6px,1.7vw,10px);display:grid}.lo-tile{aspect-ratio:1;border:1px solid var(--lo-off-edge);background:var(--lo-off);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:clamp(5px,1.4vw,8px);min-width:0;min-height:0;padding:0;transition:transform .12s ease-out,border-color .14s ease-out,background-color .14s ease-out;display:block;position:relative;overflow:hidden}.lo-tile:hover{background:#fff;border-color:#b7c7c2}.lo-tile:active,.lo-tile.is-toggling{transform:scale(.975)}.lo-tile.is-on{border-color:var(--lo-on);background:var(--lo-on)}.lo-tile.is-on:hover{border-color:var(--lo-on-hover);background:var(--lo-on-hover)}.lo-board.is-complete .lo-tile{cursor:default}.lo-result{width:var(--lo-board-size);border-left:3px solid var(--site-teal);background:var(--lo-soft);color:var(--site-teal-dark);text-align:center;border-radius:4px;justify-items:center;gap:1px;margin:12px auto 0;padding:9px 14px;animation:.22s ease-out both lo-result-in;display:grid}.lo-result__title{letter-spacing:.11em;font-family:Quicksand,Noto Sans JP,sans-serif;font-size:.82rem;font-weight:700}.lo-result__detail{letter-spacing:.04em;font-family:Quicksand,sans-serif;font-size:.74rem;font-weight:700}.lo-actions{width:var(--lo-board-size);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px auto 0;display:grid}.lo-actions button{border:1px solid var(--site-line);min-width:0;min-height:43px;color:var(--site-ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:0 14px;font-size:.82rem;font-weight:700;transition:transform .12s ease-out,border-color .14s ease-out,background-color .14s ease-out,color .14s ease-out}.lo-actions button:hover{background:var(--lo-soft);color:var(--site-teal-dark);border-color:#397f7a70}.lo-actions button:active{transform:scale(.985)}.lo-actions .lo-actions__primary{border-color:var(--site-teal);background:var(--site-teal);color:#fff}.lo-actions .lo-actions__primary:hover{border-color:var(--site-teal-dark);background:var(--site-teal-dark);color:#fff}.lo-difficulty{width:var(--lo-board-size);border:0;border-top:1px solid var(--site-line);margin:18px auto 0;padding:14px 0 0}.lo-difficulty legend{float:left;width:100%;color:var(--site-muted);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin-bottom:8px;font-size:.66rem;font-weight:700}.lo-difficulty__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.lo-difficulty button{border:1px solid var(--site-line);min-width:0;min-height:38px;color:var(--site-muted);letter-spacing:.075em;cursor:pointer;background:#fff;border-radius:7px;padding:0 8px;font-family:Quicksand,sans-serif;font-size:.7rem;font-weight:700;transition:border-color .14s ease-out,background-color .14s ease-out,color .14s ease-out}.lo-difficulty button:hover{color:var(--site-teal-dark);border-color:#397f7a66}.lo-difficulty button[aria-pressed=true]{background:var(--lo-soft);color:var(--site-teal-dark);border-color:#397f7a57}.lo-how-to{border-top:1px solid var(--site-line);width:min(100% - 40px,660px);margin:clamp(52px,8vw,86px) auto 0;padding-top:28px}.lo-how-to h2{color:var(--site-ink);margin-bottom:15px;font-family:Quicksand,Noto Sans JP,sans-serif;font-size:1rem;font-weight:700;line-height:1.4}.lo-how-to ul{color:var(--site-muted);gap:8px;padding-left:1.25em;font-size:.86rem;line-height:1.8;display:grid}.lo-how-to li::marker{color:var(--site-teal)}@keyframes lo-result-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (width<=430px){.lights-out{padding-top:24px}.lo-game{width:min(100% - 20px,640px)}.lo-header{margin-bottom:18px}.lo-description{line-height:1.56}.lo-panel{border-radius:13px;padding:10px}.lo-status{gap:5px;margin-bottom:10px}.lo-status div{padding-inline:3px}.lo-actions button{padding-inline:8px}.lo-difficulty{margin-top:15px;padding-top:12px}.lo-how-to{width:min(100% - 28px,660px);margin-top:54px;padding-top:24px}}@media (prefers-reduced-motion:reduce){.lo-tile,.lo-actions button,.lo-difficulty button{transition-duration:.01ms}.lo-tile:active,.lo-tile.is-toggling,.lo-actions button:active{transform:none}.lo-result{animation:none}}