/* BetFury Mines — page-specific styles */
.hero-sub{font-size:.93rem;color:var(--muted);line-height:1.7;margin-bottom:26px;max-width:540px}
.btn-secondary-hero{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:14px 28px;border-radius:8px;font-weight:600;font-size:.92rem;transition:.2s;display:inline-flex;align-items:center}
.btn-secondary-hero:hover{border-color:rgba(255,255,255,.5)}

.hero-img-wrap{flex-shrink:0;width:220px;margin:60px 48px 60px 0;align-self:stretch;overflow:hidden;border-radius:12px}
.hero-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}

.info-table{width:100%;border-collapse:collapse;background:var(--bg3);border:1px solid var(--border);border-radius:14px;overflow:hidden;font-size:.88rem}
.info-table td{padding:13px 20px;border-bottom:1px solid var(--border)}
.info-table tr:last-child td{border-bottom:none}
.info-table td:first-child{color:var(--muted);font-weight:400;width:50%}
.info-table td:last-child{color:var(--text);font-weight:600}

section p{color:var(--muted);font-size:.88rem;line-height:1.75;margin-bottom:14px}

.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.step-card{background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:22px}
.step-num{font-size:1.5rem;font-weight:900;color:var(--purple);margin-bottom:10px}
.step-card h3{font-size:.93rem;font-weight:700;margin-bottom:7px}
.step-card p{color:var(--muted);font-size:.83rem;line-height:1.65}

/* ── Mines widget ─────────────────────────────────────── */
.mines-widget{background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:24px;user-select:none;margin-bottom:32px;max-width:480px}
.mw-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:20px}
.mw-control-group{display:flex;align-items:center;gap:12px}
.mw-label{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.mw-mine-btns{display:flex;gap:6px}
.mw-mine-btn{background:var(--bg4);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:.82rem;font-weight:700;padding:6px 13px;cursor:pointer;transition:.2s}
.mw-mine-btn:hover{border-color:rgba(255,255,255,.25);color:#fff}
.mw-mine-active{border-color:var(--purple)!important;color:#fff!important}
.mw-stats{display:flex;align-items:center;flex-wrap:wrap;gap:0;font-size:.82rem;color:var(--muted)}
.mw-stats > span:not(.dw-sep){padding:3px 12px}
.mw-stats strong{color:var(--text)}

.mw-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}
.mw-tile{background:var(--bg4);border:1px solid var(--border);border-radius:10px;aspect-ratio:1;font-size:1.4rem;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;display:flex;align-items:center;justify-content:center}
.mw-tile:hover:not(:disabled){background:#252840;border-color:rgba(255,255,255,.2);transform:scale(1.05)}
.mw-tile:disabled{cursor:default}
.mw-tile.mw-gem{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.4)}
.mw-tile.mw-mine{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.5);animation:mineShake .35s ease}
.mw-tile.mw-mine-hidden{background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.2)}
@keyframes mineShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}

.mw-footer{display:flex;gap:10px}
.mw-cashout{flex:1;background:var(--purple);border:none;color:#fff;padding:13px;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;transition:opacity .2s}
.mw-cashout:hover:not(:disabled){opacity:.85}
.mw-cashout:disabled{opacity:.4;cursor:default}
.mw-reset{background:var(--bg4);border:1px solid var(--border);color:var(--muted);padding:13px 20px;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:.2s}
.mw-reset:hover{border-color:rgba(255,255,255,.25);color:#fff}

.mult-table{width:100%;border-collapse:collapse;background:var(--bg3);border:1px solid var(--border);border-radius:14px;overflow:hidden;font-size:.88rem}
.mult-table th{text-align:left;padding:13px 20px;color:var(--muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border)}
.mult-table td{padding:13px 20px;border-bottom:1px solid var(--border);color:var(--muted);font-weight:400}
.mult-table tr:last-child td{border-bottom:none}

@media(max-width:768px){
  .hero-content{padding:32px 20px 36px;width:100%}
  .hero-img-wrap{display:none}
  .mw-controls{flex-direction:column;align-items:flex-start}
}