/* AnomicFlip — Mines (/mines). Shares the page shell (.cf, .cf-side, .cf-bar…) with coinflip.css; uses .pk-sel from plinko.css. */
.mn-box { display: flex; align-items: center; justify-content: space-between; gap: 10px; height: 58px; padding: 0 16px; border-radius: 8px; border: 2px solid #2a2d33; background: #111315; color: #fff; font: 700 18px 'Archivo', system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.mn-box .cf-coin-ic { width: 17px; height: 22px; }
.mn-hint { margin: 0; font-size: 14px; color: #8b8f97; line-height: 1.5; }
.cf-random:disabled { opacity: .45; cursor: not-allowed; }
.cf-random[hidden] { display: none; }

.mn-stage { position: relative; display: grid; place-items: center; padding: 34px 24px; min-height: 640px; }
.mn-grid { width: min(100%, 780px); display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.mn-tile {
  position: relative; aspect-ratio: 1; border: 0; border-radius: 10px; padding: 0; cursor: pointer;
  background: #424852; box-shadow: 0 7px 0 #2b2f36; transition: transform .12s ease, background .12s ease, box-shadow .12s ease;
}
.mn-tile:hover:not(.open) { transform: translateY(-4px); background: #4d5460; box-shadow: 0 11px 0 #2b2f36; }
.mn-tile:active:not(.open) { transform: translateY(3px); box-shadow: 0 4px 0 #2b2f36; }
.mn-tile.pick { background: #3a6b52; box-shadow: 0 7px 0 #24493a, inset 0 0 0 3px #3fd68f; }
.mn-tile.open { cursor: default; background: #1a1d20; box-shadow: inset 0 0 0 2px #2a2d33; transform: none; animation: mn-pop .22s ease-out; }
.mn-tile.open img { position: absolute; inset: 14%; width: 72%; height: 72%; object-fit: contain; user-select: none; -webkit-user-drag: none; pointer-events: none; }
.mn-tile.gem { box-shadow: inset 0 0 0 2px rgba(63,214,143,.35); }
.mn-tile.faded { opacity: .4; animation: none; }
.mn-tile.faded.gem { box-shadow: inset 0 0 0 2px #2a2d33; }
.mn-tile.boom { background: #3a1a1e; box-shadow: inset 0 0 0 2px #e53945, 0 0 24px rgba(229,57,69,.45); animation: mn-shake .4s ease-out; }
@keyframes mn-pop { from { transform: scale(.85); } to { transform: none; } }
@keyframes mn-shake { 0%, 100% { transform: none; } 20% { transform: translateX(-6px) rotate(-3deg); } 40% { transform: translateX(6px) rotate(3deg); } 60% { transform: translateX(-4px); } 80% { transform: translateX(3px); } }
.mn-win { top: 50%; margin-top: -86px; }
@media (prefers-reduced-motion: reduce) { .mn-tile, .mn-tile.open, .mn-tile.boom { animation: none; transition: none; } }

@media (max-width: 1100px) { .mn-stage { min-height: 0; padding: 22px 14px; } }
@media (max-width: 600px) { .mn-grid { gap: 8px; } .mn-tile { border-radius: 8px; box-shadow: 0 4px 0 #2b2f36; } }

/* "· 1B max payout" next to Total Profit (Mines + Towers) */
.mx-note { font-size: 14px; font-weight: 600; color: #8b8f97; }