/* WP Minesweeper - Complete */
.wpm-container { max-width: 100%; margin: 12px 0; font-family: Arial, sans-serif; }
.wpm-controls { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:8px; }
.wpm-controls input, .wpm-controls select, .wpm-controls button { padding:6px 8px; font-size:14px; }
#wpm-board { display: grid; gap:4px; background: #888; padding:8px; border-radius:6px; }
.wpm-cell { width:28px; height:28px; background:#cfcfcf; border:1px solid #999; display:flex; align-items:center; justify-content:center; cursor:pointer; user-select:none; font-weight:bold; }
.wpm-cell.revealed { background:#eee; cursor:default; }
.wpm-cell.mine { background:#f66 !important; color:#600; }
.wpm-cell.flag { background:#ffd; position:relative; }
.wpm-board { touch-action: manipulation; }
.wpm-leaderboard { margin-top:12px; background:#fff; padding:8px; border:1px solid #ddd; border-radius:6px; }
.wpm-leaderboard ol { padding-left:20px; margin:0; }
@media(max-width:600px){
  .wpm-cell { width:22px; height:22px; font-size:12px; }
  .wpm-controls { font-size:13px; }
}