/* Miracle Mines — dark-first */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700&family=Barlow:wght@400;600&display=swap');
.mmin-root*,.mmin-root *::before,.mmin-root *::after{box-sizing:border-box;margin:0;padding:0}
.mmin-root{--bg:#0d1117;--card:#161b22;--card2:#1c2330;--gold:#D4AF37;--gold2:#f5d76e;--ink:#e6edf3;--muted:#8b949e;--line:rgba(255,255,255,.07);--green:#3fb950;--danger:#f85149;--mine-safe:#1c3a4a;--mine-revealed:#253545;--mine-bomb:#3a1515;font-family:'Barlow',sans-serif;color:var(--ink);background:var(--bg);min-height:100vh;padding:16px 12px 32px}
html:not([data-theme="dark"]) .mmin-root{--bg:#f0f4f8;--card:#fff;--card2:#f6f8fa;--ink:#1a2744;--muted:#6b7280;--line:rgba(0,0,0,.08);--mine-safe:#dce8ff;--mine-revealed:#eef2f8;--mine-bomb:#ffe0e0}
.mmin-card{max-width:480px;margin:0 auto;background:var(--card);border-radius:20px;padding:22px 18px 28px;box-shadow:0 8px 40px rgba(0,0,0,.5);position:relative}
.mmin-head{text-align:center;margin-bottom:14px}
.mmin-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(26px,7vw,38px);text-transform:uppercase;background:linear-gradient(160deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}
.mmin-sub{color:var(--muted);font-size:13px;margin-top:2px}
.mmin-hud{display:flex;gap:8px;margin-bottom:12px}
.mmin-hud-item{flex:1;background:var(--card2);border-radius:10px;padding:8px 10px;text-align:center;border:1px solid var(--line)}
.mmin-hud-val{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;color:var(--gold)}
.mmin-hud-lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
/* Setup controls */
.mmin-setup{background:var(--card2);border-radius:12px;padding:14px;margin-bottom:14px;border:1px solid var(--line)}
.mmin-setup-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px}
.mmin-setup-row:last-child{margin-bottom:0}
.mmin-setup-row label{flex:0 0 80px;color:var(--muted);font-size:13px}
.mmin-input{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--ink);font-size:15px;width:100%;-webkit-appearance:none}
.mmin-mines-btns{display:flex;gap:6px;flex-wrap:wrap}
.mmin-mine-btn{padding:4px 10px;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:13px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mmin-mine-btn.active{background:var(--gold);color:#1a1a1a;border-color:var(--gold2);font-weight:700}
/* Grid */
.mmin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}
.mmin-tile{aspect-ratio:1;border-radius:10px;border:1px solid var(--line);background:var(--mine-safe);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent;user-select:none}
.mmin-tile:active{transform:scale(.94)}
.mmin-tile.revealed{background:var(--mine-revealed);cursor:default}
.mmin-tile.is-mine{background:var(--mine-bomb)}
.mmin-tile:disabled,.mmin-tile.locked{pointer-events:none;opacity:.8}
/* Action buttons */
.mmin-actions{display:flex;gap:8px;margin-bottom:12px}
.mmin-btn{flex:1;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;padding:12px 0;border-radius:12px;border:0;cursor:pointer;text-transform:uppercase;transition:transform .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent}
.mmin-btn-start{background:linear-gradient(160deg,var(--gold2),var(--gold));color:#1a1a1a;box-shadow:0 4px 16px rgba(212,175,55,.35)}
.mmin-btn-start:active:not(:disabled){transform:translateY(2px);box-shadow:none}
.mmin-btn-start:disabled{opacity:.5;cursor:not-allowed}
.mmin-btn-cashout{background:var(--green);color:#0d1117;font-size:16px}
.mmin-btn-cashout:active{transform:translateY(2px)}
.mmin-btn-cashout:disabled{opacity:.5;cursor:not-allowed}
.mmin-result{text-align:center;min-height:36px;margin-bottom:10px;font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700}
.mmin-result.win{color:var(--green)}.mmin-result.loss{color:var(--danger)}.mmin-result.error{color:var(--danger);font-size:14px}
.mmin-mult-display{text-align:center;font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:700;color:var(--gold);letter-spacing:1px;margin-bottom:6px;min-height:40px}
.mmin-sound-btn{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;font-size:16px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}
.mmin-sound-btn.is-muted{opacity:.5}
.mmin-notice{text-align:center;padding:12px;border-radius:10px;background:var(--card2);border:1px solid var(--line);font-size:14px;color:var(--muted)}
.mmin-notice a{color:var(--gold)}