/* ===== The Arcade, stage 3 (js/am-mines.js): Mines ===== */
.amn-mach{width:100%;max-width:360px;margin-left:auto;margin-right:auto}
.amn-field{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:10px;background:radial-gradient(ellipse at 50% 20%,#1d3a2a,#0d1f16 75%);border:3px solid #b8862b;border-radius:12px;box-shadow:inset 0 0 18px rgba(0,0,0,.7)}
.amn-c{aspect-ratio:1;min-height:44px;border:0;border-radius:8px;background:linear-gradient(160deg,#3d5a4a,#24392d);box-shadow:inset 0 -3px 0 rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.08);font-size:22px;line-height:1;color:#fff;cursor:pointer;padding:0;transition:transform .12s}
.amn-c:not([disabled]):hover{transform:translateY(-2px);background:linear-gradient(160deg,#4d7360,#2c4637)}
.amn-c[disabled]{cursor:default}
.amn-field.idle .amn-c:not(.amn-me):not(.amn-npc):not(.amn-mine):not(.amn-boom):not(.amn-npcboom){opacity:.55}
.amn-me{background:linear-gradient(160deg,#2f6d8c,#1b4257)}
.amm-skin-mines .amn-me{background:linear-gradient(160deg,#2fb36a,#17703e);box-shadow:0 0 10px rgba(47,179,106,.6)}
.amn-npc{background:linear-gradient(160deg,#6b5a2f,#40351b);color:#ffd24a;font-size:18px}
.amn-mine{background:#3a1f1f;opacity:.8}
.amn-boom,.amn-npcboom{background:radial-gradient(circle,#ff7a3d,#8c1d1d);animation:amnBoom .5s ease-out}
@keyframes amnBoom{0%{transform:scale(1.25)}100%{transform:scale(1)}}
.amn-hist span{font:600 11px/1 "Barlow Condensed",sans-serif;padding:3px 6px;border-radius:4px}
.amn-hw{background:#9fe3a1;color:#0b1a2e}.amn-hl{background:#5a2b2b;color:#fff}
.amn-duel{font-size:13px}.amn-duel b{color:#ffd24a}
@media (max-width:480px){.amn-field{gap:4px;padding:8px}.amn-c{font-size:18px}}
@media (prefers-reduced-motion:reduce){.amn-boom,.amn-npcboom{animation:none}.amn-c{transition:none}}