/* /mini — 미니게임 위젯 공간.  틀 · 색 · 위젯은 사이트 것(/site.css) 그대로, 여기는 이 페이지에만 있는 것. */

/* 블록퍼즐 판 색 (해답지 원본 색 — 대비 확인된 값, 원본 README 「테마 색 변수와 대비」).  위젯 안(shadow)에서 --bp-* 로 받는다. */
:root{
  --bp-cell-empty:#ffffff;--bp-cell-block:#1f2328;--bp-grid:#c4ccd5;
  --bp-step1:#2f6fdb;--bp-step2:#c25400;--bp-step3:#a64bcc;--bp-dot:#0f8a6a;--bp-swap:#8a3ffc;--bp-step-fg:#ffffff;
  --bp-item-dot:#0a7a33;--bp-item-swap:#8a3ffc;--bp-item-on-block:#ffe08a;
  --bp-warn:#b42318;--bp-warn-bg:#fdecea;--bp-clr:#d1242f;--bp-banner-bg:#fff4d6;--bp-banner-fg:#4d3800;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bp-cell-empty:#1a1e24;--bp-cell-block:#dfe5eb;--bp-grid:#2c323a;
    --bp-step1:#3d7fe6;--bp-step2:#c86414;--bp-step3:#a24fd0;--bp-dot:#14917a;--bp-swap:#c4a5ff;--bp-step-fg:#ffffff;
    --bp-item-dot:#4ade80;--bp-item-swap:#c4a5ff;--bp-item-on-block:#1a3fa0;
    --bp-warn:#ff8a80;--bp-warn-bg:#3a1714;--bp-clr:#ff6b6b;--bp-banner-bg:#3a3014;--bp-banner-fg:#ffe9a8;
  }
}
:root[data-theme="dark"]{
  --bp-cell-empty:#1a1e24;--bp-cell-block:#dfe5eb;--bp-grid:#2c323a;
  --bp-step1:#3d7fe6;--bp-step2:#c86414;--bp-step3:#a24fd0;--bp-dot:#14917a;--bp-swap:#c4a5ff;--bp-step-fg:#ffffff;
  --bp-item-dot:#4ade80;--bp-item-swap:#c4a5ff;--bp-item-on-block:#1a3fa0;
  --bp-warn:#ff8a80;--bp-warn-bg:#3a1714;--bp-clr:#ff6b6b;--bp-banner-bg:#3a3014;--bp-banner-fg:#ffe9a8;
}

a.btn{text-decoration:none}
.mini-title{font:400 22px/1 var(--font-display);color:var(--muted);letter-spacing:.01em}
.mini-page .scene .floor{opacity:.55}

/* 위젯 몸통: 계산 화면(shadow)이 칸 크기를 그대로 채운다 */
.widget .w-body.bp-body{position:relative;padding:0;margin:0;overflow:hidden}
.bp-host{position:absolute;inset:0}

/* 크기 · 순서 줄 (사이트의 옮기기 줄과 같은 모양) */
.edit-row .seg button[disabled]{opacity:.4;cursor:not-allowed}
.edit-row .size-txt{font:600 12px/1 var(--font-mono);color:var(--muted);padding:0 4px}
.moving .rz{display:block}
.widget.resizing{outline:2px solid var(--accent);outline-offset:3px}