/* 반짝불 끄기 전용. 다른 공용 퍼즐의 레이아웃은 건드리지 않는다. */
#classroom-puzzle[data-game="lights_out"] {
  --cp-ink:#263f31; --cp-muted:#526b56; --cp-line:#d4ddc8; --cp-accent:#315e42;
  background:#173c2d url("../lights-out-forest/background.a2c5d620d573.webp") center top / cover fixed;
  color:var(--cp-ink); min-height:100vh;
}
#classroom-puzzle[data-game="lights_out"] .cp-wrap {max-width:1480px}
#classroom-puzzle[data-game="lights_out"] .cp-sidebar,
#classroom-puzzle[data-game="lights_out"] .cp-play-panel {
  background:#fffdf2f5; border:1px solid #d9dfc9; box-shadow:0 14px 45px #102f2160;
}
#classroom-puzzle[data-game="lights_out"] .cp-play-panel {padding:clamp(16px,2vw,28px); border-radius:24px}
#classroom-puzzle[data-game="lights_out"] .forest-heading {display:flex; align-items:center; justify-content:space-between; gap:12px; padding:4px 10px 8px 8px; border-bottom:1px solid #dce6d2}
#classroom-puzzle[data-game="lights_out"] .forest-heading span {font-size:14px; font-weight:800; color:#386748}
#classroom-puzzle[data-game="lights_out"] .forest-heading h2 {font-size:clamp(20px,2.4vw,30px); line-height:1.25; margin:4px 0; color:#24452f}
#classroom-puzzle[data-game="lights_out"] .forest-heading img {width:clamp(76px,10vw,148px); height:clamp(76px,10vw,148px); object-fit:contain; flex:none; filter:drop-shadow(0 5px 8px #34552e30)}
#classroom-puzzle[data-game="lights_out"] .cp-board-head {margin:12px 0 6px}
#classroom-puzzle[data-game="lights_out"] .cp-board-head h2 {font-size:20px}
#classroom-puzzle[data-game="lights_out"] .cp-eyebrow {color:#48654b; font-size:14px}
#classroom-puzzle[data-game="lights_out"] .cp-instruction {color:#3e5944; font-size:16px; margin:4px 0 14px}
#classroom-puzzle[data-game="lights_out"] .cp-board-layout {align-items:center; gap:clamp(16px,3vw,36px)}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out {
  width:min(100%,540px); gap:clamp(5px,1vw,10px); padding:clamp(10px,1.6vw,18px);
  border:5px solid #799452; border-radius:24px; background:#355b37; box-shadow:inset 0 2px 10px #172f1a80,0 7px 0 #203c27;
}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell {
  min-width:0; border-radius:18%; border:2px solid #92a389; background:#e3e7d5;
  box-shadow:inset 0 -5px 0 #b4c2a7; color:#526854; font-size:16px; isolation:isolate;
  transition:background .2s,box-shadow .2s,transform .2s;
}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell::before {
  content:""; display:block; width:68%; height:68%; background:url("../lights-out-forest/firefly.9dde92409fa8.webp") center / contain no-repeat;
  filter:grayscale(1) brightness(.65); opacity:.8; transition:filter .22s,opacity .22s,transform .22s;
}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell.is-on {
  background:#ffda80; border-color:#dfae50; box-shadow:inset 0 -5px 0 #e0a748,0 0 18px #ffd457aa;
}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell.is-on::before {filter:drop-shadow(0 0 10px #ffa900); opacity:1}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell.is-light-changing::before {animation:forest-spark .55s ease-out}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell.is-light-pressed {transform:scale(.96)}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell.is-preview {outline:3px dashed #274b91; outline-offset:-5px}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell.is-hint {outline:4px solid #a44a0a; outline-offset:-5px}
#classroom-puzzle[data-game="lights_out"] .cp-stats {background:#edf4e7; border-radius:16px}
#classroom-puzzle[data-game="lights_out"] .cp-stats span {color:#405c45}
#classroom-puzzle[data-game="lights_out"] .cp-actions button {background:#fffdf3; border-color:#c6d5bd; color:#294e34}
#classroom-puzzle[data-game="lights_out"] .cp-actions .cp-hint {background:#f8d77e; border-color:#d7a644; color:#573c0c}
#classroom-puzzle[data-game="lights_out"] .cp-feedback {background:#eaf3e4; color:#294a31; border-radius:12px}
#classroom-puzzle[data-game="lights_out"] .cp-badge {background:#e6f1dd; color:#315e42}
@keyframes forest-spark {0%{transform:scale(.78)} 55%{transform:scale(1.12)} 100%{transform:scale(1)}}
@media(max-width:820px) {
  #classroom-puzzle[data-game="lights_out"] {background-attachment:scroll}
  #classroom-puzzle[data-game="lights_out"] .forest-heading img {width:82px;height:82px}
  #classroom-puzzle[data-game="lights_out"] .cp-board--lights_out {max-width:min(100%,470px)}
}
@media(max-width:440px) {
  #classroom-puzzle[data-game="lights_out"] .forest-heading {padding:0 0 4px}
  #classroom-puzzle[data-game="lights_out"] .forest-heading img {width:64px;height:64px}
  #classroom-puzzle[data-game="lights_out"] .forest-heading h2 {font-size:19px}
  #classroom-puzzle[data-game="lights_out"] .cp-board--lights_out {border-width:4px; padding:8px; gap:5px}
}
@media(prefers-reduced-motion:reduce) {
  #classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell,
  #classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell::before {transition:none;animation:none}
}
@media (min-width: 821px) {
  #classroom-puzzle[data-game="lights_out"] .forest-heading img {width:90px;height:90px}
  #classroom-puzzle[data-game="lights_out"] .cp-board-layout {grid-template-columns:minmax(0,500px) minmax(170px,230px);justify-content:center;align-items:center}
  #classroom-puzzle[data-game="lights_out"] .cp-board--lights_out {width:min(100%,500px)}
}
#classroom-puzzle[data-game="lights_out"] .cp-stats span {word-break:keep-all; overflow-wrap:normal; line-height:1.35}
#classroom-puzzle[data-game="lights_out"] :is(#cp-status-badge,#cp-best,#cp-completed) {font-size:14px}
#classroom-puzzle[data-game="lights_out"] .forest-storage-warning {padding:12px 14px;border:1px solid #ce9250;border-radius:12px;background:#fff1d3;color:#603d13;font-size:14px;line-height:1.5;font-weight:700}
#classroom-puzzle[data-game="lights_out"] .cp-instruction {word-break:keep-all;overflow-wrap:normal}
/* 표지 그림에는 글자를 굽지 않고 실제 제목과 시작 버튼을 둔다. */
html [data-classroom-game-cover="lights_out"][data-game-opening-style] {--cover-width:min(100%,960px,calc((100svh - 290px)*1.77778));--cover-canvas:#e9f1df;--cover-ink:#203f2c;--cover-accent:#3b7049}
[data-classroom-game-cover="lights_out"][data-game-opening-style] [data-opening-part="poster"] {display:flex;flex-direction:column;align-items:center;background:#f7faef}
[data-classroom-game-cover="lights_out"][data-game-opening-style] [data-opening-part="title"] {position:static!important;width:auto!important;height:auto!important;min-height:0!important;padding:0 12px!important;margin:12px 0 8px!important;overflow:visible!important;clip:auto!important;white-space:normal!important;font-size:clamp(32px,3vw,42px);line-height:1.2;color:#203f2c}
[data-classroom-game-cover="lights_out"][data-game-opening-style] [data-opening-part="actions"] {position:static;inset:auto;padding:0 12px 18px}
[data-classroom-game-cover="lights_out"][data-game-opening-style] [data-opening-part="start"] {background:#315e42;color:#fff;border-color:#244b32;box-shadow:0 5px 0 #1f3c29}

/* The play controls are a real, readable panel at every viewport size. */
#classroom-puzzle[data-game="lights_out"] .cp-play-panel {background:#fffdf1ed}
#classroom-puzzle[data-game="lights_out"] .forest-heading img {width:112px;height:112px}
#classroom-puzzle[data-game="lights_out"] .cp-board-layout {gap:clamp(18px,2.5vw,36px)}
#classroom-puzzle[data-game="lights_out"] .cp-board-controls {
  display:grid; grid-template-columns:minmax(0,1fr); align-content:start; justify-items:stretch; gap:0;
  width:min(100%,320px); min-width:0; padding:20px; border:1px solid #b8caa8;
  border-radius:22px; background:#f4f4df; box-shadow:0 5px 0 #cbd5b9,0 12px 24px #263c2920;
}
#classroom-puzzle[data-game="lights_out"] .forest-controls-title {
  margin:0 0 10px; color:#365c3c; font-size:16px; line-height:1.35; font-weight:800; text-align:left;
}
#classroom-puzzle[data-game="lights_out"] .forest-actions-title {margin:20px 0 10px}
#classroom-puzzle[data-game="lights_out"] .cp-board-controls .cp-stats {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; padding:0; background:transparent;
}
#classroom-puzzle[data-game="lights_out"] .cp-stats>div {
  min-width:0; min-height:70px; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4px; padding:10px 7px; border:1px solid #d3dfc6; border-radius:14px; background:#fffdf5; color:#29442f;
}
#classroom-puzzle[data-game="lights_out"] .cp-stats>div:first-child {
  grid-column:1 / -1; flex-direction:row; justify-content:space-between; min-height:64px;
  padding:12px 16px; background:#e0edd2; border-color:#b8d0a9;
}
#classroom-puzzle[data-game="lights_out"] .cp-stats span {margin:0;font-size:14px;line-height:1.35;color:#36563a;word-break:keep-all}
#classroom-puzzle[data-game="lights_out"] .cp-stats strong {font-size:22px;line-height:1.2;color:#203e29}
#classroom-puzzle[data-game="lights_out"] .cp-stats>div:first-child strong {font-size:28px}
#classroom-puzzle[data-game="lights_out"] .cp-board-controls .cp-actions {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; width:100%; margin:0;
}
#classroom-puzzle[data-game="lights_out"] .cp-actions button {
  display:flex; align-items:center; justify-content:center; min-width:0; min-height:52px; padding:10px 7px;
  border:1px solid #bacbad; border-radius:13px; background:#fffdf5; color:#294e34;
  font-size:16px; font-weight:750; line-height:1.3; word-break:keep-all; box-shadow:0 3px 0 #d5dfc9;
}
#classroom-puzzle[data-game="lights_out"] .cp-actions button:hover:not(:disabled) {background:#eef6e7;border-color:#709c70}
#classroom-puzzle[data-game="lights_out"] .cp-actions .cp-hint {background:#ffdf8d;border-color:#d4a847;color:#54380a;box-shadow:0 3px 0 #d4ad5c}
#classroom-puzzle[data-game="lights_out"] .cp-actions button:disabled {opacity:1;background:#e9ede3;border-color:#d2d9cb;color:#657363;box-shadow:none;cursor:default}
#classroom-puzzle[data-game="lights_out"] .cp-tiers [aria-pressed="true"] {background:#dcebd6;border-color:#8bb083;color:#224e2d}
#classroom-puzzle[data-game="lights_out"] #cp-win[data-game-result-style] {background:#f0f8e8!important;border-color:#b8d1aa!important;color:#294a31!important}
#classroom-puzzle[data-game="lights_out"] #cp-win [data-result-part="title"] {color:#254a2e!important}
#classroom-puzzle[data-game="lights_out"] #cp-win [data-result-part="detail"] {color:#425c45!important}
#classroom-puzzle[data-game="lights_out"] #cp-win [data-result-part="primary"] {background:#315e42!important;border-color:#315e42!important;color:#fff!important}
#classroom-puzzle[data-game="lights_out"] #cp-win [data-result-part="secondary"] {background:#fffdf5!important;border-color:#b7cbae!important;color:#315e42!important}
body:has(#classroom-puzzle[data-game="lights_out"]) #classroom-play-toolbar {background:#f4f7ed;color:#294a31}
body:has(#classroom-puzzle[data-game="lights_out"]) #classroom-play-toolbar h1 {color:#294a31}
body:has(#classroom-puzzle[data-game="lights_out"]) #classroom-play-toolbar :is(button,a) {background:#fffdf5;border-color:#cbdcc3;color:#315e42}
body:has(#classroom-puzzle[data-game="lights_out"]) #classroom-play-toolbar :is(button,a):hover {background:#eaf3e4;color:#24472d}
@media(min-width:1001px) and (orientation:landscape) {
  #classroom-puzzle[data-game="lights_out"] .cp-board-layout {grid-template-columns:minmax(0,500px) minmax(280px,320px);justify-content:center;align-items:center}
  #classroom-puzzle[data-game="lights_out"] .cp-board--lights_out {width:min(100%,500px)}
}
@media(max-width:1000px), (orientation:portrait) {
  #classroom-puzzle[data-game="lights_out"] .cp-board-layout {grid-template-columns:minmax(0,1fr)}
  #classroom-puzzle[data-game="lights_out"] .cp-board-controls {width:min(100%,470px);justify-self:center}
}
@media(max-width:440px) {
  #classroom-puzzle[data-game="lights_out"] .forest-heading img {width:76px;height:76px}
  #classroom-puzzle[data-game="lights_out"] .cp-board-controls {padding:16px}
}
/* Let the forest remain visible around the playable board and control panel. */
#classroom-puzzle[data-game="lights_out"] .cp-play-panel {background:transparent;border:0;box-shadow:none}
#classroom-puzzle[data-game="lights_out"] .forest-overview {padding:12px 16px 10px;margin:0 auto 20px;max-width:920px;background:#fffdf2f2;border:1px solid #d4dec9;border-radius:20px;box-shadow:0 8px 24px #102d2330}
#classroom-puzzle[data-game="lights_out"] .forest-heading {padding:0 2px 5px}
#classroom-puzzle[data-game="lights_out"] .cp-board-head {margin:8px 0 4px}
#classroom-puzzle[data-game="lights_out"] .cp-instruction {margin:4px 0 0;text-align:left}
#classroom-puzzle[data-game="lights_out"] .cp-feedback {max-width:920px;margin:20px auto 0}
#classroom-puzzle[data-game="lights_out"] .cp-record {width:fit-content;max-width:100%;margin:12px auto 0;padding:8px 12px;border-radius:10px;background:#fffdf2ed;color:#36543a;line-height:1.5}
@media(max-width:440px){#classroom-puzzle[data-game="lights_out"] .forest-overview {padding:10px 12px 8px;margin-bottom:14px}}
@media(min-width:1001px) and (orientation:landscape) {
  #classroom-puzzle[data-game="lights_out"] .forest-overview {position:relative;padding:14px 160px 14px 20px}
  #classroom-puzzle[data-game="lights_out"] .forest-heading {display:block;border-bottom:0;padding:0}
  #classroom-puzzle[data-game="lights_out"] .forest-heading img {position:absolute;right:18px;top:50%;transform:translateY(-50%);width:132px;height:132px}
  #classroom-puzzle[data-game="lights_out"] .cp-board-layout {grid-template-columns:minmax(0,560px) minmax(280px,320px)}
  #classroom-puzzle[data-game="lights_out"] .cp-board--lights_out {width:min(100%,560px)}
}
#classroom-puzzle[data-game="lights_out"] .forest-companion {display:none}
@media(min-width:1300px) and (orientation:landscape) {
  #classroom-puzzle[data-game="lights_out"] .forest-overview {padding:14px 20px}
  #classroom-puzzle[data-game="lights_out"] .forest-heading img {display:none}
  #classroom-puzzle[data-game="lights_out"] .cp-board-layout {grid-template-columns:minmax(135px,180px) minmax(0,560px) minmax(280px,320px);gap:clamp(18px,1.5vw,26px)}
  #classroom-puzzle[data-game="lights_out"] .forest-companion {display:block;width:100%;height:auto;align-self:end;object-fit:contain;filter:drop-shadow(0 8px 10px #173b2b75)}
}
@media(max-width:440px){
  #classroom-puzzle[data-game="lights_out"] .cp-play-panel {padding-top:4px}
  #classroom-puzzle[data-game="lights_out"] .forest-heading h2 {word-break:keep-all;overflow-wrap:normal}
}
#classroom-puzzle[data-game="lights_out"] :is(.cp-feedback,.cp-note p,#cp-best) {word-break:keep-all;overflow-wrap:normal}
/* Keep secondary choices readable on small screens as well as the main tools. */
#classroom-puzzle[data-game="lights_out"] .cp-header p:last-child,
#classroom-puzzle[data-game="lights_out"] .cp-note p {font-size:14px}
#classroom-puzzle[data-game="lights_out"] :is(.cp-header-actions button,.cp-tiers button,.cp-sidebar>button) {font-size:14px}
#classroom-puzzle[data-game="lights_out"] .cp-sidebar select {font-size:16px}
#classroom-puzzle[data-game="lights_out"] :is(.cp-sidebar button,.cp-sidebar label) {word-break:keep-all;overflow-wrap:normal}

/* Approved forest mockup: image surfaces with live controls and readable fallbacks. */
html[data-classroom-playing] #classroom-puzzle[data-game="lights_out"] .cp-layout {
  position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0;
}
#classroom-puzzle[data-game="lights_out"] .game-puzzle-options {
  position:absolute;right:clamp(8px,2vw,26px);top:4px;width:min(230px,85vw);z-index:5;
  border:2px solid #d2c08d;background:#fff4d8;border-radius:18px;box-shadow:0 4px 0 #9a895c;
}
#classroom-puzzle[data-game="lights_out"] .game-puzzle-options:not([open]) {width:auto}
#classroom-puzzle[data-game="lights_out"] .game-puzzle-options>summary {color:#4d381e}
#classroom-puzzle[data-game="lights_out"] .cp-play-panel {grid-column:1;padding-top:58px}
#classroom-puzzle[data-game="lights_out"] .forest-overview {
  max-width:1040px;margin:0 auto 10px;padding:8px 14px;background:#fff8e4ea;border:2px solid #d0c29f;
}
#classroom-puzzle[data-game="lights_out"] .forest-heading {padding:0;border:0}
#classroom-puzzle[data-game="lights_out"] .forest-heading h2 {font-size:clamp(18px,2vw,24px);margin:0}
#classroom-puzzle[data-game="lights_out"] .forest-heading span {font-size:13px}
#classroom-puzzle[data-game="lights_out"] .cp-board-head {margin:2px 0}
#classroom-puzzle[data-game="lights_out"] .cp-board-head h2 {font-size:16px}
#classroom-puzzle[data-game="lights_out"] .cp-instruction {font-size:14px;margin:2px 0}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out {
  gap:0;padding:clamp(8px,1.3vw,16px);border:8px solid #526b22;border-radius:28px;
  background:linear-gradient(135deg,#405c1d,#82983b 48%,#344c19);box-shadow:inset 0 4px 12px #1e300b,0 8px 0 #2d3e17,0 15px 22px #14210c80;
}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell {
  border:0;border-radius:18%;padding:0;background-color:transparent;background-image:url("../lights-out-forest/reference-ui/tile-off.85f188de3e01.webp"),linear-gradient(#c9bdb0,#c9bdb0);background-position:center;background-size:118% 118%,72% 72%;background-repeat:no-repeat;
  box-shadow:none;
}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell.is-on {
  background-color:transparent;background-image:url("../lights-out-forest/reference-ui/tile-on.a5c58ed6bd00.webp"),linear-gradient(#f5ba40,#f5ba40);background-position:center;background-size:118% 118%,72% 72%;background-repeat:no-repeat;
  box-shadow:none;
}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell::before {content:none}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell.is-light-changing {animation:forest-spark .55s ease-out}
#classroom-puzzle[data-game="lights_out"] .cp-board-controls {
  padding:clamp(14px,1.7vw,22px);border:3px dashed #c6a976;border-radius:25px;
  background:#faefd8;box-shadow:0 6px 0 #ad9368,0 12px 24px #182d1380;
}
#classroom-puzzle[data-game="lights_out"] .cp-actions button {
  min-height:62px;border:0;color:#523619;background:#f5dfb6 url("../lights-out-forest/reference-ui/button.af92a117a56b.webp") center / 100% 100% no-repeat;box-shadow:none;
}
#classroom-puzzle[data-game="lights_out"] .cp-actions .cp-hint {background-color:#f7ce69;color:#543400}
#classroom-puzzle[data-game="lights_out"] .cp-actions button:hover:not(:disabled) {filter:brightness(1.05)}
#classroom-puzzle[data-game="lights_out"] .cp-actions button:active:not(:disabled) {transform:translateY(2px)}
#classroom-puzzle[data-game="lights_out"] .cp-actions button:disabled {opacity:.55;filter:grayscale(.55)}
@media(min-width:1200px) and (orientation:landscape) {
  #classroom-puzzle[data-game="lights_out"] .cp-board-layout {grid-template-columns:minmax(150px,220px) minmax(0,610px) minmax(280px,330px);gap:clamp(8px,1.3vw,18px);justify-content:center}
  #classroom-puzzle[data-game="lights_out"] .forest-companion {display:block;width:100%;align-self:end}
  #classroom-puzzle[data-game="lights_out"] .forest-heading img {display:none}
  #classroom-puzzle[data-game="lights_out"] .cp-board--lights_out {width:min(100%,610px)}
}
@media(max-width:1000px), (orientation:portrait) {
  #classroom-puzzle[data-game="lights_out"] .cp-play-panel {padding-top:58px}
  #classroom-puzzle[data-game="lights_out"] .game-puzzle-options {top:0}
  #classroom-puzzle[data-game="lights_out"] .cp-board-layout {grid-template-columns:minmax(0,1fr)}
  #classroom-puzzle[data-game="lights_out"] .forest-companion {display:none}
}
@media(max-width:440px){
  #classroom-puzzle[data-game="lights_out"] .forest-overview {padding:8px;margin-bottom:8px}
  #classroom-puzzle[data-game="lights_out"] .cp-board--lights_out {border-width:5px;padding:5px}
  #classroom-puzzle[data-game="lights_out"] .cp-actions button {min-height:52px}
}
@media(prefers-reduced-motion:reduce){#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell.is-light-changing{animation:none}}

@media(min-width:1001px) and (orientation:landscape) {
  #classroom-puzzle[data-game="lights_out"] .forest-overview {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 14px}
  #classroom-puzzle[data-game="lights_out"] .forest-overview .forest-heading {flex:0 1 auto}
  #classroom-puzzle[data-game="lights_out"] .forest-overview .cp-board-head {flex:0 0 auto;gap:12px}
  #classroom-puzzle[data-game="lights_out"] .forest-overview .cp-instruction {flex:1;max-width:300px}
}
#classroom-puzzle[data-game="lights_out"] .cp-actions .cp-hint {background-image:url("../lights-out-forest/reference-ui/button.af92a117a56b.webp")}
#classroom-puzzle[data-game="lights_out"] .game-puzzle-options {grid-row:1;grid-column:1}
#classroom-puzzle[data-game="lights_out"] .cp-actions .cp-hint {background-position:center;background-size:100% 100%;background-repeat:no-repeat}
@media(min-width:1001px) and (orientation:landscape) {
  #classroom-puzzle[data-game="lights_out"] .cp-board--lights_out {width:min(100%,610px,calc(100dvh - 255px))}
}
@media(max-width:440px){
  #classroom-puzzle[data-game="lights_out"] .forest-heading span,
  #classroom-puzzle[data-game="lights_out"] .cp-board-head .cp-eyebrow {display:none}
  #classroom-puzzle[data-game="lights_out"] .forest-heading img {width:48px;height:48px}
  #classroom-puzzle[data-game="lights_out"] .forest-heading h2 {font-size:17px}
  #classroom-puzzle[data-game="lights_out"] .cp-board-head h2 {font-size:16px}
  #classroom-puzzle[data-game="lights_out"] .cp-instruction {font-size:14px;line-height:1.35}
}
#classroom-puzzle[data-game="lights_out"] .cp-actions button,
#classroom-puzzle[data-game="lights_out"] .cp-actions .cp-hint {
  background-color:transparent;background-image:url("../lights-out-forest/reference-ui/button.af92a117a56b.webp"),linear-gradient(#f4ddad,#f4ddad);
  background-position:center;background-size:118% 118%,75% 75%;background-repeat:no-repeat;
}
#classroom-puzzle[data-game="lights_out"] .cp-actions button:disabled {background-image:url("../lights-out-forest/reference-ui/button.af92a117a56b.webp"),linear-gradient(#d8d4c8,#d8d4c8)}
@media(min-width:1001px) and (max-width:1199px) and (orientation:landscape) {
  #classroom-puzzle[data-game="lights_out"] .forest-heading img {right:auto;left:14px;top:-62px;transform:none;width:58px;height:58px}
}
#classroom-puzzle[data-game="lights_out"] .cp-actions button:hover:not(:disabled),
#classroom-puzzle[data-game="lights_out"] .cp-actions button:disabled {
  background-color:transparent;background-image:url("../lights-out-forest/reference-ui/button.af92a117a56b.webp"),linear-gradient(#f4ddad,#f4ddad);
  background-position:center;background-size:118% 118%,75% 75%;background-repeat:no-repeat;
}
@media(min-width:1200px) and (orientation:landscape) {
  #classroom-puzzle[data-game="lights_out"] .forest-companion {width:125%;max-width:none;margin-left:-25%}
}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell::before {
  content:'○';display:flex;align-items:center;justify-content:center;width:auto;height:auto;
  background:none;filter:none;opacity:1;color:#3b342f;font-size:clamp(28px,4vw,55px);font-weight:900;
}
#classroom-puzzle[data-game="lights_out"] .cp-board--lights_out .cp-cell.is-on::before {content:'✦';color:#513900;filter:none}
#classroom-puzzle.forest-art-ready[data-game="lights_out"] .cp-board--lights_out .cp-cell::before {content:none}
@media(min-width:1001px) and (orientation:landscape) {
  #classroom-puzzle[data-game="lights_out"] .cp-board--lights_out {position:relative;isolation:isolate;background:transparent;border:0;box-shadow:none}
  #classroom-puzzle[data-game="lights_out"] .cp-board--lights_out::before {content:'';position:absolute;inset:-10%;z-index:-1;pointer-events:none;background:url("../lights-out-forest/reference-ui/board.7925abd8fa0b.webp") center / 100% 100% no-repeat}
  #classroom-puzzle[data-game="lights_out"] .cp-board-controls {padding:25px 40px;border:0;background:transparent url("../lights-out-forest/reference-ui/panel.a6978c982e19.webp") center / 100% 100% no-repeat;box-shadow:none}
}
@media(min-width:1001px) and (orientation:landscape) {
  #classroom-puzzle[data-game="lights_out"] .forest-overview,
  #classroom-puzzle[data-game="lights_out"] .cp-feedback {position:relative;z-index:2}
  #classroom-puzzle[data-game="lights_out"] .cp-board-controls {padding:30px 55px}
}
@media(max-width:820px) {
  #classroom-puzzle[data-game="lights_out"] .cp-sidebar {display:flex;flex-direction:column;gap:10px}
  #classroom-puzzle[data-game="lights_out"] .cp-sidebar .cp-tiers {display:flex;flex-direction:row;width:100%;gap:4px}
  #classroom-puzzle[data-game="lights_out"] .cp-sidebar label {align-self:stretch}
  #classroom-puzzle[data-game="lights_out"] .cp-sidebar select,
  #classroom-puzzle[data-game="lights_out"] .cp-sidebar>button {width:100%}
}