/* 지뢰찾기 — 고유 레이아웃만 (박스/버튼/배경/그림자는 style_tools_base.css 통일) */
.wrap{ max-width:100%; padding:0 0 70px; }

.mine-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:16px; flex-wrap:wrap; }
.mine-title{ font-size:38px; font-weight:800; margin:0; letter-spacing:-.02em; line-height:1; }
.mine-sub{ margin:8px 0 0; color:#6b7280; font-size:13px; }
.mine-stats{ display:flex; gap:8px; }
.mine-stat{ background:#f3f4f6; border-radius:8px; padding:8px 16px; text-align:center; min-width:72px; }
.mine-stat span{ display:block; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#6b7280; }
.mine-stat b{ font-size:20px; font-weight:800; }

.mine-controls{ display:flex; gap:10px; align-items:center; margin-bottom:16px; flex-wrap:wrap; }
.mine-select{ padding:8px 12px; border:1.5px solid #e5e7eb; font-size:13px; background:#fff; }
.mine-new{ background:#111827; color:#fff; border:none; padding:9px 18px; font-weight:700; font-size:14px; cursor:pointer; }
.mine-new:hover{ background:#374151; }
.mine-face{ font-size:24px; cursor:pointer; user-select:none; }

.mine-board{
  display:grid; gap:2px; background:#cbd5e1; padding:4px; border-radius:8px;
  width:fit-content; max-width:100%; margin:0 auto; overflow:auto;
}
.mine-cell{
  width:30px; height:30px; background:#e2e8f0; border-radius:3px;
  display:flex; align-items:center; justify-content:center;
  font-size:15px; font-weight:800; cursor:pointer; user-select:none;
}
.mine-cell.open{ background:#f8fafc; cursor:default; }
.mine-cell.mine{ background:#fecaca; }
.mine-cell.n1{ color:#2563eb; } .mine-cell.n2{ color:#16a34a; } .mine-cell.n3{ color:#dc2626; }
.mine-cell.n4{ color:#7c3aed; } .mine-cell.n5{ color:#b45309; } .mine-cell.n6{ color:#0891b2; }
.mine-cell.n7{ color:#111827; } .mine-cell.n8{ color:#6b7280; }

@media (max-width:560px){
  .mine-cell{ width:26px; height:26px; font-size:13px; }
  .mine-title{ font-size:30px; }
}