/* 미니 스도쿠만의 별빛 우주선. 숫자와 칸은 실제 버튼이다. */
html #classroom-puzzle[data-game="mini_sudoku"] {
  --cp-ink:#211d4b; --cp-muted:#4a4273; --cp-line:#c9c0e8; --cp-accent:#544095;
  min-height:100vh; color:var(--cp-ink);
  background:#17104b url("../mini-sudoku-space/background.40a2bee9a7ed.webp") center center / cover fixed;
  padding:16px 20px 24px;
}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-wrap {max-width:1380px}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-layout {display:block;position:relative}
html #classroom-puzzle[data-game="mini_sudoku"] .game-puzzle-options {
  position:absolute;top:0;left:0;z-index:5;border:0;background:transparent;
}
html #classroom-puzzle[data-game="mini_sudoku"] .game-puzzle-options > summary {
  list-style:none;min-height:44px;padding:10px 16px;border:2px solid #c1a3ea;border-radius:18px;
  background:#fff7e9;color:#33225f;font-size:16px;line-height:1.25;box-shadow:0 4px 0 #7e65b3;white-space:nowrap;
}
html #classroom-puzzle[data-game="mini_sudoku"] .game-puzzle-options > summary::-webkit-details-marker {display:none}
html #classroom-puzzle[data-game="mini_sudoku"] .game-puzzle-options[open] > summary {border-color:#f7bd4f}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-sidebar {
  position:absolute;top:calc(100% + 8px);left:0;display:block;width:min(330px,calc(100vw - 40px));
  max-height:min(70vh,580px);overflow:auto;padding:16px;background:#fffaf1;border:2px solid #c9b5eb;
  border-radius:18px;box-shadow:0 14px 40px #0d083d88;
}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-sidebar > :is(.cp-eyebrow,h2) {display:none}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-sidebar :is(label,legend,button,select,.cp-note p) {font-size:15px}
html #classroom-puzzle[data-game="mini_sudoku"] #cp-completed {font-size:14px}
html #classroom-puzzle[data-game="mini_sudoku"] #cp-puzzle-select {font-size:16px}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-sidebar .cp-tiers {display:flex;margin:0 0 12px}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-sidebar .cp-note {display:block;margin:14px 0;padding:11px;line-height:1.45}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-sidebar #cp-motion {margin-top:10px}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-play-panel {
  position:relative;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
html #classroom-puzzle[data-game="mini_sudoku"] .space-crew {
  position:absolute;z-index:0;left:0;bottom:100px;width:clamp(130px,22vw,280px);pointer-events:none;
  transform-origin:50% 100%;animation:space-crew-float 5s ease-in-out infinite;
}
html #classroom-puzzle[data-game="mini_sudoku"] .space-crew img {display:block;width:100%;height:auto;filter:drop-shadow(0 8px 12px #130d4980)}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-board-head {
  position:relative;z-index:1;display:flex;justify-content:flex-end;min-height:48px;padding-left:155px;margin:0;
}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-board-head > div {
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
html #classroom-puzzle[data-game="mini_sudoku"] #cp-size {font-size:14px}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-badge {font-size:14px;font-weight:750;color:#322153;background:#fff4d5;padding:8px 14px;box-shadow:0 3px 0 #916ab9}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-instruction {
  position:relative;z-index:1;width:max-content;max-width:100%;margin:0 auto 8px;padding:6px 16px;
  border:2px solid #dfc59d;border-radius:20px;background:#fff5df;color:#33224f;
  font-size:16px;font-weight:800;line-height:1.35;text-align:center;word-break:keep-all;
}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-board-layout {
  position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;
}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-board--mini_sudoku {
  width:min(100%,430px);max-width:100%;margin:0;padding:0;gap:0;aspect-ratio:1;
  border:7px solid #6052a3;border-radius:18px;background:#fff9eb;
  outline:7px solid #f7db9c;box-shadow:0 0 0 10px #8974cc,0 10px 24px #0c073f90;overflow:hidden;
}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-board--mini_sudoku .cp-cell {
  min-width:0;min-height:0;padding:0;border-radius:0;border:0;border-right:1px solid #c5b9d4;
  border-bottom:1px solid #c5b9d4;background:#fffbef;color:#533a92;font-size:clamp(25px,4.2vw,54px);font-weight:850;line-height:1;
}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-board--mini_sudoku .cp-cell.is-given {background:#f8f0e8;color:#211b52}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-board--mini_sudoku .cp-cell.is-peer:not(.is-selected) {background:#f5eefb}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-board--mini_sudoku .cp-cell.is-selected {background:#dfc8fb;box-shadow:inset 0 0 0 4px #8957d0}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-board--mini_sudoku .cp-cell.is-conflict {color:#a31432;box-shadow:inset 0 0 0 3px #bf2852}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-board--mini_sudoku .cp-cell.is-hint {box-shadow:inset 0 0 0 4px #d88715}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-board--mini_sudoku .cp-cell.box-right {border-right:4px solid #6052a3}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-board--mini_sudoku .cp-cell.box-bottom {border-bottom:4px solid #6052a3}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-board--mini_sudoku .cp-cell:focus-visible {outline:3px solid #ca6900;outline-offset:-5px;z-index:2}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-notes {font-size:clamp(14px,1.6vw,16px);color:#514271}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-board-controls {
  width:min(100%,950px);min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,310px);
  grid-template-areas:'planets pencil' 'planets actions' 'stats stats';gap:6px 18px;align-items:center;
}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad {
  grid-area:planets;display:flex;justify-content:center;align-items:center;gap:4px;margin:0;width:100%;flex-wrap:nowrap;
}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad button {
  display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:44px;max-width:118px;min-height:58px;
  aspect-ratio:1.05;padding:0 0 12px;border:0;border-radius:24%;background-color:transparent;
  background-image:var(--planet-art), radial-gradient(ellipse, #55418f 0 54%, transparent 58%);
  background-position:center,center;background-size:contain,80% 80%;background-repeat:no-repeat;
  color:#fff;font-family:Arial,sans-serif;font-size:clamp(28px,4.3vw,54px);font-weight:900;line-height:1;
  text-shadow:-1px -1px 0 #281c60,1px -1px 0 #281c60,-1px 1px 0 #281c60,1px 1px 0 #281c60,0 3px 2px #26134d;box-shadow:none;
  transition:transform .16s ease,filter .16s ease;
}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad button[data-value="1"],
html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad button[data-value="5"] {--planet-art:url("../mini-sudoku-space/planet-blue.de43ab405902.webp")}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad button[data-value="2"],
html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad button[data-value="6"] {--planet-art:url("../mini-sudoku-space/planet-gold.ced1a0ff7d14.webp")}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad button[data-value="3"] {--planet-art:url("../mini-sudoku-space/planet-violet.c0ab167fe136.webp")}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad button[data-value="4"] {--planet-art:url("../mini-sudoku-space/planet-green.c8bffea175f6.webp")}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad button:hover:not(:disabled) {background-color:transparent;filter:brightness(1.08);transform:translateY(-3px)}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad button:active:not(:disabled) {transform:translateY(2px) scale(.96)}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad button:focus-visible {outline:4px solid #ffda62;outline-offset:2px}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-pencil-tools {grid-area:pencil;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px;margin:0}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-actions {grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
html #classroom-puzzle[data-game="mini_sudoku"] :is(.cp-pencil-tools,.cp-actions) button {
  min-width:0;min-height:44px;padding:8px 6px;border:1px solid #a18ed0;border-radius:13px;
  background:#fcf7ff;color:#2a2057;font-size:15px;font-weight:750;line-height:1.2;word-break:keep-all;box-shadow:0 3px 0 #8a74bb;
}
html #classroom-puzzle[data-game="mini_sudoku"] :is(.cp-pencil-tools,.cp-actions) button:disabled {opacity:1;background:#e5def1;color:#514765;box-shadow:none}
html #classroom-puzzle[data-game="mini_sudoku"] #cp-pencil[aria-pressed="true"] {background:#d8ccff;border-color:#8060c6;color:#291758;box-shadow:inset 0 0 0 2px #6b4ea4}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-actions .cp-hint {background:#ffe29c;color:#543809;border-color:#c49436}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-stats {grid-area:stats;display:flex;justify-content:center;gap:6px;margin:0;padding:0}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-stats > div {display:flex;gap:5px;align-items:baseline;padding:3px 8px;border-radius:10px;background:#fff7eadd;font-size:13px}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-stats span {display:inline;margin:0;color:#453763;font-size:14px;white-space:nowrap}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-stats strong {font-size:14px;line-height:1}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-feedback {position:relative;z-index:1;width:fit-content;max-width:min(100%,760px);min-height:0;margin:8px auto 0;padding:7px 14px;background:#fdf5e8eF;color:#2f2457;border-radius:14px;font-size:14px;line-height:1.4;text-align:center;word-break:keep-all}
html #classroom-puzzle[data-game="mini_sudoku"] .space-storage-warning {position:relative;z-index:2;max-width:620px;margin:8px auto 0;padding:10px 14px;border:2px solid #9e5e17;border-radius:12px;background:#fff0c7;color:#5a3100;font-size:14px;font-weight:700;line-height:1.4}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-record {position:relative;z-index:1;margin:8px auto 0;width:fit-content;max-width:100%;padding:4px 10px;border-radius:10px;background:#fdf5e8eF;color:#4e3a69;font-size:14px;line-height:1.4}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-win[data-game-result-style] {position:relative;z-index:2;max-width:620px;margin:12px auto 0;border:2px solid #d4b46c!important;background:#fff8e8!important;color:#302050!important;box-shadow:0 8px 28px #10094080!important}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-win > span {display:inline-block;animation:space-result-star .8s ease-out both}
html #classroom-puzzle[data-game="mini_sudoku"] .cp-cell.is-number-entered {animation:space-enter .55s ease-out}
@keyframes space-crew-float {0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes space-result-star {0%{transform:scale(.6) rotate(-18deg);opacity:.3}65%{transform:scale(1.15) rotate(8deg);opacity:1}100%{transform:scale(1) rotate(0)}}
@keyframes space-enter {0%{filter:brightness(1)}45%{filter:brightness(1.26);box-shadow:inset 0 0 0 5px #f4c96d}100%{filter:brightness(1)}}
@media(max-width:1100px) {
  html #classroom-puzzle[data-game="mini_sudoku"] {background-attachment:scroll}
  html #classroom-puzzle[data-game="mini_sudoku"] .space-crew {top:0;right:0;left:auto;bottom:auto;width:72px}
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-board-head {padding-right:82px}
}
@media (min-width:721px) and (max-height:820px) {
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-board--mini_sudoku {width:min(100%,430px,calc(100svh - 370px))}
}
@media(max-width:720px) {
  html #classroom-puzzle[data-game="mini_sudoku"] {padding:12px 12px 20px}
  html #classroom-puzzle[data-game="mini_sudoku"] .space-crew {top:4px;right:6px;left:auto;bottom:auto;width:58px;opacity:.9}
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-board-head {padding-right:65px;min-height:46px}
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-instruction {margin:4px auto 10px;font-size:14px}
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-board--mini_sudoku {width:min(100%,380px);border-width:5px;outline-width:5px}
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-board-controls {width:min(100%,460px);grid-template-columns:minmax(0,1fr);grid-template-areas:'planets' 'pencil' 'actions' 'stats';gap:8px}
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad {gap:3px}
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad button {min-height:48px;max-width:78px;font-size:clamp(24px,8vw,38px)}
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad button:nth-last-child(n + 6),
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-number-pad button:nth-last-child(n + 6) ~ button {padding-bottom:7px;font-size:clamp(20px,6vw,26px)}
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-actions {grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  html #classroom-puzzle[data-game="mini_sudoku"] :is(.cp-actions,.cp-pencil-tools) button {font-size:14px;padding:7px 3px}
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-feedback {font-size:14px}
}
@media(max-width:360px) {
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-board--mini_sudoku {width:min(100%,284px)}
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-stats {gap:3px}
  html #classroom-puzzle[data-game="mini_sudoku"] .cp-stats > div {padding:3px 5px}
}
@media(prefers-reduced-motion:reduce) {
  html #classroom-puzzle[data-game="mini_sudoku"] :is(.space-crew,.cp-cell,.cp-number-pad button,.cp-win > span) {animation:none!important;transition:none!important}
}
html #classroom-puzzle[data-game="mini_sudoku"][data-motion-paused="true"] :is(.space-crew,.cp-cell,.cp-number-pad button,.cp-win > span) {animation:none!important;transition:none!important}