.game-area {
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  font-size: 13px;
}

.target-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.target-label { font-size: 11px; color: #777; }
.mini-sheet {
  width: 90px;
  height: 90px;
  background: #f6f6f6;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.main-sheet {
  width: 220px;
  height: 220px;
  background: #eee;
  border-radius: 8px;
  cursor: default;
}
.main-sheet.armed { cursor: crosshair; }

.sheet-outline { fill: #fff; stroke: #999; stroke-width: 2; }
.package-rect { fill: #fdfdfd; stroke: #333; stroke-width: 2; }
.punch-dot { fill: #222; }
.target-dot { fill: none; stroke: #999; stroke-width: 2; }
.result-dot.ok { fill: #1a7a1a; }
.result-dot.bad { fill: #a11; }

.fold-row {
  display: flex;
  gap: 8px;
  width: 100%;
  max-width: 260px;
}
.fold-row button { flex: 1; }

#undo-fold-btn, #punch-btn, #unfold-btn, #restart-btn {
  max-width: 260px;
}