/* ============================================================
   マインズ 固有スタイル（games.css を土台に盤面のみ）
   ============================================================ */
.mn-meter{ display:flex; justify-content:center; gap:14px; margin:6px auto 12px; }
.mn-meter .box{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); border-radius:12px; padding:6px 16px; text-align:center; }
.mn-meter .cap{ font-size:.6rem; color:#9aa; font-weight:700; }
.mn-meter .val{ font-size:1.25rem; font-weight:900; }
.mn-meter .val.mult{ color:#FFD54F; } .mn-meter .val.cash{ color:#69F0AE; }
.mn-meter .val.next{ color:#90CAF9; font-size:1rem; }

.mn-grid{ display:grid; gap:7px; width:100%; max-width:320px; margin:0 auto; }
.mn-tile{ aspect-ratio:1/1; border-radius:11px; border:1px solid #3a2f4a;
  background:linear-gradient(160deg,#241a33,#15101f); color:#fff; font-size:26px;
  display:flex; align-items:center; justify-content:center; cursor:pointer; transition:.12s;
  -webkit-user-select:none; user-select:none; }
.mn-tile:active{ transform:scale(.94); }
.mn-tile.reveal{ animation:mnPop .2s ease; }
@keyframes mnPop{ 0%{ transform:scale(.6); } 100%{ transform:scale(1); } }
.mn-tile.safe{ background:linear-gradient(135deg,#2E7D32,#1B5E20); border-color:#43A047; cursor:default; }
.mn-tile.mine{ background:linear-gradient(135deg,#C62828,#7f0000); border-color:#EF5350; cursor:default; }
.mn-tile.dim{ opacity:.4; cursor:default; }
.mn-tile.idle{ cursor:default; }

.mn-result{ font-size:20px; font-weight:800; min-height:30px; margin-top:14px; text-align:center; }
.mn-result.win{ color:#69F0AE; } .mn-result.lose{ color:#EF5350; }
.mn-hint{ text-align:center; color:#9aa; font-size:.78rem; margin:0 0 10px; min-height:18px; }

/* レイアウト: 操作ボタンを上・盤面と説明は下（DOM順を order で再配置） */
.gc-wrap{ display:flex; flex-direction:column; }
#gcSelectors{ order:2; }
#gcBoard{ order:3; }
.gc-info-box{ order:9; }