/* =====================================================================
   style.css — 迷路メーカー ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる。
   ===================================================================== */

/* レンジ入力を横幅いっぱいに */
.sg-range {
  width: 100%;
  padding: 0;
  cursor: pointer;
}

/* 迷路の表示エリア */
.sg-maze-wrap {
  display: flex;
  justify-content: center;
  overflow-x: auto;
  padding: 4px;
}
#maze-canvas {
  display: block;
  background: #fff;
  border: 1px solid var(--sg-border, #e5e7eb);
  border-radius: 8px;
  image-rendering: crisp-edges;
}

/* 印刷時は迷路だけを大きく見せる */
@media print {
  .sg-noprint {
    display: none !important;
  }
  .sg-maze-card {
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
  }
  #maze-canvas {
    border: none;
    border-radius: 0;
    max-width: 100%;
  }
}