@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --primary:#1a6fc4;
  --primary-dark:#1558a0;
  --primary-light:#e8f0fe;
  --sidebar-bg:#1e3a5f;
  --sidebar-text:#cdd9e8;
  --sidebar-active:#fff;
  --sidebar-hover:rgba(255,255,255,.1);
  --topbar-bg:#1a6fc4;
  --bg:#f4f6fa;
  --white:#fff;
  --border:#e0e6ef;
  --text:#2d3748;
  --muted:#718096;
  --green:#38a169;
  --red:#e53e3e;
  --gold:#d4a017;
  --shadow:0 2px 8px rgba(0,0,0,.08);
  --radius:10px;
}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);min-height:100vh}

/* ── LAYOUT ── */
.layout{display:flex;min-height:100vh}
.sidebar{width:220px;background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:.3s}
.main-wrap{margin-left:220px;display:flex;flex-direction:column;min-height:100vh;flex:1}
.topbar{background:var(--topbar-bg);padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:99;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.page-content{padding:24px;flex:1}

/* ── SIDEBAR ── */
.sidebar-logo{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px}
.sidebar-logo img,.sidebar-logo-text{color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:.5px}
.sidebar-logo-text span{color:#4fc3f7}

.user-info{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
.user-avatar-sm{width:40px;height:40px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;flex-shrink:0}
.user-name{color:#fff;font-weight:600;font-size:.9rem}
.user-email{color:var(--sidebar-text);font-size:.75rem}

.nav-section{padding:12px 0}
.nav-label{padding:8px 20px;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);font-weight:600}
.nav-item{display:flex;align-items:center;gap:12px;padding:10px 20px;color:var(--sidebar-text);font-size:.88rem;cursor:pointer;transition:.2s;text-decoration:none;border-left:3px solid transparent}
.nav-item:hover{background:var(--sidebar-hover);color:#fff}
.nav-item.active{background:rgba(255,255,255,.12);color:#fff;border-left-color:#4fc3f7}
.nav-item i,.nav-icon{font-size:1.1rem;width:20px;text-align:center}
.nav-sub{padding-left:52px;display:none;flex-direction:column}
.nav-sub.open{display:flex}
.nav-sub a{padding:7px 0;color:var(--sidebar-text);font-size:.84rem;text-decoration:none;transition:.2s}
.nav-sub a:hover,.nav-sub a.active{color:#4fc3f7}
.nav-arrow{margin-left:auto;font-size:.7rem;transition:.3s}
.nav-item.open .nav-arrow{transform:rotate(90deg)}

/* ── TOPBAR ── */
.topbar-balance{background:rgba(255,255,255,.15);border-radius:20px;padding:6px 16px;color:#fff;font-size:.88rem;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2)}
.topbar-balance select{background:transparent;border:none;color:#fff;font-size:.85rem;cursor:pointer;outline:none}
.topbar-balance option{background:#1a6fc4;color:#fff}
.topbar-right{display:flex;align-items:center;gap:12px}
.topbar-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;padding:6px 14px;border-radius:20px;cursor:pointer;font-size:.82rem;transition:.2s}
.topbar-btn:hover{background:rgba(255,255,255,.25)}
.topbar-icon-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:.2s}
.topbar-icon-btn:hover{background:rgba(255,255,255,.25)}
.deposit-btn{background:#fff;color:var(--primary);border:none;padding:7px 18px;border-radius:20px;font-weight:600;font-size:.85rem;cursor:pointer;transition:.2s}
.deposit-btn:hover{background:#e8f0fe}

/* ── CARDS ── */
.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:20px;margin-bottom:16px}
.card-title{font-weight:700;font-size:1rem;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px}
.stat-box{background:#fff;border-radius:var(--radius);padding:16px 20px;border:1px solid var(--border);box-shadow:var(--shadow)}
.stat-box .label{font-size:.75rem;color:var(--muted);margin-bottom:4px}
.stat-box .value{font-size:1.4rem;font-weight:700;color:var(--text)}
.stat-box .value.blue{color:var(--primary)}
.stat-box .value.green{color:var(--green)}

/* ── GAME LAYOUT ── */
.game-layout{display:grid;grid-template-columns:300px 1fr;gap:20px}
@media(max-width:768px){.game-layout{grid-template-columns:1fr}.sidebar{transform:translateX(-220px)}.main-wrap{margin-left:0}}

.bet-panel{background:#fff;border-radius:var(--radius);padding:20px;border:1px solid var(--border);box-shadow:var(--shadow)}
.bet-panel label{font-size:.8rem;font-weight:600;color:var(--muted);display:block;margin-bottom:6px}
.bet-input-wrap{position:relative;display:flex}
.bet-input-wrap input{flex:1;padding:10px 50px 10px 12px;border:2px solid var(--border);border-radius:8px;font-size:.95rem;outline:none;transition:.2s}
.bet-input-wrap input:focus{border-color:var(--primary)}
.bet-currency{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.8rem;font-weight:600}
.bet-quick{display:flex;gap:6px;margin-top:8px}
.bet-quick button{flex:1;padding:6px;border:1px solid var(--border);background:#fff;border-radius:6px;font-size:.75rem;font-weight:600;color:var(--primary);cursor:pointer;transition:.2s}
.bet-quick button:hover{background:var(--primary-light);border-color:var(--primary)}
.form-group{margin-bottom:16px}
.form-group input,.form-group select{width:100%;padding:10px 12px;border:2px solid var(--border);border-radius:8px;font-size:.9rem;outline:none;transition:.2s;font-family:inherit}
.form-group input:focus,.form-group select:focus{border-color:var(--primary)}
.form-group label{font-size:.8rem;font-weight:600;color:var(--muted);display:block;margin-bottom:6px}

.roll-btn{width:100%;padding:14px;background:linear-gradient(135deg,#1a6fc4,#1558a0);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:.2s;margin-top:12px;letter-spacing:.5px}
.roll-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(26,111,196,.4)}
.roll-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.cashout-btn{width:100%;padding:14px;background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:.2s;margin-top:8px}
.cashout-btn:hover{transform:translateY(-1px)}

.game-display{background:#fff;border-radius:var(--radius);padding:24px;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:300px}

/* ── DICE ── */
.dice-result-big{font-size:4rem;font-weight:900;font-family:'Inter';margin:16px 0;transition:.3s}
.dice-result-big.win{color:var(--green)}
.dice-result-big.lose{color:var(--red)}
.dice-bar-wrap{width:100%;max-width:450px;position:relative;margin:10px 0}
.dice-bar-track{height:10px;background:#e2e8f0;border-radius:5px;position:relative}
.dice-bar-fill{position:absolute;top:0;bottom:0;background:#48bb78;border-radius:5px;opacity:.4}
.dice-bar-marker{position:absolute;top:-5px;width:4px;height:20px;background:var(--primary);border-radius:2px;transform:translateX(-50%)}
.dice-bar-result{position:absolute;top:-7px;width:10px;height:24px;background:#fd7e14;border-radius:3px;transform:translateX(-50%);display:none}
.over-under-toggle{display:flex;border:2px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:16px}
.ou-btn{flex:1;padding:9px;background:#fff;border:none;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--muted);transition:.2s}
.ou-btn.active{background:var(--primary);color:#fff}
.dice-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px}
.dice-info-box{background:#f7fafc;border-radius:8px;padding:10px;text-align:center;border:1px solid var(--border)}
.dice-info-box .lbl{font-size:.7rem;color:var(--muted);margin-bottom:4px}
.dice-info-box .val{font-size:1rem;font-weight:700;color:var(--primary)}
input[type=range]{width:100%;accent-color:var(--primary);cursor:pointer}
.profit-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:.85rem}
.profit-row .plabel{color:var(--muted)}
.profit-row .pval{font-weight:600;color:var(--text)}

/* ── MINES ── */
.mines-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:360px;margin:0 auto}
.mine-cell{aspect-ratio:1;background:#edf2f7;border:2px solid #e2e8f0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:.2s;user-select:none}
.mine-cell:hover{background:#e2e8f0;transform:scale(1.05)}
.mine-cell.gem{background:#c6f6d5;border-color:#68d391;animation:popIn .2s ease}
.mine-cell.bomb{background:#fed7d7;border-color:#fc8181}
.mine-cell.revealed{cursor:default}
@keyframes popIn{0%{transform:scale(.8)}100%{transform:scale(1)}}
.mines-mult{font-size:2.5rem;font-weight:900;color:var(--primary);text-align:center;font-family:'Inter'}

/* ── CRASH ── */
.crash-canvas-box{background:#1a1a2e;border-radius:12px;overflow:hidden;position:relative;width:100%}
.crash-mult-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.5rem;font-weight:900;color:#fff;font-family:'Inter';text-shadow:0 0 30px rgba(255,255,255,.5)}
.crash-hist{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.crash-pill{padding:4px 12px;border-radius:20px;font-size:.78rem;font-weight:700}
.crash-pill.low{background:#fed7d7;color:#c53030}
.crash-pill.mid{background:#fefcbf;color:#744210}
.crash-pill.high{background:#c6f6d5;color:#276749}

/* ── SLOTS ── */
.slots-machine{background:linear-gradient(135deg,#1a365d,#2a4a7f);border-radius:16px;padding:24px;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.2)}
.slots-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
.slot-reel-cell{background:#fff;border-radius:8px;height:70px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;border:3px solid #e2e8f0;transition:.2s}
.slot-reel-cell.spin{animation:spinReel .1s infinite}
@keyframes spinReel{0%{transform:translateY(-3px)}50%{transform:translateY(3px)}100%{transform:translateY(-3px)}}
.slots-title{color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.15em;margin-bottom:8px;opacity:.8}
.slots-result{color:#ffd700;font-size:1.2rem;font-weight:700;min-height:36px;margin:8px 0}

/* ── LIMBO ── */
.limbo-display{font-size:5rem;font-weight:900;font-family:'Inter';text-align:center;padding:24px 0;transition:.3s}
.limbo-display.counting{animation:countPulse .1s infinite}
@keyframes countPulse{0%{opacity:.7}100%{opacity:1}}

/* ── WHEEL SPIN ── */
.wheel-wrap{position:relative;display:inline-block}
.wheel-pointer{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:1.8rem;z-index:10}

/* ── HILO ── */
.hilo-card{width:100px;height:140px;background:#fff;border-radius:12px;border:2px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:var(--shadow);position:relative;transition:.3s}
.hilo-card.red-card{color:#e53e3e}
.hilo-card.back{background:#1a6fc4;color:#fff}
.hilo-card-rank{position:absolute;top:8px;left:10px;font-size:.9rem;font-weight:700}
.hilo-card-suit{font-size:2rem}
.hilo-btns{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;justify-content:center}
.hilo-higher{padding:12px 28px;background:var(--green);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:.95rem;transition:.2s}
.hilo-lower{padding:12px 28px;background:var(--red);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:.95rem;transition:.2s}
.hilo-higher:hover{background:#2f855a}
.hilo-lower:hover{background:#c53030}
.hilo-cashout{padding:12px 28px;background:var(--gold);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:.95rem}

/* ── KENO ── */
.keno-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:16px}
.keno-ball{aspect-ratio:1;border-radius:8px;border:2px solid var(--border);background:#f7fafc;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;cursor:pointer;transition:.2s;color:var(--text)}
.keno-ball:hover{background:var(--primary-light);border-color:var(--primary)}
.keno-ball.selected{background:var(--primary);color:#fff;border-color:var(--primary)}
.keno-ball.hit{background:#38a169;color:#fff;border-color:#38a169;animation:popIn .2s ease}
.keno-ball.drawn{background:#feb2b2;border-color:#fc8181}

/* ── TABLES ── */
.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:#fff}
table{width:100%;border-collapse:collapse}
thead{background:#f7fafc}
th{padding:11px 14px;text-align:left;font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}
td{padding:11px 14px;font-size:.87rem;border-bottom:1px solid #f0f4f8;color:var(--text)}
tr:last-child td{border-bottom:none}
tr:hover td{background:#f7fafc}
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700}
.badge-win{background:#c6f6d5;color:#276749}
.badge-loss{background:#fed7d7;color:#c53030}
.badge-pending{background:#fef3c7;color:#92400e}

/* ── FORMS ── */
input,select,textarea{font-family:'Inter',sans-serif}
.btn{display:inline-block;padding:9px 20px;border-radius:8px;font-weight:600;font-size:.88rem;cursor:pointer;border:none;transition:.2s;text-decoration:none;text-align:center}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark)}
.btn-outline{background:#fff;color:var(--primary);border:2px solid var(--primary)}
.btn-outline:hover{background:var(--primary-light)}
.btn-green{background:var(--green);color:#fff}
.btn-red{background:var(--red);color:#fff}
.btn-full{width:100%;display:block}
.btn-lg{padding:12px 28px;font-size:.95rem}
.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.88rem}
.alert-success{background:#c6f6d5;color:#276749;border:1px solid #9ae6b4}
.alert-error{background:#fed7d7;color:#c53030;border:1px solid #fc8181}
.alert-info{background:#bee3f8;color:#2b6cb0;border:1px solid #90cdf4}
.text-green{color:var(--green)}
.text-red{color:var(--red)}
.text-blue{color:var(--primary)}
.text-gold{color:var(--gold)}
.text-muted{color:var(--muted)}

/* ── LEVEL SYSTEM ── */
.level-table{width:100%;border-collapse:collapse}
.level-table th{background:var(--sidebar-bg);color:#fff;padding:12px;text-align:center;font-size:.85rem}
.level-table td{padding:10px 14px;text-align:center;border-bottom:1px solid var(--border);font-size:.88rem}
.level-table tr.current-level{background:#e8f0fe;font-weight:700}
.level-badge{display:inline-block;padding:4px 14px;border-radius:20px;font-size:.8rem;font-weight:600}

/* ── PAGE HEADER ── */
.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}
.page-header h1{font-size:1.3rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}
.breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:6px}
.breadcrumb span{color:var(--primary)}

/* ── PROGRESS ── */
.progress-bar-wrap{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}
.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#4fc3f7);border-radius:4px;transition:.5s}

/* ── MODAL ── */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}
.modal-box{background:#fff;border-radius:16px;padding:28px;width:90%;max-width:480px;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.modal-box h3{margin-bottom:20px;font-size:1.2rem;color:var(--text)}
.modal-close{float:right;background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--muted)}

/* ── TOAST ── */
#toastContainer{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}
.toast{padding:12px 20px;border-radius:10px;color:#fff;font-size:.88rem;font-weight:600;box-shadow:0 4px 15px rgba(0,0,0,.15);animation:slideIn .3s ease}
.toast.success{background:var(--green)}
.toast.error{background:var(--red)}
.toast.info{background:var(--primary)}
@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}

/* ── TABS ── */
.tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:20px}
.tab{padding:10px 20px;font-size:.88rem;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:.2s}
.tab.active{color:var(--primary);border-bottom-color:var(--primary)}

/* ── BETS TABLE ── */
.bets-section-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}

/* ── GRID ── */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:640px){.grid-2{grid-template-columns:1fr}}

/* ── PLINKO ── */
.plinko-canvas-wrap{background:#1a1a2e;border-radius:12px;overflow:hidden}

/* ── ROULETTE ── */
.roulette-canvas-wrap{position:relative;display:inline-block}
.roulette-pointer-top{position:absolute;top:-5px;left:50%;transform:translateX(-50%);color:var(--red);font-size:1.5rem}
.roulette-bet-types{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px}
.roulette-bet-type{padding:10px 6px;border:2px solid var(--border);border-radius:8px;text-align:center;cursor:pointer;font-size:.82rem;font-weight:600;transition:.2s;background:#fff}
.roulette-bet-type:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}
.roulette-bet-type.selected{border-color:var(--primary);background:var(--primary);color:#fff}
.roulette-bet-type.red-type{border-color:#e53e3e;color:#e53e3e}
.roulette-bet-type.red-type.selected{background:#e53e3e;color:#fff}
.roulette-bet-type.green-type{border-color:var(--green);color:var(--green)}
.roulette-bet-type.green-type.selected{background:var(--green);color:#fff}

/* ── SPIN WHEEL ── */
.spin-wheel-section{text-align:center;padding:20px}
.spin-wheel-subtitle{color:var(--muted);font-size:.88rem;margin-bottom:20px}
.spin-rewards-table{width:100%}
.spin-btn{background:linear-gradient(135deg,#d4a017,#b8860b);color:#fff;border:none;padding:14px 40px;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:.2s;box-shadow:0 4px 15px rgba(212,160,23,.4)}
.spin-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,160,23,.5)}
.spin-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}

/* ── PF BADGE ── */
.pf-badge{display:inline-flex;align-items:center;gap:5px;background:#e8f0fe;color:var(--primary);border:1px solid var(--primary);border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;cursor:pointer}
.pf-badge:hover{background:var(--primary);color:#fff}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#f1f5f9}
::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}

/* ── MOBILE TOGGLE ── */
.sidebar-toggle{display:none;background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;padding:8px}
@media(max-width:768px){.sidebar-toggle{display:block}.sidebar{transform:translateX(-220px)}.sidebar.open{transform:translateX(0)}.main-wrap{margin-left:0}}

/* ── EXTRA MOBILE RESPONSIVE ── */
@media(max-width:768px){
  .game-layout{grid-template-columns:1fr}
  .dice-info-grid{grid-template-columns:1fr 1fr}
  .mines-grid{gap:6px;max-width:100%}
  .mine-cell{font-size:1.1rem}
  .keno-grid{grid-template-columns:repeat(5,1fr);gap:4px}
  .hilo-btns{flex-direction:column}
  .roulette-bet-types{grid-template-columns:repeat(2,1fr)}
  .page-header{flex-direction:column;align-items:flex-start}
  #toastContainer{top:70px;right:10px;left:10px}
  .toast{font-size:.82rem;padding:10px 14px}
  .modal-box{padding:20px 16px;width:94%;margin:0 10px}
  .tabs{overflow-x:auto;flex-wrap:nowrap}
  .tab{white-space:nowrap;padding:10px 14px;font-size:.82rem}
  .bet-panel{padding:14px}
  th,td{padding:8px 10px;font-size:.8rem}
  .table-wrap{border-radius:8px}
}
@media(max-width:480px){
  .dice-info-grid{grid-template-columns:1fr}
  .keno-grid{grid-template-columns:repeat(4,1fr);gap:4px}
  .keno-ball{font-size:.72rem}
  .mines-grid{gap:5px}
  .mine-cell{font-size:.9rem}
  .limbo-display{font-size:3.5rem}
  .dice-result-big{font-size:2.8rem}
  .mines-mult{font-size:2rem}
  .roll-btn,.cashout-btn{padding:12px;font-size:.92rem}
  .page-content{padding:10px 8px}
}

/* ── ALL GAME PAGES MOBILE FIX ── */
@media(max-width:600px){
  /* Outer wrap of each game */
  div[style*="max-width:680px"],div[style*="max-width:620px"],div[style*="max-width:700px"]{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  /* Bet amount row — prevent 2X/½ buttons from getting cut */
  div[style*="display:flex"][style*="align-items:center"][style*="border:1.5px solid"]{
    min-width:0;
  }
  div[style*="display:flex"][style*="align-items:center"][style*="border:1.5px solid"] input{
    min-width:0!important;
    width:1px!important;
    flex:1 1 auto!important;
  }
  div[style*="display:flex"][style*="align-items:center"][style*="border:1.5px solid"] button{
    flex-shrink:0!important;
    padding:6px 10px!important;
    font-size:.75rem!important;
    white-space:nowrap!important;
  }
  /* Bet amount icon */
  div[style*="display:flex"][style*="align-items:center"][style*="border:1.5px solid"] span:first-child{
    flex-shrink:0!important;
    padding:0 6px!important;
  }
  /* 2-col grids in games (Target Multiplier / Win Chance etc) */
  div[style*="grid-template-columns:1fr 1fr"]{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  /* Bet history table horizontal scroll */
  div[style*="overflow:hidden"] table{
    min-width:360px;
  }
  div[style*="border-radius:0 0 10px 10px"]{
    overflow-x:auto!important;
  }
  /* Wager text truncation in level bar */
  .lpb-left strong,.lpb-right strong{
    font-size:.65rem!important;
    word-break:break-all;
  }
  /* Game card header row */
  div[style*="justify-content:space-between"] button[style*="border:1.5px solid"]{
    padding:5px 10px!important;
    font-size:.74rem!important;
  }
}
@media(max-width:380px){
  div[style*="grid-template-columns:1fr 1fr"]{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  div[style*="max-width:680px"],div[style*="max-width:620px"]{
    padding:10px 6px!important;
  }
}