/* Mines calculator + pattern generator — compact `.crx` app shell.
   The parent Mines component CSS supplies the established engine classes;
   this scoped layer aligns those components with CasinoDrop's standard tool
   layout without changing any JS hook or calculation. */

.crx.mnx{--mnx-accent:var(--cyan,#4FC7EA);--mnx-soft:rgba(79,199,234,.09);--mnx-line:rgba(79,199,234,.24)}
.mnx-pattern{--mnx-accent:var(--hi,#A78BFA);--mnx-soft:rgba(167,139,250,.09);--mnx-line:rgba(167,139,250,.25)}
.mnx .crx-ident-text{min-width:0}
.mnx-mark{display:grid;place-items:center;background:linear-gradient(145deg,var(--mnx-soft),rgba(47,151,238,.08)),var(--card-2);color:var(--mnx-accent)}
.mnx-mark::after{content:"";position:absolute;inset:auto;width:36px;height:36px;border-radius:12px;background:currentColor;opacity:.06;filter:blur(7px)}
.mnx .crx-mark{position:relative;overflow:hidden}
.mnx-mark-icon{position:relative;z-index:1;width:28px;height:28px}
.mnx-local{background:rgba(79,199,234,.09);border-color:rgba(79,199,234,.26);color:var(--cyan,#4FC7EA)}
.mnx-local i{animation:none;box-shadow:0 0 0 3px rgba(79,199,234,.14)}
.mnx-pattern .mnx-local{background:rgba(167,139,250,.09);border-color:rgba(167,139,250,.25);color:var(--hi,#A78BFA)}
.mnx-pattern .mnx-local i{box-shadow:0 0 0 3px rgba(167,139,250,.13)}

.mnx-app,.mnx .cd-mines{display:grid;gap:22px;min-width:0}
.mnx .cd-mines>*{min-width:0}
.mnx .cd-mines-sim,.mnx .cd-mines-table-block{margin-top:0!important}
.mnx .cd-mines-quick,.mnx .cd-mines-sim,.mnx .cd-mines-table-scroll{
	background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%),var(--card);
	border:1px solid var(--hair);border-radius:var(--rad);box-shadow:0 14px 40px -28px rgba(0,0,0,.7)
}
.mnx .cd-mines-pattern .cd-mines-sim{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%),var(--card);border-color:var(--hair);border-radius:var(--rad);box-shadow:0 14px 40px -28px rgba(0,0,0,.7)}
.mnx .cd-mines-quick__in{padding:20px;border-color:var(--hair);background:linear-gradient(180deg,var(--mnx-soft),transparent 74%)}
.mnx .cd-mines-quick__out{padding:24px 20px}
.mnx .cd-mines-quick__mult{font-family:var(--font-num);font-size:clamp(42px,6vw,62px)}
.mnx .cd-mines-quick__sec b,.mnx .cd-mines-stat b{font-family:var(--font-num);font-variant-numeric:tabular-nums}

.mnx .cd-mines-sim__head{padding:15px 18px;border-bottom:1px solid var(--hair)}
.mnx .cd-mines-sim__head h2,.mnx .cd-mines-table-head h2{margin:0 0 4px;font-size:19px;font-weight:700}
.mnx .cd-mines-sim__head p,.mnx .cd-mines-table-head p{font-size:13.5px;line-height:1.6;color:var(--ink-3)}
.mnx .cd-mines-sim__body{gap:18px;padding:18px}
.mnx .cd-mines-board,.mnx .cd-mines-stat{background:var(--card-2);border-color:var(--hair);border-radius:12px}
.mnx .cd-mines-grid{gap:9px}
.mnx .cd-mines-tile{border-radius:10px;background:var(--surface-3,#293046);border-color:var(--hair-2)}
.mnx .cd-mines-tile:hover{border-color:var(--mnx-accent);background:var(--mnx-soft)}
.mnx .cd-mines-tile.is-on{background:linear-gradient(145deg,rgba(79,199,234,.26),rgba(123,77,242,.25));border-color:rgba(79,199,234,.68)}
.mnx .cd-mines-row label,.mnx .cd-mines-field label{color:var(--ink-3)}
.mnx .cd-mines-row input,.mnx .cd-mines-field input[type=number],.mnx .cd-mines-num{background:var(--card-2);border-color:var(--hair-2);color:var(--ink);font-family:var(--font-num)}
.mnx .cd-mines-field label b{color:var(--mnx-accent)}
.mnx .cd-mines-presets button{background:var(--card-2);border-color:var(--hair-2);color:var(--ink-3)}
.mnx .cd-mines-presets button:hover{border-color:var(--mnx-accent);color:#fff}
.mnx .cd-mines-presets button.is-on{background:var(--grad);border-color:transparent;color:#fff}
.mnx .cd-mines-reset{background:rgba(255,92,122,.08);border:1px solid rgba(255,92,122,.32);color:var(--ink-2)}
.mnx .cd-mines-generate{background:var(--grad);border:0;color:#fff;border-radius:999px;box-shadow:0 8px 22px -10px rgba(79,150,242,.7)}
.mnx .cd-mines-error{background:rgba(255,92,122,.08);border-color:rgba(255,92,122,.32);color:var(--down,#FF5C7A)}

.mnx .cd-mines-table-block{min-width:0}
.mnx .cd-mines-table-head{margin-bottom:12px}
.mnx .cd-mines-table-scroll{max-width:100%;overflow:auto}
.mnx .cd-mines-table{min-width:960px;font-size:12.5px}
.mnx .cd-mines-table th,.mnx .cd-mines-table td{border-color:var(--hair)}
.mnx .cd-mines-table thead th,.mnx .cd-mines-table tbody th{background:var(--card-2)}
.mnx .cd-mines-table td{font-family:var(--font-num)}
.mnx .cd-mines-table td:hover{background:var(--mnx-soft);color:var(--mnx-accent)}
.mnx .cd-mines-table td.is-on,.mnx .cd-mines-table td.is-on.is-high,.mnx .cd-mines-table td.is-on.is-ultra{background:var(--grad);color:#fff}
.mnx>.crx-wrap>.crx-note{margin-top:0}

@media (max-width:1040px){
	.mnx .cd-mines-sim__body{grid-template-columns:minmax(0,1fr)}
	.mnx .cd-mines-stats{grid-column:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
}
@media (max-width:760px){
	.mnx .crx-actions{width:100%;margin-left:0}
	.mnx .crx-actions .crx-btn{flex:1 1 auto;justify-content:center}
	.mnx .cd-mines-quick{grid-template-columns:1fr}
	.mnx .cd-mines-quick__in{border-right:0;border-bottom:1px solid var(--hair)}
	.mnx .cd-mines-sim__body{grid-template-columns:minmax(0,1fr);padding:14px}
	.mnx .cd-mines-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
	.mnx .cd-mines-grid{gap:7px}
	.mnx .cd-mines-board{padding:14px}
	.mnx .cd-mines-table{min-width:880px}
}
@media (max-width:560px){
	.mnx .crx-facts{white-space:normal;flex-wrap:wrap;row-gap:3px}
	.mnx .crx-facts li{white-space:normal}
	.mnx .cd-mines-stats{grid-template-columns:1fr}
	.mnx .cd-mines-quick__sec{gap:24px}
	.mnx .cd-mines-row{align-items:flex-start;flex-direction:column;gap:7px}
	.mnx .cd-mines-row input{width:100%}
}
@media (prefers-reduced-motion:reduce){
	.mnx *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}