/* 火柴棒游戏（sw-huochai）专用样式
   只放这个专题用得到的东西：算式格子、点选交互、火柴算式。其余沿用 siwei.css。 */

/* ---------- 移两根：点“哪两格会变” ---------- */
.sw-hc-pick { display: flex; flex-direction: column; gap: 12px; }
.sw-hc-pick-t { margin: 0; font-size: 15px; font-weight: 850; color: #5B5348; text-align: center; }

/* 一格一个按钮：375px 下 5 格仍能一行放下，每格 ≥ 48px 的点击高度 */
.sw-hc-row { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.sw-hc-cell {
  flex: 0 0 auto;
  width: 56px; height: 64px;
  min-width: 48px; min-height: 48px;
  border-radius: 14px;
  border: 3px solid #E2D6C6;
  background: #FFFDF9;
  color: #3B332A;
  font-size: 30px; font-weight: 900; line-height: 1;
  font-family: inherit;
  cursor: pointer;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
  -webkit-tap-highlight-color: transparent;
}
.sw-hc-cell:active { transform: scale(.94); }
.sw-hc-cell.eq { background: #F6F1E8; color: #8A7F70; cursor: default; }
.sw-hc-cell.on { border-color: #F5A524; background: #FFF6DF; box-shadow: 0 0 0 3px rgba(245, 165, 36, .22); }
.sw-hc-cell.ok { border-color: #1FA58B; background: #E8F8F3; color: #12806B; }
.sw-hc-cell.no { border-color: #E4573D; background: #FDEDE9; color: #B9331F; }

.sw-hc-acts { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.sw-hc-acts .btn { min-height: 48px; }
.sw-hc-tip { margin: 0; min-height: 20px; text-align: center; font-size: 14px; font-weight: 800; color: #8A7F70; }

/* 375px 的窄屏：格子缩一点，5 格仍然一行 */
@media (max-width: 400px) {
  .sw-hc-row { gap: 6px; }
  .sw-hc-cell { width: 50px; height: 58px; font-size: 26px; }
}