/* =========================================
   LUMO GAMES — Visual Profissional Blaze-Style
   Paleta: Roxo #7c3aed / Azul #06b6d4 / Dark #0e0e1a
   ========================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
    --bg-body: #0d0d19;
    --bg-primary: #0d0d19;
    --bg-secondary: #12121f;
    --bg-tertiary: #171730;
    --bg-card: #1a1a2e;
    --bg-card-hover: #22223d;
    --bg-input: #141425;
    --bg-sidebar: #0b0b15;
    --bg-header: rgba(13,13,25,0.95);
    --purple: #8b5cf6;
    --purple-dark: #7c3aed;
    --purple-light: #a78bfa;
    --purple-glow: rgba(139,92,246,0.45);
    --blue: #06b6d4;
    --blue-dark: #0891b2;
    --blue-light: #22d3ee;
    --neon-purple: #a78bfa;
    --white: #ffffff;
    --text: #d1d5db;
    --text-muted: #9ca3af;
    --text-dark: #6b7280;
    --green: #10b981;
    --green-light: #34d399;
    --red: #ef4444;
    --red-light: #f87171;
    --red-blaze: #e4405f;
    --orange: #f59e0b;
    --yellow: #fbbf24;
    --gold: #f59e0b;
    --pink: #ec4899;
    --accent: #4364F7;
    --accent-btn: linear-gradient(135deg, #4364F7 0%, #0052D4 100%);
    --accent-btn-blaze: linear-gradient(135deg, #e4405f 0%, #d63384 100%);
    --gradient-primary: linear-gradient(135deg, #0052D4 0%, #4364F7 100%);
    --gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
    --gradient-blue: linear-gradient(135deg, #0891b2 0%, #38bdf8 100%);
    --gradient-green: linear-gradient(135deg, #059669 0%, #10b981 100%);
    --gradient-red: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    --gradient-gold: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
    --gradient-pink: linear-gradient(135deg, #db2777 0%, #ec4899 100%);
    --gradient-hero: linear-gradient(135deg, rgba(139,92,246,0.15) 0%, rgba(6,182,212,0.08) 50%, transparent 100%);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.5);
    --shadow: 0 4px 24px rgba(0,0,0,0.5);
    --shadow-lg: 0 8px 40px rgba(0,0,0,0.6);
    --shadow-purple: 0 0 30px rgba(139,92,246,0.25);
    --border-color: rgba(255,255,255,0.08);
    --border-hover: rgba(139,92,246,0.25);
    --radius: 12px;
    --radius-sm: 8px;
    --radius-xs: 6px;
    --radius-full: 9999px;
    --sidebar-width: 240px;
    --header-height: 60px;
    --transition: all 0.2s ease;
    --transition-slow: all 0.35s ease;
}

/* RESET */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg-body);color:var(--text);min-height:100vh;overflow-x:hidden;line-height:1.5;font-size:14px}
a{color:var(--purple-light);text-decoration:none;transition:var(--transition)}
a:hover{color:var(--white)}
img{max-width:100%;display:block}
::selection{background:var(--purple);color:#fff}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(124,58,237,0.25);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:var(--purple)}

/* ===================== BUTTONS ===================== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border:none;border-radius:var(--radius-sm);font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}
.btn-primary{background:var(--accent-btn);color:#fff;box-shadow:0 2px 12px rgba(124,58,237,0.25)}
.btn-primary:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 4px 20px rgba(124,58,237,0.4);color:#fff}
.btn-secondary{background:rgba(124,58,237,0.1);color:var(--purple-light);border:1px solid rgba(124,58,237,0.18)}
.btn-secondary:hover{background:rgba(124,58,237,0.2);border-color:var(--purple);color:#fff}
.btn-success{background:var(--gradient-green);color:#fff}
.btn-success:hover{filter:brightness(1.1);color:#fff}
.btn-danger{background:var(--gradient-red);color:#fff}
.btn-danger:hover{filter:brightness(1.1);color:#fff}
.btn-warning{background:var(--gradient-gold);color:#000}
.btn-sm{padding:7px 16px;font-size:12px;border-radius:var(--radius-xs)}
.btn-lg{padding:14px 36px;font-size:15px;border-radius:var(--radius-sm)}
.btn-full{width:100%;justify-content:center}
.btn-outline{background:transparent;border:1px solid var(--border-hover);color:var(--text)}
.btn-outline:hover{background:rgba(124,58,237,0.08);border-color:var(--purple);color:#fff}
.btn-glow::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.12) 50%,transparent 70%);background-size:250% 100%;animation:shimmer 3s ease-in-out infinite}
@keyframes shimmer{0%{background-position:200% center}100%{background-position:-200% center}}

/* ===================== ALERTS ===================== */
.alert{padding:14px 18px;border-radius:var(--radius-sm);margin-bottom:16px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;border:1px solid transparent}
.alert-error{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.18);color:var(--red-light)}
.alert-success{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.18);color:var(--green-light)}
.alert-info{background:rgba(6,182,212,0.1);border-color:rgba(6,182,212,0.18);color:var(--blue-light)}
.alert-warning{background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.18);color:var(--orange)}

/* ===================== FORMS ===================== */
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:6px;font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.form-group label i{margin-right:6px;color:var(--purple-light)}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text);font-family:'Inter',sans-serif;font-size:14px;transition:var(--transition);outline:none}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(124,58,237,0.1)}
.form-group input::placeholder{color:var(--text-dark)}
.form-group textarea{resize:vertical;min-height:100px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* ===================== AUTH — Estilo Blaze Modal ===================== */
.auth-page{background:#0e0e1a;min-height:100vh;position:relative}
.auth-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(4px);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px}
.auth-modal{background:#1a1a2e;border-radius:16px;width:100%;max-width:440px;position:relative;box-shadow:0 25px 60px rgba(0,0,0,0.5);animation:authFadeIn .3s ease}
@keyframes authFadeIn{from{opacity:0;transform:translateY(20px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.auth-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.06);border:none;color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:2}
.auth-modal-close:hover{background:rgba(255,255,255,0.12);color:#fff}
.auth-modal-body{padding:40px 36px 36px}
.auth-logo{text-align:center;margin-bottom:28px}
.auth-logo-icon{width:52px;height:52px;background:var(--gradient-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:22px;color:#fff;box-shadow:0 4px 20px rgba(124,58,237,0.3)}
.auth-logo h1{font-size:22px;margin-bottom:6px;font-weight:800}
.auth-logo p{color:var(--text-muted);font-size:14px;font-weight:400}
.logo-lumo{color:#fff;font-weight:900;letter-spacing:-.5px}
.logo-games{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;letter-spacing:-.5px}
.auth-form .form-group{margin-bottom:16px}
.auth-form .form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.auth-form .form-group input{width:100%;padding:12px 14px;background:#12121e;border:1px solid rgba(255,255,255,0.08);border-radius:10px;color:#fff;font-size:14px;font-family:inherit;transition:var(--transition)}
.auth-form .form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,58,237,0.15)}
.auth-form .form-group input::placeholder{color:rgba(255,255,255,0.25)}
.auth-form .input-with-icon{position:relative}
.auth-form .input-with-icon input{padding-right:42px}
.auth-form .input-with-icon .toggle-pass{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:15px;padding:4px;transition:var(--transition)}
.auth-form .input-with-icon .toggle-pass:hover{color:#fff}
.auth-form .forgot-link{display:block;text-align:right;font-size:12px;color:var(--accent);margin-top:-8px;margin-bottom:16px;text-decoration:none;font-weight:500}
.auth-form .forgot-link:hover{text-decoration:underline}
.auth-btn{width:100%;padding:14px;background:var(--red-blaze);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.3px;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}
.auth-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px rgba(228,64,95,0.4)}
.auth-btn:active{transform:translateY(0)}
.auth-divider{display:flex;align-items:center;gap:14px;margin:24px 0;color:var(--text-dark);font-size:12px;font-weight:600;text-transform:uppercase}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.06)}
.auth-footer{text-align:center;margin-top:4px}
.auth-footer p{font-size:13px;color:var(--text-muted)}
.auth-footer a{color:var(--accent);font-weight:700;text-decoration:none}
.auth-footer a:hover{text-decoration:underline}
.auth-bonus-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(16,185,129,0.15),rgba(6,182,212,0.15));border:1px solid rgba(16,185,129,0.2);border-radius:8px;padding:8px 16px;font-size:13px;color:var(--green);font-weight:600;margin-bottom:20px}
.auth-terms{font-size:11px;color:var(--text-dark);text-align:center;margin-top:12px;line-height:1.5}
.auth-terms a{color:var(--accent);text-decoration:underline}

/* ===================== LAYOUT ===================== */
.app-layout{display:flex;min-height:100vh}

/* ===================== SIDEBAR — estilo Blaze ===================== */
.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);position:fixed;top:0;left:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:100;transition:var(--transition-slow);display:flex;flex-direction:column}
.sidebar-header{padding:0 16px;height:var(--header-height);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px;flex-shrink:0}
.sidebar-header h1{font-size:20px;white-space:nowrap;display:flex;align-items:center;gap:2px}
.sidebar-logo-icon{width:30px;height:30px;background:var(--accent-btn);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}

.sidebar-menu{padding:8px 0;flex:1;overflow-y:auto}
.sidebar-section{padding:0 8px;margin-bottom:2px}
.sidebar-section-title{font-size:10px;text-transform:uppercase;color:var(--text-dark);padding:14px 12px 6px;font-weight:700;letter-spacing:1.2px}
.sidebar-link{display:flex;align-items:center;gap:12px;padding:9px 12px;color:var(--text-muted);border-radius:var(--radius-xs);transition:var(--transition);font-size:13px;font-weight:500;margin-bottom:1px;position:relative}
.sidebar-link:hover{background:rgba(255,255,255,0.04);color:var(--text)}
.sidebar-link.active{color:#fff}
.sidebar-link.active::before{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:var(--purple);border-radius:3px 0 0 3px}
.sidebar-link i{width:20px;text-align:center;font-size:14px;flex-shrink:0}
/* Sidebar SVG icons */
.sb-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease}
.sb-icon svg{width:18px;height:18px}
.sidebar-link:hover .sb-icon{color:#d1d5db}
.sidebar-link.active .sb-icon{color:#a78bfa}
.sidebar-link .badge{margin-left:auto;background:var(--red);color:#fff;font-size:8px;padding:2px 7px;border-radius:var(--radius-full);font-weight:700;display:flex;align-items:center;gap:3px}
.sidebar-link .new-tag{margin-left:auto;color:var(--red);font-size:10px;font-weight:700;font-style:italic}

.sidebar-footer{padding:14px 16px;border-top:1px solid var(--border-color);margin-top:auto;flex-shrink:0}
.sidebar-footer-text{font-size:10px;color:var(--text-dark);text-align:center}

/* ===================== HEADER — estilo Blaze top bar ===================== */
.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}
.top-header{height:var(--header-height);background:var(--bg-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:90}
.header-left{display:flex;align-items:center;gap:16px}
.header-nav{display:flex;align-items:center;gap:4px}
.header-nav a{padding:6px 16px;font-size:13px;font-weight:700;color:var(--text-muted);border-radius:var(--radius-xs);transition:var(--transition);text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:6px}
.header-nav a:hover,.header-nav a.active{color:#fff}
.header-nav a.active{background:rgba(255,255,255,0.05)}
.header-search-wrapper{position:relative;display:flex;align-items:center}
.header-search-wrapper i{color:var(--text-dark);font-size:14px;cursor:pointer;padding:8px}

.menu-toggle{display:none;background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;padding:8px;border-radius:var(--radius-xs);transition:var(--transition)}
.menu-toggle:hover{background:rgba(255,255,255,0.05)}

.header-right{display:flex;align-items:center;gap:10px}

/* Balance pill */
.header-balance{background:var(--bg-card);border:1px solid rgba(16,185,129,0.12);border-radius:var(--radius-full);padding:4px 5px 4px 14px;display:flex;align-items:center;gap:10px;font-weight:700;color:var(--green);font-size:14px;font-family:'Inter',sans-serif}
.header-balance .deposit-btn{background:var(--accent-btn);color:#fff;border:none;width:30px;height:30px;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);text-decoration:none}
.header-balance .deposit-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-purple)}

/* Notifications */
.header-notifications{position:relative;background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:8px;border-radius:var(--radius-xs);transition:var(--transition)}
.header-notifications:hover{color:#fff;background:rgba(255,255,255,0.04)}
.header-notifications .notif-badge{position:absolute;top:2px;right:2px;background:var(--red);color:#fff;font-size:9px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}

/* User area */
.header-user{display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 10px 5px 5px;border-radius:var(--radius-full);transition:var(--transition);border:1px solid transparent}
.header-user:hover{background:rgba(255,255,255,0.04);border-color:var(--border-color)}
.header-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-btn);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;flex-shrink:0}
.header-user-info{font-size:13px;line-height:1.3}
.header-user-info .name{font-weight:600;color:#fff}
.header-user-info .level{color:var(--text-dark);font-size:11px}
.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius-sm);min-width:200px;box-shadow:var(--shadow-lg);display:none;z-index:200;overflow:hidden}
.user-dropdown.show{display:block}
.user-dropdown a{display:flex;align-items:center;gap:10px;padding:11px 16px;color:var(--text-muted);font-size:13px;transition:var(--transition)}
.user-dropdown a:hover{background:rgba(255,255,255,0.04);color:#fff}
.user-dropdown a i{width:16px;text-align:center}
.user-dropdown hr{border:none;border-top:1px solid var(--border-color);margin:2px 0}

/* Entrar / Cadastrar header btns */
.btn-header-login{background:transparent;color:#fff;font-weight:700;font-size:14px;padding:8px 20px;border:none;cursor:pointer}
.btn-header-login:hover{opacity:.8}
.btn-header-register{background:var(--accent-btn);color:#fff;font-weight:700;font-size:13px;padding:9px 22px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:var(--transition)}
.btn-header-register:hover{filter:brightness(1.15);transform:translateY(-1px)}

/* ===================== PAGE ===================== */
.page-content{padding:24px;flex:1}
.page-title{font-size:22px;font-weight:800;margin-bottom:24px;color:#fff;display:flex;align-items:center;gap:10px}
.page-title span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.page-title i{color:var(--purple);font-size:20px}

/* ===================== CARDS ===================== */
.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;transition:var(--transition)}
.card:hover{border-color:var(--border-hover)}
.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}
.card-title{font-size:15px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}

/* ===================== HERO BANNER — Blaze style ===================== */
.hero-banner{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:48px 44px;position:relative;overflow:hidden;margin-bottom:24px}
.hero-banner::before{content:'';position:absolute;top:0;right:0;bottom:0;width:45%;background:var(--gradient-hero);pointer-events:none}
.hero-content{position:relative;z-index:2;max-width:560px}
.hero-title{font-size:34px;font-weight:900;color:#fff;line-height:1.15;margin-bottom:14px;letter-spacing:-.5px}
.hero-title .highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-subtitle{font-size:15px;color:var(--text-muted);max-width:500px;margin-bottom:28px;line-height:1.65}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-steps{display:flex;align-items:center;gap:8px;margin-top:28px;font-size:12px;color:var(--text-muted);flex-wrap:wrap}
.hero-steps i{color:var(--purple-light)}
.hero-steps .step{display:flex;align-items:center;gap:5px;font-weight:500}
.hero-steps .step-arrow{color:var(--text-dark);font-size:10px}

/* ===================== STATS ===================== */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:24px}
.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px;transition:var(--transition)}
.stat-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow)}
.stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.stat-icon.purple{background:rgba(124,58,237,0.12);color:var(--purple-light)}
.stat-icon.blue{background:rgba(6,182,212,0.12);color:var(--blue-light)}
.stat-icon.green{background:rgba(16,185,129,0.12);color:var(--green-light)}
.stat-icon.red{background:rgba(239,68,68,0.12);color:var(--red-light)}
.stat-icon.orange{background:rgba(245,158,11,0.12);color:var(--orange)}
.stat-icon.gold{background:rgba(245,158,11,0.12);color:var(--gold)}
.stat-icon.pink{background:rgba(236,72,153,0.12);color:var(--pink)}
.stat-info h3{font-size:20px;font-weight:800;color:#fff;margin-bottom:2px;letter-spacing:-.5px}
.stat-info p{font-size:12px;color:var(--text-muted);font-weight:500}

/* ===================== SECTION HEADERS ===================== */
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.section-title{font-size:16px;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px}
.section-title i{color:var(--purple)}
.section-title .count{font-size:12px;color:var(--text-muted);font-weight:500}

/* ===================== CATEGORY BOXES — Blaze: Cassino / Esportes ===================== */
.category-boxes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}
.category-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:28px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--transition);text-decoration:none;overflow:hidden;position:relative}
.category-box:hover{border-color:var(--border-hover);transform:translateY(-2px)}
.category-box-text h3{font-size:20px;font-weight:800;color:#fff;margin-bottom:6px}
.category-box-text p{font-size:13px;color:var(--text-muted);line-height:1.5;max-width:300px}
.category-box-icon{font-size:64px;opacity:.15;position:absolute;right:20px;top:50%;transform:translateY(-50%)}

/* ===================== GAMES GRID ===================== */
.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}
.game-card{background:linear-gradient(180deg,#1a1a36 0%,#161629 100%);border:1px solid rgba(255,255,255,0.06);border-radius:14px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;text-decoration:none!important}
.game-card:hover{transform:translateY(-6px);border-color:rgba(139,92,246,0.4);box-shadow:0 16px 50px rgba(139,92,246,0.2),0 0 0 1px rgba(139,92,246,0.15),0 0 60px rgba(139,92,246,0.05)}
.game-card:hover .game-card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.game-card:hover .game-card-image{filter:brightness(1.2)}
.game-card:hover .game-svg-icon{transform:translateY(-4px) scale(1.08);filter:drop-shadow(0 8px 24px rgba(139,92,246,0.5))}
.game-card-image{height:150px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .3s ease}
.game-card-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,0.5) 100%);pointer-events:none}
.game-card-image::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,0.06) 0%,transparent 60%);pointer-events:none;z-index:0}
/* SVG icon styling */
.game-svg-icon{width:68px;height:68px;position:relative;z-index:1;transition:all .35s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 4px 16px rgba(139,92,246,0.3))}
/* Game-specific gradients — vibrant */
.game-card-image.crash{background:linear-gradient(145deg,#1e2a4a 0%,#0f1729 50%,#1a1020 100%)}
.game-card-image.double{background:linear-gradient(145deg,#3a1525 0%,#1a0a12 50%,#250e18 100%)}
.game-card-image.mines{background:linear-gradient(145deg,#0d2535 0%,#081820 50%,#0a1e2e 100%)}
.game-card-image.dice{background:linear-gradient(145deg,#1e1540 0%,#120d28 50%,#1a1235 100%)}
.game-card-image.slots{background:linear-gradient(145deg,#35122e 0%,#1a0916 50%,#2a0e24 100%)}
.game-card-image.roulette{background:linear-gradient(145deg,#0d2e20 0%,#081a12 50%,#0a2418 100%)}
.game-card-image.blackjack{background:linear-gradient(145deg,#1a1a24 0%,#0e0e14 50%,#16161e 100%)}
.game-card-image.plinko{background:linear-gradient(145deg,#2e2510 0%,#1a1508 50%,#241e0c 100%)}
.game-card-image.tower{background:linear-gradient(145deg,#101e3a 0%,#0a1224 50%,#0e1830 100%)}
.game-card-image.hilo{background:linear-gradient(145deg,#251540 0%,#160d28 50%,#1e1235 100%)}
.game-card-image.keno{background:linear-gradient(145deg,#0d2e2e 0%,#081a1a 50%,#0a2424 100%)}
.game-card-image.limbo{background:linear-gradient(145deg,#2e1810 0%,#1a0e08 50%,#24140c 100%)}
.game-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);width:52px;height:52px;background:rgba(139,92,246,0.92);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 30px rgba(139,92,246,0.5),inset 0 1px 0 rgba(255,255,255,0.2);z-index:3;backdrop-filter:blur(4px)}
.game-card-badge{position:absolute;top:10px;right:10px;background:rgba(16,185,129,0.9);color:#fff;font-size:9px;padding:4px 10px;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:4px;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,0.3);animation:badgePulse 3s ease-in-out infinite}
@keyframes badgePulse{0%,100%{box-shadow:0 2px 8px rgba(0,0,0,0.3)}50%{box-shadow:0 2px 8px rgba(0,0,0,0.3),0 0 12px rgba(16,185,129,0.4)}}
.game-card-info{padding:14px 16px}
.game-card-info h3{font-size:14px;font-weight:800;color:#f3f4f6;margin-bottom:3px;letter-spacing:-.2px}
.game-card-info p{font-size:11px;color:#6b7280;line-height:1.4}

/* Category filter pills */
.category-filter{padding:8px 18px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;transition:var(--transition);white-space:nowrap;display:flex;align-items:center;gap:6px;font-family:'Inter',sans-serif}
.category-filter:hover,.category-filter.active{background:rgba(124,58,237,0.12);border-color:var(--purple);color:#fff}

/* ===================== GAME PAGES — Enhanced ===================== */
.game-container{max-width:920px;margin:0 auto}
.game-area{background:linear-gradient(180deg,#1a1a38 0%,#15152c 100%);border:1px solid rgba(139,92,246,0.08);border-radius:16px;padding:40px;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:14px;box-shadow:0 16px 50px rgba(0,0,0,0.35),0 0 0 1px rgba(139,92,246,0.04)}
.game-area::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,0.03) 0%,transparent 60%);pointer-events:none}
.bet-input-group{display:flex;align-items:center;gap:6px;margin-bottom:16px}
.bet-input-group input{flex:1;background:rgba(6,6,18,0.8);border:1px solid rgba(139,92,246,0.08);color:#10b981;padding:14px 18px;border-radius:10px;font-family:'Inter',sans-serif;font-size:16px;font-weight:700;text-align:center;outline:none;transition:all .25s ease}
.bet-input-group input:focus{border-color:rgba(139,92,246,0.4);box-shadow:0 0 0 3px rgba(139,92,246,0.08),0 0 20px rgba(139,92,246,0.06)}
.bet-btn{background:rgba(0,0,0,0.35);border:1px solid rgba(139,92,246,0.06);color:#6b7280;padding:14px 16px;border-radius:10px;cursor:pointer;font-family:'Inter',sans-serif;font-size:12px;font-weight:800;transition:all .2s ease}
.bet-btn:hover{background:rgba(139,92,246,0.15);color:#e0d5ff;border-color:rgba(139,92,246,0.25)}
.game-result{font-size:56px;font-weight:900;text-align:center;margin:24px 0;letter-spacing:-1.5px;animation:resultAppear .4s cubic-bezier(.4,0,.2,1)}
.game-result.win{color:#00d2d3;text-shadow:0 0 60px rgba(0,210,211,0.5),0 0 120px rgba(0,210,211,0.15),0 0 180px rgba(0,210,211,0.05);animation:resultWin .6s cubic-bezier(.4,0,.2,1)}
.game-result.lose{color:#ff4757;text-shadow:0 0 60px rgba(255,71,87,0.5),0 0 120px rgba(255,71,87,0.15);animation:resultAppear .4s ease}
@keyframes resultAppear{from{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes resultWin{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}

/* Footer Bar — old (overridden by game-footer-bar below) */

/* CRASH — ULTRA PROFESSIONAL */
.crash-display{font-size:92px;font-weight:900;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);letter-spacing:-4px;font-variant-numeric:tabular-nums;text-shadow:0 0 50px rgba(255,255,255,0.1);position:relative}
.crash-display.crashed{color:#ff4757;text-shadow:0 0 70px rgba(255,71,87,0.65),0 0 140px rgba(255,71,87,0.25),0 0 200px rgba(255,71,87,0.1);animation:crashShake .45s ease}
.crash-display.active{color:#00d2d3;text-shadow:0 0 70px rgba(0,210,211,0.55),0 0 140px rgba(0,210,211,0.2),0 0 200px rgba(0,210,211,0.08)}
@keyframes crashShake{0%,100%{transform:translateX(0)}15%{transform:translateX(-12px) rotate(-1.5deg)}30%{transform:translateX(12px) rotate(1.5deg)}45%{transform:translateX(-8px) rotate(-.5deg)}60%{transform:translateX(8px) rotate(.5deg)}75%{transform:translateX(-4px)}90%{transform:translateX(4px)}}
.crash-graph{width:100%;height:300px;position:relative;border-left:2px solid rgba(139,92,246,0.15);border-bottom:2px solid rgba(139,92,246,0.15);border-radius:0 0 10px 0}
.crash-graph canvas{width:100%;height:100%}
.crash-ring{width:240px;height:240px;border-radius:50%;border:3px solid rgba(139,92,246,0.1);display:flex;align-items:center;justify-content:center;position:relative;margin:24px auto;background:radial-gradient(circle,rgba(139,92,246,0.04) 0%,transparent 65%)}
.crash-ring::before{content:'';position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(139,92,246,0.05);background:radial-gradient(circle,transparent 55%,rgba(139,92,246,0.025) 100%)}
.crash-ring::after{content:'';position:absolute;inset:-20px;border-radius:50%;border:1px dashed rgba(139,92,246,0.04);animation:spin 25s linear infinite}
.crash-ring.active{border-color:rgba(0,210,211,0.4);box-shadow:0 0 60px rgba(0,210,211,0.15),0 0 120px rgba(0,210,211,0.05),inset 0 0 40px rgba(0,210,211,0.03);animation:ringGlow 2s ease-in-out infinite}
.crash-ring.active::before{border-color:rgba(0,210,211,0.08)}
.crash-ring.crashed{border-color:rgba(255,71,87,0.4);box-shadow:0 0 60px rgba(255,71,87,0.15),0 0 120px rgba(255,71,87,0.05);animation:none}
.crash-ring.crashed::before{border-color:rgba(255,71,87,0.08)}
@keyframes ringGlow{0%,100%{box-shadow:0 0 60px rgba(0,210,211,0.15),0 0 120px rgba(0,210,211,0.05),inset 0 0 40px rgba(0,210,211,0.03)}50%{box-shadow:0 0 80px rgba(0,210,211,0.22),0 0 160px rgba(0,210,211,0.08),inset 0 0 60px rgba(0,210,211,0.05)}}

/* ====== DOUBLE — Blaze Professional Style ====== */
.dbl-display-area{padding:0!important;justify-content:flex-start!important;overflow:hidden}
.dbl-game-area{width:100%;display:flex;flex-direction:column;min-height:100%;position:relative;padding:0;background:linear-gradient(180deg,#1a1a2e 0%,#151528 100%)}

/* Timer / Countdown Bar */
.dbl-timer-wrap{padding:16px 20px 10px}
.dbl-timer-bar{width:100%;height:36px;background:rgba(255,255,255,0.04);border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:center;border:1px solid rgba(255,255,255,0.03)}
.dbl-timer-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:7px;transition:width 0.01s linear;z-index:1}
.dbl-timer-text{position:relative;z-index:2;width:100%;text-align:center;font-size:12px;font-weight:800;color:#fff;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,0.5)}
.dbl-timer-wrap.active .dbl-timer-fill{box-shadow:0 0 20px rgba(239,68,68,0.4)}

/* Wheel */
.dbl-wheel-wrap{width:100%;position:relative;padding:16px 0;overflow:hidden}
.dbl-pointer-line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;z-index:10;transform:translateX(-50%);box-shadow:0 0 12px rgba(255,255,255,0.5),0 0 30px rgba(255,255,255,0.15)}
.dbl-pointer-line::before,.dbl-pointer-line::after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:0;height:0}
.dbl-pointer-line::before{top:-1px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:12px solid #fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3))}
.dbl-pointer-line::after{bottom:-1px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:12px solid #fff;filter:drop-shadow(0 -2px 4px rgba(0,0,0,0.3))}
.dbl-wheel-viewport{width:100%;overflow:hidden;position:relative;background:rgba(0,0,0,0.3);padding:16px 0;border-top:1px solid rgba(255,255,255,0.03);border-bottom:1px solid rgba(255,255,255,0.03)}
.dbl-wheel{display:flex;gap:6px;will-change:transform;padding:0 20px}
.dbl-block{width:62px;height:62px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,0.3)}
.dbl-block-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff;border:2px solid rgba(255,255,255,0.25)}
.dbl-block-red{background:linear-gradient(180deg,#f03e3e 0%,#c92a2a 100%)}
.dbl-block-red .dbl-block-circle{background:rgba(0,0,0,0.15);border-color:rgba(255,255,255,0.2)}
.dbl-block-black{background:linear-gradient(180deg,#495057 0%,#343a40 100%)}
.dbl-block-black .dbl-block-circle{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.12)}
.dbl-block-white{background:linear-gradient(180deg,#f8f9fa 0%,#dee2e6 100%)}
.dbl-block-white .dbl-block-circle{background:rgba(0,0,0,0.06);border-color:rgba(0,0,0,0.1);color:#343a40}
.dbl-block-white .dbl-block-circle svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,0.15))}

/* Status bar & Online badge */
.dbl-status-bar{display:flex;align-items:center;justify-content:flex-end;padding:8px 24px}
.dbl-online{display:flex;align-items:center;gap:6px;font-size:12px;color:#10b981;font-weight:700}
.dbl-online .dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:pulse 1.5s infinite;box-shadow:0 0 8px rgba(16,185,129,0.5)}

/* Result */
.dbl-result-area{padding:8px 24px;text-align:center}
.dbl-result-area .game-result{font-size:36px;margin:0}

/* History Section */
.dbl-history-section{width:100%;padding:16px 24px 14px;border-top:1px solid rgba(255,255,255,0.04);margin-top:auto}
.dbl-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.dbl-history-title{font-size:10px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:1.5px;margin:0}
.dbl-history-counters{display:flex;gap:12px;align-items:center}
.dbl-hc{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#9ca3af}
.dbl-hc-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.dbl-history-row{display:flex;align-items:center;gap:10px}
.dbl-history{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;flex:1}
.dbl-history::-webkit-scrollbar{height:0}
.dbl-history-pill{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.3);transition:transform .15s ease;border:2px solid rgba(255,255,255,0.08)}
.dbl-history-pill:hover{transform:scale(1.18)}
.dbl-hp-red{background:linear-gradient(180deg,#f03e3e,#c92a2a)}
.dbl-hp-black{background:linear-gradient(180deg,#495057,#343a40)}
.dbl-hp-white{background:linear-gradient(180deg,#f8f9fa,#dee2e6);color:#343a40;padding:0;border-color:rgba(0,0,0,0.08)}
.dbl-history-stats{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);color:#6b7280;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}
.dbl-history-stats:hover{background:rgba(255,255,255,0.1);color:#fff}

/* ===== BOTTOM SECTION (APOSTAS / DESCRIÇÃO) ===== */
.dbl-section-tabs{background:#0f0f1e;border-radius:0 0 16px 16px;margin-top:2px;overflow:hidden;border:1px solid rgba(255,255,255,0.04);border-top:none}
.dbl-bottom-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.2);padding:0 24px}
.dbl-bottom-tab{padding:16px 20px;text-align:center;font-size:12px;font-weight:800;color:#4b5563;background:transparent;border:none;cursor:pointer;font-family:inherit;letter-spacing:.8px;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-1px;text-transform:uppercase}
.dbl-bottom-tab.active{color:#fff;border-bottom-color:#ef4444}
.dbl-bottom-tab:hover:not(.active){color:#9ca3af}

/* Tab Content */
.dbl-tab-content{display:none;padding:24px}
.dbl-tab-content.active{display:block}

/* APOSTAS Grid — 3 columns */
.dbl-bets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dbl-bet-col{background:rgba(255,255,255,0.015);border-radius:12px;border:1px solid rgba(255,255,255,0.04);overflow:hidden;transition:border-color .2s}
.dbl-bet-col:hover{border-color:rgba(255,255,255,0.08)}
.dbl-bet-col-red .dbl-bet-header{border-bottom:2px solid rgba(239,68,68,0.3)}
.dbl-bet-col-white .dbl-bet-header{border-bottom:2px solid rgba(248,249,250,0.2)}
.dbl-bet-col-black .dbl-bet-header{border-bottom:2px solid rgba(107,114,128,0.3)}
.dbl-bet-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}
.dbl-bet-title{font-size:13px;font-weight:800;color:#fff;letter-spacing:.3px}
.dbl-bet-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.dbl-bet-total{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(0,0,0,0.15)}
.dbl-bet-label{font-size:10px;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.dbl-bet-value{font-size:14px;font-weight:800;color:#10b981}
.dbl-bet-table-head{display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,0.03)}
.dbl-bet-table-head span{font-size:9px;font-weight:800;color:#374151;letter-spacing:1.2px;text-transform:uppercase}
.dbl-bet-list{max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.08) transparent}
.dbl-bet-list::-webkit-scrollbar{width:3px}
.dbl-bet-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}
.dbl-bet-entry{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,0.015);transition:background .15s}
.dbl-bet-entry:hover{background:rgba(255,255,255,0.02)}
.dbl-bet-user{display:flex;align-items:center;gap:8px;font-size:12px;color:#d1d5db;font-weight:500}
.dbl-bet-user-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#f59e0b;font-size:11px}
.dbl-bet-amount{font-size:12px;font-weight:800;color:#fff}

/* DESCRIÇÃO DO JOGO */
.dbl-desc-content{padding:0}
.dbl-desc-title{font-size:20px;font-weight:900;color:#fff;margin-bottom:24px;letter-spacing:-.3px}
.dbl-desc-body{display:flex;gap:28px;align-items:flex-start}
.dbl-desc-img{flex-shrink:0}
.dbl-desc-card{width:140px;height:180px;background:linear-gradient(135deg,#7c3aed 0%,#e4405f 100%);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 12px 32px rgba(124,58,237,0.3),0 0 0 1px rgba(255,255,255,0.05)}
.dbl-desc-card-nums{font-size:34px;font-weight:900;color:#fff;letter-spacing:2px;text-shadow:0 2px 6px rgba(0,0,0,0.3)}
.dbl-desc-card-name{font-size:18px;font-weight:800;color:#fff}
.dbl-desc-card-brand{font-size:10px;font-weight:600;color:rgba(255,255,255,0.6);letter-spacing:.5px}
.dbl-desc-info{flex:1}
.dbl-desc-tags{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.dbl-desc-tag{font-size:9px;font-weight:800;color:#d1d5db;padding:5px 12px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;letter-spacing:1.2px;text-transform:uppercase;background:rgba(255,255,255,0.02)}
.dbl-desc-text{font-size:13px;line-height:1.8;color:#9ca3af;margin-bottom:16px}
.dbl-desc-more{font-size:11px;font-weight:800;color:#ef4444;text-decoration:none;letter-spacing:.8px;text-transform:uppercase;transition:color .2s}
.dbl-desc-more:hover{color:#f87171}

/* Color Buttons */
.dbl-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dbl-color-btn{height:56px;border:2px solid transparent;border-radius:10px;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;overflow:hidden}
.dbl-color-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.1) 0%,transparent 50%);border-radius:8px;pointer-events:none}
.dbl-color-multi{font-size:18px;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.3);letter-spacing:-.5px}
.dbl-red{background:linear-gradient(180deg,#f03e3e 0%,#c92a2a 100%);border-color:rgba(240,62,62,0.3)}
.dbl-red:hover,.dbl-red.selected{border-color:#f03e3e;box-shadow:0 0 20px rgba(240,62,62,0.3),0 4px 16px rgba(240,62,62,0.2);transform:translateY(-2px)}
.dbl-white{background:linear-gradient(180deg,#e9ecef 0%,#ced4da 100%);border-color:rgba(206,212,218,0.4)}
.dbl-white .dbl-color-multi{color:#343a40;text-shadow:none}
.dbl-white:hover,.dbl-white.selected{border-color:#dee2e6;box-shadow:0 0 20px rgba(255,255,255,0.12),0 4px 16px rgba(255,255,255,0.08);transform:translateY(-2px)}
.dbl-black{background:linear-gradient(180deg,#495057 0%,#343a40 100%);border-color:rgba(73,80,87,0.4)}
.dbl-black:hover,.dbl-black.selected{border-color:#6c757d;box-shadow:0 0 20px rgba(108,117,125,0.2),0 4px 16px rgba(108,117,125,0.15);transform:translateY(-2px)}
.double-container{text-align:center}
.double-pointer{display:none}
.double-result-text{display:none}

/* Responsive Double */
@media(max-width:768px){
.dbl-bets-grid{grid-template-columns:1fr}
.dbl-desc-body{flex-direction:column;align-items:center;text-align:center}
.dbl-desc-tags{justify-content:center}
.dbl-history-counters{display:none}
}

/* MINES — BLAZE STYLE */
.mines-display{background:#0f1923;display:flex;align-items:center;justify-content:center;padding:24px}
.mines-grid-container{width:100%;max-width:480px;margin:0 auto}
.mines-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:480px;margin:0 auto;padding:8px;transition:transform .1s ease}
.mines-grid.mines-active .mine-cell:not(.revealed){cursor:pointer}
.mines-grid.mines-shake{animation:minesShake .5s ease}
@keyframes minesShake{0%,100%{transform:translateX(0)}10%,50%,90%{transform:translateX(-4px)}30%,70%{transform:translateX(4px)}}

.mine-cell{aspect-ratio:1;background:linear-gradient(145deg,#1a2c3d 0%,#0f1e2d 100%);border:1.5px solid rgba(255,255,255,0.04);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:default;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.02)}
.mine-cell-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}
.mine-gem-pattern{position:absolute;width:60%;height:60%;opacity:0.6;transition:opacity .3s ease}
.mine-cell-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}

/* Cell hover state */
.mine-cell:not(.revealed):hover{background:linear-gradient(145deg,#1f3346 0%,#152636 100%);border-color:rgba(139,92,246,0.2);transform:scale(1.04);box-shadow:0 6px 20px rgba(0,0,0,0.4),0 0 0 1px rgba(139,92,246,0.08)}
.mine-cell:not(.revealed):hover .mine-gem-pattern{opacity:1}
.mine-cell.mine-cell-hover:not(.revealed){border-color:rgba(139,92,246,0.25)}

/* Revealed states */
.mine-cell.revealed{animation:cellReveal .35s cubic-bezier(.4,0,.2,1);cursor:default}
.mine-cell.revealed .mine-gem-pattern{opacity:0 !important}

.mine-cell.revealed.diamond{background:linear-gradient(145deg,rgba(6,182,212,0.15),rgba(6,182,212,0.05));border-color:rgba(6,182,212,0.4);box-shadow:0 0 20px rgba(6,182,212,0.12),0 4px 12px rgba(0,0,0,0.2),inset 0 1px 0 rgba(6,182,212,0.08)}
.mine-cell.revealed.mine{background:linear-gradient(145deg,rgba(239,68,68,0.15),rgba(239,68,68,0.05));border-color:rgba(239,68,68,0.4);box-shadow:0 0 20px rgba(239,68,68,0.12),0 4px 12px rgba(0,0,0,0.2)}

@keyframes cellReveal{0%{transform:scale(.65) rotateY(90deg);opacity:.2}50%{transform:scale(1.08) rotateY(0);opacity:1}100%{transform:scale(1)}}

/* SVG icons */
.mine-icon-diamond{filter:drop-shadow(0 0 8px rgba(6,182,212,0.4))}
.mine-icon-bomb{filter:drop-shadow(0 0 6px rgba(239,68,68,0.3))}

/* Mines info row */
.mines-info-row{padding:8px 0}
.mines-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:rgba(255,255,255,0.02);border-radius:8px;border:1px solid rgba(255,255,255,0.04)}
.mines-info-label{font-size:12px;color:rgba(255,255,255,0.45);font-weight:600}
.mines-info-mult{color:rgba(255,255,255,0.3);font-size:11px;margin-left:4px}
.mines-info-value{font-size:14px;font-weight:700;color:rgba(255,255,255,0.5)}

/* Mines start button */
.mines-start-btn{background:linear-gradient(180deg,#e8264e 0%,#d91a42 100%) !important;color:#fff !important;font-weight:700;font-size:15px;letter-spacing:0.5px;border:none;border-radius:10px;padding:14px;width:100%;cursor:pointer;transition:all .2s ease;text-transform:none;box-shadow:0 4px 15px rgba(232,38,78,0.3)}
.mines-start-btn:hover{background:linear-gradient(180deg,#f02e56 0%,#e8264e 100%) !important;box-shadow:0 6px 20px rgba(232,38,78,0.4);transform:translateY(-1px)}

/* Mines cashout button */
.mines-cashout-btn{background:linear-gradient(180deg,#10b981 0%,#059669 100%) !important;color:#fff !important;font-weight:700;font-size:14px;border:none;border-radius:10px;padding:14px;width:100%;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 4px 15px rgba(16,185,129,0.3)}
.mines-cashout-btn:hover{background:linear-gradient(180deg,#34d399 0%,#10b981 100%) !important;box-shadow:0 6px 20px rgba(16,185,129,0.4);transform:translateY(-1px)}
.cashout-text{font-size:13px;font-weight:600;opacity:0.85}
.cashout-amount{font-size:16px;font-weight:800}

/* Mines count badge in bets table */
.mines-count-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(239,68,68,0.12);color:#f87171;border-radius:6px;font-size:11px;font-weight:700;border:1px solid rgba(239,68,68,0.15)}

/* Mines Description */
.mines-desc-body{padding:24px 20px}
.mines-desc-card{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px;background:rgba(255,255,255,0.02);border-radius:12px;border:1px solid rgba(255,255,255,0.04)}
.mines-desc-image{display:flex;align-items:center;gap:12px}
.mines-desc-icon{width:64px;height:64px;background:linear-gradient(145deg,#2d1b69,#1a0f40);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(139,92,246,0.2);border:1px solid rgba(139,92,246,0.15)}
.mines-desc-title{font-size:18px;font-weight:800;color:#fff;letter-spacing:0.5px}
.mines-desc-tags{display:flex;gap:8px;margin-left:auto}
.desc-tag{padding:4px 10px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:1px;color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06)}
.desc-tag.highlight{color:#8b5cf6;background:rgba(139,92,246,0.08);border-color:rgba(139,92,246,0.15)}
.mines-desc-text{color:rgba(255,255,255,0.5);font-size:13px;line-height:1.7}
.mines-desc-text h3{color:#fff;font-size:16px;font-weight:700;margin-bottom:10px}
.mines-desc-text p{margin-bottom:12px}
.desc-read-more{color:#8b5cf6;font-size:12px;font-weight:700;letter-spacing:1px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color .2s}
.desc-read-more:hover{color:#a78bfa}

/* Mines Info Modal */
.mines-info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}
.mines-info-modal{background:#1a1f2e;border-radius:16px;width:90%;max-width:440px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.06);animation:modalIn .3s ease}
.mines-info-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.06)}
.mines-info-header span{font-size:14px;font-weight:600;color:rgba(255,255,255,0.6)}
.mines-info-header button{background:none;border:none;color:rgba(255,255,255,0.5);font-size:24px;cursor:pointer;line-height:1;transition:color .2s}
.mines-info-header button:hover{color:#fff}
.mines-info-body-content{padding:24px 20px;text-align:center}
.mines-info-body-content h3{font-size:15px;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:1px}
.mines-info-body-content > p{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.6;margin-bottom:18px}

/* DICE — ULTRA PROFESSIONAL */
.dice-container{width:100%;max-width:480px;margin:0 auto;text-align:center}
.dice-display{display:flex;gap:40px;margin:40px auto;justify-content:center}
.dice{width:120px;height:120px;background:linear-gradient(145deg,#ffffff,#e8e8ec);border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:56px;color:#0d0d19;font-weight:900;box-shadow:0 12px 40px rgba(0,0,0,0.5),0 4px 14px rgba(0,0,0,0.35),inset 0 3px 6px rgba(255,255,255,0.7),inset 0 -2px 4px rgba(0,0,0,0.05);transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}
.dice::before{content:'';position:absolute;inset:3px;border-radius:19px;background:linear-gradient(180deg,rgba(255,255,255,0.3) 0%,transparent 40%);pointer-events:none}
.dice.rolling{animation:diceRoll .2s ease infinite}
@keyframes diceRoll{0%{transform:rotate(0) scale(1)}33%{transform:rotate(130deg) scale(.82)}66%{transform:rotate(250deg) scale(.88)}100%{transform:rotate(360deg) scale(1)}}
.dice-slider{width:100%;margin:32px 0;padding:0 8px}
.dice-slider input[type="range"]{width:100%;-webkit-appearance:none;height:12px;border-radius:10px;background:linear-gradient(to right,#10b981 0%,#10b981 50%,#ef4444 50%,#ef4444 100%);outline:none;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,0.35),inset 0 1px 2px rgba(0,0,0,0.2)}
.dice-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#fff,#d1d5db);cursor:pointer;box-shadow:0 3px 16px rgba(0,0,0,0.5),0 0 0 4px rgba(139,92,246,0.4);transition:all .2s ease}
.dice-slider input[type="range"]::-webkit-slider-thumb:hover{box-shadow:0 4px 20px rgba(0,0,0,0.6),0 0 0 6px rgba(139,92,246,0.5),0 0 24px rgba(139,92,246,0.2);transform:scale(1.1)}
.dice-result-row{display:flex;justify-content:space-between;margin-top:16px;padding:16px 18px;background:linear-gradient(135deg,rgba(0,0,0,0.3),rgba(139,92,246,0.02));border-radius:10px;border:1px solid rgba(139,92,246,0.05)}
.dice-result-row span{font-size:12px;color:#525274;font-weight:600}
.dice-result-row strong{font-size:16px;color:#f3f4f6;font-weight:800}

/* SLOTS — ULTRA PROFESSIONAL */
.slots-container{text-align:center}
.slots-machine{background:linear-gradient(180deg,#1a1a3a 0%,#12122c 100%);border:2px solid rgba(139,92,246,0.18);border-radius:20px;padding:40px 32px;display:inline-block;position:relative;box-shadow:0 16px 50px rgba(0,0,0,0.45),0 0 0 1px rgba(139,92,246,0.06),inset 0 1px 0 rgba(255,255,255,0.05)}
.slots-machine::before{content:'';position:absolute;top:-1px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.5),transparent);border-radius:2px;animation:slotGlow 3s ease-in-out infinite}
.slots-machine::after{content:'';position:absolute;bottom:-1px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.3),transparent);border-radius:2px}
@keyframes slotGlow{0%,100%{opacity:.5}50%{opacity:1}}
.slots-display{display:flex;gap:14px;margin:0 auto;justify-content:center}
.slot-reel{width:100px;height:120px;background:linear-gradient(180deg,#0a0a1c 0%,#060614 100%);border:2px solid rgba(139,92,246,0.2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:56px;overflow:hidden;position:relative;box-shadow:inset 0 8px 24px rgba(0,0,0,0.55),inset 0 -3px 10px rgba(139,92,246,0.05),0 0 20px rgba(0,0,0,0.2)}
.slot-reel::before,.slot-reel::after{content:'';position:absolute;left:0;right:0;height:28px;z-index:1;pointer-events:none}
.slot-reel::before{top:0;background:linear-gradient(180deg,rgba(0,0,0,0.65),transparent)}
.slot-reel::after{bottom:0;background:linear-gradient(0deg,rgba(0,0,0,0.65),transparent)}
.slot-reel.spinning{animation:slotSpin .06s linear infinite}
@keyframes slotSpin{0%{transform:translateY(-5px)}50%{transform:translateY(5px)}100%{transform:translateY(-5px)}}
.slots-line{position:absolute;left:-8px;right:-8px;top:50%;height:2px;background:linear-gradient(90deg,transparent,#a78bfa,transparent);box-shadow:0 0 20px rgba(139,92,246,0.55),0 0 40px rgba(139,92,246,0.25);z-index:2;pointer-events:none}

/* KENO — ULTRA PROFESSIONAL */
.keno-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;max-width:480px;margin:0 auto}
.keno-cell{height:52px;background:linear-gradient(145deg,#1a1a3a,#14142c);border:2px solid rgba(139,92,246,0.08);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#525274;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 8px rgba(0,0,0,0.18);position:relative;overflow:hidden}
.keno-cell::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.04) 0%,transparent 30%);border-radius:10px;pointer-events:none}
.keno-cell:hover:not(.selected):not(.hit):not(.miss){border-color:rgba(139,92,246,0.45);color:#e5e7eb;background:linear-gradient(145deg,rgba(139,92,246,0.15),rgba(139,92,246,0.05));transform:translateY(-3px);box-shadow:0 8px 22px rgba(139,92,246,0.18),0 0 0 1px rgba(139,92,246,0.08)}
.keno-cell.selected{background:linear-gradient(145deg,rgba(139,92,246,0.28),rgba(139,92,246,0.12));border-color:rgba(139,92,246,0.55);color:#fff;box-shadow:0 0 24px rgba(139,92,246,0.22),inset 0 1px 0 rgba(255,255,255,0.08);text-shadow:0 0 8px rgba(139,92,246,0.4)}
.keno-cell.hit{background:linear-gradient(145deg,rgba(16,185,129,0.22),rgba(16,185,129,0.08));border-color:rgba(16,185,129,0.55);color:#34d399;animation:cellReveal .35s ease;box-shadow:0 0 24px rgba(16,185,129,0.18),inset 0 1px 0 rgba(16,185,129,0.1);text-shadow:0 0 8px rgba(52,211,153,0.4)}
.keno-cell.miss{background:rgba(239,68,68,0.06);border-color:rgba(239,68,68,0.18);color:#f87171;opacity:.45}
.keno-multipliers{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:5px;margin-top:18px}
.keno-mult{padding:7px;background:linear-gradient(135deg,rgba(0,0,0,0.25),rgba(139,92,246,0.02));border-radius:8px;text-align:center;font-size:10px;color:#525274;font-weight:700;border:1px solid rgba(139,92,246,0.04)}
.keno-mult .val{display:block;font-size:13px;color:var(--purple-light);font-weight:800;text-shadow:0 0 6px rgba(139,92,246,0.15)}

/* HILO — ULTRA PROFESSIONAL */
.hilo-container{text-align:center}
.hilo-card{width:158px;height:220px;background:linear-gradient(160deg,#1e1e45 0%,#141435 50%,#0e0e28 100%);border:2px solid rgba(139,92,246,0.2);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 16px 50px rgba(0,0,0,0.45),0 0 0 1px rgba(139,92,246,0.06),inset 0 0 40px rgba(139,92,246,0.02);transition:all .35s cubic-bezier(.4,0,.2,1)}
.hilo-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.08) 0%,transparent 30%);border-radius:18px;pointer-events:none}
.hilo-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(0deg,rgba(139,92,246,0.05) 0%,transparent 100%);pointer-events:none;border-radius:0 0 18px 18px}
.hilo-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 30px rgba(139,92,246,0.08)}
.hilo-card .card-value{font-size:56px;font-weight:900;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,0.35);letter-spacing:-1px}
.hilo-card .card-suit{font-size:34px;margin-top:8px;filter:drop-shadow(0 3px 6px rgba(0,0,0,0.35))}
.hilo-actions{display:flex;gap:14px;justify-content:center;margin-top:28px}
.hilo-btn{padding:16px 36px;border:none;border-radius:12px;font-weight:800;font-size:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;text-transform:uppercase;letter-spacing:.6px;position:relative;overflow:hidden}
.hilo-btn::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent)}
.hilo-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.08) 50%,transparent 70%);background-size:250% 100%;animation:shimmer 3s ease-in-out infinite}
.hilo-btn.higher{background:linear-gradient(180deg,#10b981 0%,#059669 100%);color:#fff;box-shadow:0 6px 24px rgba(16,185,129,0.35),inset 0 1px 0 rgba(255,255,255,0.12)}
.hilo-btn.lower{background:linear-gradient(180deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 6px 24px rgba(239,68,68,0.35),inset 0 1px 0 rgba(255,255,255,0.12)}
.hilo-btn:hover{transform:translateY(-4px);filter:brightness(1.18)}
.hilo-btn:active{transform:translateY(0)}
.hilo-streak{font-size:14px;color:#525274;margin-top:18px;font-weight:700;letter-spacing:-.2px}

/* BLACKJACK — ULTRA PROFESSIONAL */
.bj-container{text-align:center}
.bj-hand{display:flex;gap:12px;justify-content:center;margin:12px 0;min-height:115px;align-items:flex-end;flex-wrap:wrap}
.bj-card{width:80px;height:114px;background:linear-gradient(160deg,#ffffff 0%,#f0f0f5 100%);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#1a1a2e;box-shadow:0 8px 24px rgba(0,0,0,0.4),0 2px 8px rgba(0,0,0,0.25),0 0 0 1px rgba(0,0,0,0.05);animation:cardDeal .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}
.bj-card::before{content:'';position:absolute;inset:3px;border:1px solid rgba(0,0,0,0.06);border-radius:11px;pointer-events:none}
.bj-card::after{content:'';position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,0.5) 0%,transparent 100%);border-radius:14px 14px 0 0;pointer-events:none}
.bj-card.facedown{background:linear-gradient(145deg,#7c3aed 0%,#6d28d9 50%,#5b21b6 100%);color:#fff;box-shadow:0 8px 24px rgba(124,58,237,0.35),0 0 0 2px rgba(139,92,246,0.15)}
.bj-card.facedown::after{background:linear-gradient(180deg,rgba(255,255,255,0.1) 0%,transparent 100%)}
.bj-card .suit{font-size:16px;color:inherit}
.bj-card .suit.red{color:#dc2626}
@keyframes cardDeal{0%{transform:translateY(-50px) scale(.5) rotate(-8deg);opacity:0}60%{transform:translateY(5px) scale(1.03) rotate(0);opacity:1}100%{transform:translateY(0) scale(1)}}
.bj-score{display:inline-block;padding:6px 18px;background:linear-gradient(135deg,rgba(0,0,0,0.4),rgba(139,92,246,0.05));border-radius:22px;font-size:16px;font-weight:800;color:#fff;margin:10px 0;border:1px solid rgba(139,92,246,0.08);box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.bj-label{font-size:10px;font-weight:800;color:#3f3f6b;text-transform:uppercase;letter-spacing:1.5px;margin-top:20px}
.bj-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}

/* LIMBO — ULTRA PROFESSIONAL */
.limbo-container{text-align:center}
.limbo-display{font-size:86px;font-weight:900;color:#c4b5fd;letter-spacing:-3px;margin:28px 0;font-variant-numeric:tabular-nums;transition:all .4s cubic-bezier(.4,0,.2,1);text-shadow:0 0 35px rgba(139,92,246,0.18);position:relative}
.limbo-display.win{color:#00d2d3;text-shadow:0 0 70px rgba(0,210,211,0.55),0 0 140px rgba(0,210,211,0.18)}
.limbo-display.lose{color:#ff4757;text-shadow:0 0 70px rgba(255,71,87,0.55),0 0 140px rgba(255,71,87,0.18)}
.limbo-target{display:flex;align-items:center;justify-content:center;gap:14px;font-size:15px;color:#525274;margin-bottom:16px;font-weight:700;padding:10px 20px;background:rgba(0,0,0,0.15);border-radius:var(--radius-full);border:1px solid rgba(139,92,246,0.06);display:inline-flex}
.limbo-target strong{color:#f3f4f6;font-size:22px;letter-spacing:-.5px;text-shadow:0 0 10px rgba(255,255,255,0.06)}

/* ROULETTE — ULTRA PROFESSIONAL */
.roulette-display-area{display:flex;flex-direction:column;align-items:center;gap:16px}
.roulette-ring{width:220px;height:220px;border-radius:50%;background:conic-gradient(
  #dc2626 0deg,#dc2626 10deg,
  #1a1a2e 10deg,#1a1a2e 20deg,
  #dc2626 20deg,#dc2626 30deg,
  #1a1a2e 30deg,#1a1a2e 40deg,
  #10b981 40deg,#10b981 50deg,
  #1a1a2e 50deg,#1a1a2e 60deg,
  #dc2626 60deg,#dc2626 70deg,
  #1a1a2e 70deg,#1a1a2e 80deg,
  #dc2626 80deg,#dc2626 90deg,
  #1a1a2e 90deg,#1a1a2e 100deg,
  #dc2626 100deg,#dc2626 110deg,
  #1a1a2e 110deg,#1a1a2e 120deg,
  #dc2626 120deg,#dc2626 130deg,
  #1a1a2e 130deg,#1a1a2e 140deg,
  #dc2626 140deg,#dc2626 150deg,
  #1a1a2e 150deg,#1a1a2e 160deg,
  #dc2626 160deg,#dc2626 170deg,
  #1a1a2e 170deg,#1a1a2e 180deg,
  #dc2626 180deg,#dc2626 190deg,
  #1a1a2e 190deg,#1a1a2e 200deg,
  #dc2626 200deg,#dc2626 210deg,
  #1a1a2e 210deg,#1a1a2e 220deg,
  #dc2626 220deg,#dc2626 230deg,
  #1a1a2e 230deg,#1a1a2e 240deg,
  #dc2626 240deg,#dc2626 250deg,
  #1a1a2e 250deg,#1a1a2e 260deg,
  #dc2626 260deg,#dc2626 270deg,
  #1a1a2e 270deg,#1a1a2e 280deg,
  #dc2626 280deg,#dc2626 290deg,
  #1a1a2e 290deg,#1a1a2e 300deg,
  #dc2626 300deg,#dc2626 310deg,
  #1a1a2e 310deg,#1a1a2e 320deg,
  #dc2626 320deg,#dc2626 330deg,
  #1a1a2e 330deg,#1a1a2e 340deg,
  #dc2626 340deg,#dc2626 350deg,
  #1a1a2e 350deg,#1a1a2e 360deg
);display:flex;align-items:center;justify-content:center;position:relative;transition:transform 3s cubic-bezier(.2,.8,.3,1);box-shadow:0 0 50px rgba(139,92,246,0.12),0 0 0 4px rgba(139,92,246,0.15),0 0 0 8px rgba(0,0,0,0.3);margin:10px auto}
.roulette-ring::before{content:'';position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(139,92,246,0.08);background:transparent}
.roulette-ring::after{content:'';position:absolute;inset:-22px;border-radius:50%;border:1px dashed rgba(139,92,246,0.05);animation:spin 20s linear infinite}
.roulette-ring-inner{width:140px;height:140px;border-radius:50%;background:linear-gradient(145deg,#1a1a36,#0e0e22);border:3px solid rgba(139,92,246,0.12);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 4px 20px rgba(0,0,0,0.4),0 0 0 1px rgba(139,92,246,0.05)}
.roulette-ring-segments{display:none}
.roulette-center{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 4px 16px rgba(139,92,246,0.35);animation:rotateStar 8s linear infinite}
@keyframes rotateStar{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.roulette-number-display{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(0,0,0,0.4),rgba(139,92,246,0.06));border:2px solid rgba(139,92,246,0.12);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.3);margin-top:8px}
.roulette-number-display span{text-shadow:0 0 15px rgba(255,255,255,0.15)}

/* SPORTS (mantido para compatibilidade) */
.sports-layout{display:grid;grid-template-columns:1fr 340px;gap:20px}
.event-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;margin-bottom:12px;transition:var(--transition)}
.event-card:hover{border-color:var(--border-hover)}
.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.event-league{font-size:11px;color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.event-time{font-size:11px;color:var(--text-muted)}
.event-time i{margin-right:4px}
.event-teams{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.event-team{text-align:center;flex:1}
.event-team-name{font-weight:700;font-size:14px;color:#fff}
.event-vs{font-size:12px;color:var(--text-dark);font-weight:800;padding:0 16px}
.event-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.event-odds.no-draw{grid-template-columns:repeat(2,1fr)}
.odd-btn{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;text-align:center;cursor:pointer;transition:var(--transition)}
.odd-btn:hover{border-color:var(--purple);background:rgba(124,58,237,0.08)}
.odd-btn.selected{background:var(--accent-btn);border-color:transparent}
.odd-btn .odd-label{font-size:10px;color:var(--text-muted);margin-bottom:3px;text-transform:uppercase;font-weight:600}
.odd-btn .odd-value{font-size:16px;font-weight:800;color:#fff}
.sport-filter{padding:8px 18px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-family:'Inter',sans-serif;font-size:12px;font-weight:600;transition:var(--transition);display:flex;align-items:center;gap:6px}
.sport-filter:hover,.sport-filter.active{background:rgba(124,58,237,0.12);border-color:var(--purple);color:#fff}
.betslip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;position:sticky;top:calc(var(--header-height) + 24px)}
.betslip-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.betslip-empty{text-align:center;color:var(--text-muted);padding:30px 0;font-size:13px}

/* ===================== TABLES ===================== */
.table-responsive{overflow-x:auto}
table{width:100%;border-collapse:collapse}
table th{text-align:left;padding:10px 16px;font-size:11px;font-weight:700;color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);white-space:nowrap}
table td{padding:12px 16px;font-size:13px;border-bottom:1px solid rgba(255,255,255,0.03);white-space:nowrap}
table tr:hover td{background:rgba(255,255,255,0.02)}
.live-bets-table td{padding:10px 16px}
.live-bets-table .player-name{font-weight:600;color:#fff}
.live-bets-table .game-name{color:var(--text-muted);font-weight:500}
.badge-status{padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;display:inline-block}
.badge-active{background:rgba(16,185,129,0.12);color:var(--green)}
.badge-pending{background:rgba(245,158,11,0.12);color:var(--orange)}
.badge-banned{background:rgba(239,68,68,0.12);color:var(--red)}
.badge-completed{background:rgba(6,182,212,0.12);color:var(--blue)}

/* ===================== WALLET — REDESIGNED ===================== */
.wallet-hero{position:relative;border-radius:16px;padding:32px;margin-bottom:20px;overflow:hidden;border:1px solid rgba(139,92,246,.12)}
.wallet-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1a0a30 0%,#0d0d1f 40%,#0a1a1f 100%);z-index:0}
.wallet-hero-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(139,92,246,.12) 0%,transparent 60%);pointer-events:none}
.wallet-hero-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 30%,rgba(6,182,212,.08) 0%,transparent 50%);pointer-events:none}
.wallet-hero-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1;margin-bottom:24px}
.wallet-hero-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px rgba(139,92,246,.3);flex-shrink:0}
.wallet-hero-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;font-weight:600;display:block;margin-bottom:4px}
.wallet-hero-amount{font-size:40px;font-weight:900;color:#fff;letter-spacing:-1px;text-shadow:0 0 40px rgba(16,185,129,.2)}
.wallet-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1}
.wallet-action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit}
.wallet-deposit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px rgba(16,185,129,.3)}
.wallet-deposit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.4)}
.wallet-withdraw-btn{background:rgba(255,255,255,.05);color:var(--text);border:1px solid rgba(255,255,255,.1)}
.wallet-withdraw-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(139,92,246,.3);transform:translateY(-2px)}

.wallet-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:0;overflow:hidden;margin-bottom:20px}
.wallet-tabs{display:flex;border-bottom:1px solid var(--border-color);background:rgba(0,0,0,.15)}
.wallet-tab{flex:1;padding:14px 16px;text-align:center;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}
.wallet-tab:hover{color:var(--text);background:rgba(255,255,255,.02)}
.wallet-tab.active{color:#fff;background:rgba(139,92,246,.08)}
.wallet-tab.active::after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--purple);border-radius:2px 2px 0 0}

.wallet-form{padding:24px}
.wallet-method-badge{display:flex;align-items:center;gap:14px;padding:14px 16px;background:rgba(50,188,173,.06);border:1px solid rgba(50,188,173,.2);border-radius:12px;margin-bottom:20px}
.wallet-method-icon{width:42px;height:42px;border-radius:10px;background:rgba(50,188,173,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wallet-method-info{flex:1}
.wallet-method-info strong{display:block;font-size:14px;color:#fff;margin-bottom:2px}
.wallet-method-info span{font-size:11px;color:var(--text-muted)}
.wallet-method-tag{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}

.wallet-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
.wallet-amount-section{margin-bottom:16px}
.wallet-amount-input-wrap{display:flex;align-items:center;background:var(--bg-input);border:2px solid var(--border-color);border-radius:12px;transition:all .2s ease;overflow:hidden}
.wallet-amount-input-wrap:focus-within{border-color:var(--purple);box-shadow:0 0 0 4px rgba(139,92,246,.1)}
.wallet-currency{padding:12px 14px;font-size:16px;font-weight:800;color:var(--text-muted);background:rgba(255,255,255,.03);border-right:1px solid var(--border-color)}
.wallet-amount-input{flex:1;border:none;background:transparent;padding:12px 14px;font-size:20px;font-weight:800;color:#fff;font-family:inherit;outline:none}
.wallet-amount-input::-webkit-inner-spin-button{-webkit-appearance:none}

.wallet-pix-input-wrap{display:flex;align-items:center;background:var(--bg-input);border:2px solid var(--border-color);border-radius:12px;transition:all .2s ease;overflow:hidden}
.wallet-pix-input-wrap:focus-within{border-color:var(--purple);box-shadow:0 0 0 4px rgba(139,92,246,.1)}
.wallet-pix-icon{padding:12px 14px;font-size:14px;color:var(--text-muted);background:rgba(255,255,255,.03);border-right:1px solid var(--border-color)}
.wallet-pix-input{flex:1;border:none;background:transparent;padding:12px 14px;font-size:14px;color:#fff;font-family:inherit;outline:none}

.wallet-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}
.wallet-preset{padding:10px 8px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:center}
.wallet-preset:hover{border-color:var(--purple);color:#fff;background:rgba(139,92,246,.08)}
.wallet-preset.active{border-color:var(--purple);color:#fff;background:rgba(139,92,246,.15);box-shadow:0 0 12px rgba(139,92,246,.15)}

.wallet-bonus-banner{display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(6,182,212,.05));border:1px solid rgba(139,92,246,.15);border-radius:12px;margin-bottom:20px}
.wallet-bonus-icon{font-size:28px;flex-shrink:0}
.wallet-bonus-text strong{display:block;font-size:13px;color:#fff;margin-bottom:2px}
.wallet-bonus-text span{font-size:11px;color:var(--text-muted)}

.wallet-info-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.15);border-radius:10px;margin-bottom:20px;font-size:13px;color:var(--text-muted)}
.wallet-info-banner i{color:var(--orange);font-size:16px;flex-shrink:0}

.wallet-submit-btn{width:100%;padding:16px;border:none;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;transition:all .25s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}
.wallet-submit-btn::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}
.wallet-submit-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);background-size:250% 100%;animation:shimmer 3s ease-in-out infinite}
.wallet-submit-deposit{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 20px rgba(16,185,129,.3)}
.wallet-submit-deposit:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(16,185,129,.4);filter:brightness(1.1)}
.wallet-submit-withdraw{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 20px rgba(139,92,246,.3)}
.wallet-submit-withdraw:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(139,92,246,.4);filter:brightness(1.1)}
.wallet-submit-btn:active{transform:translateY(0) scale(.98)!important}

.wallet-security{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px}
.wallet-security span{font-size:11px;color:var(--text-dark);display:flex;align-items:center;gap:5px}
.wallet-security i{color:var(--green);font-size:10px}

/* Transaction History */
.wallet-history{padding:8px 0}
.wallet-tx-item{display:flex;align-items:center;gap:14px;padding:14px 24px;transition:background .15s ease;border-bottom:1px solid rgba(255,255,255,.03)}
.wallet-tx-item:last-child{border-bottom:none}
.wallet-tx-item:hover{background:rgba(139,92,246,.03)}
.wallet-tx-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.wallet-tx-info{flex:1;min-width:0}
.wallet-tx-info strong{display:block;font-size:13px;color:#fff;margin-bottom:2px}
.wallet-tx-info span{font-size:11px;color:var(--text-muted)}
.wallet-tx-amount{font-size:14px;font-weight:800;white-space:nowrap;margin-right:12px}
.wallet-tx-amount.positive{color:var(--green)}
.wallet-tx-amount.negative{color:var(--red)}
.wallet-tx-status{font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}
.wallet-tx-completed{background:rgba(16,185,129,.1);color:var(--green)}
.wallet-tx-pending{background:rgba(245,158,11,.1);color:var(--orange)}

.wallet-empty{text-align:center;padding:40px 20px;color:var(--text-muted)}
.wallet-empty i{font-size:36px;opacity:.3;margin-bottom:12px;display:block}
.wallet-empty p{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}
.wallet-empty span{font-size:12px}

/* Keep old wallet styles for backwards compat */
.wallet-balance{text-align:center;padding:36px;margin-bottom:24px}
.wallet-balance h2{font-size:12px;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;font-weight:700}
.wallet-balance .amount{font-size:44px;font-weight:900;color:var(--green);text-shadow:0 0 30px rgba(16,185,129,0.2);letter-spacing:-1px}
.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
.amount-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
.amount-preset{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;text-align:center;cursor:pointer;font-family:'Inter',sans-serif;font-weight:700;color:var(--text);transition:var(--transition);font-size:13px}
.amount-preset:hover,.amount-preset.selected{background:rgba(124,58,237,0.12);border-color:var(--purple);color:#fff}

/* Responsive wallet */
@media(max-width:640px){
    .wallet-hero-content{flex-direction:column;text-align:center}
    .wallet-hero-amount{font-size:32px}
    .wallet-presets{grid-template-columns:repeat(2,1fr)}
    .wallet-hero-actions{grid-template-columns:1fr}
    .wallet-tx-item{flex-wrap:wrap;gap:8px}
    .wallet-tx-amount{order:3;width:auto}
    .wallet-tx-status{order:4}
}

/* ===================== TABS ===================== */
.tabs{display:flex;gap:2px;margin-bottom:24px;background:var(--bg-input);border-radius:var(--radius-sm);padding:3px;border:1px solid var(--border-color)}
.tab{flex:1;padding:10px 16px;text-align:center;border-radius:6px;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:var(--transition);font-family:'Inter',sans-serif}
.tab.active{background:var(--accent-btn);color:#fff;box-shadow:0 2px 10px rgba(124,58,237,0.3)}
.tab:hover:not(.active){color:var(--text)}
.tab-content{display:none}
.tab-content.active{display:block}

/* ===================== PROMOTIONS ===================== */
.promos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.promo-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}
.promo-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border-hover)}
.promo-card-banner{height:130px;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}
.promo-card-banner.purple{background:var(--gradient-purple)}
.promo-card-banner.blue{background:var(--gradient-blue)}
.promo-card-banner.green{background:var(--gradient-green)}
.promo-card-banner.gold{background:var(--gradient-gold)}
.promo-card-banner.pink{background:var(--gradient-pink)}
.promo-card-banner h2{font-size:22px;text-align:center;color:#fff;font-weight:800;position:relative;z-index:1}
.promo-card-body{padding:20px}
.promo-card-body p{font-size:13px;color:var(--text-muted);margin-bottom:12px}
.promo-code{background:var(--bg-input);padding:8px 16px;border-radius:var(--radius-sm);font-family:'JetBrains Mono','Fira Code',monospace;font-size:15px;font-weight:700;color:var(--purple-light);display:inline-block;margin-bottom:12px;border:1px dashed rgba(124,58,237,0.3)}

/* ===================== PAGINATION ===================== */
.pagination{display:flex;justify-content:center;gap:4px;margin-top:24px}
.pagination a,.pagination span{padding:8px 14px;border-radius:var(--radius-xs);font-size:13px;font-weight:600;transition:var(--transition)}
.pagination a{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border-color)}
.pagination a:hover{background:rgba(124,58,237,0.1);border-color:var(--purple);color:#fff}
.pagination span.current{background:var(--accent-btn);color:#fff}

/* ===================== MODAL ===================== */
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}
.modal-overlay.show{display:flex}
.modal{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}
.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}
.modal-header h3{font-size:16px;font-weight:700;color:#fff}
.modal-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;transition:var(--transition);padding:4px;border-radius:var(--radius-xs)}
.modal-close:hover{color:var(--red);background:rgba(239,68,68,0.1)}
.modal-body{padding:24px}
.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end}

/* ===================== PROFILE ===================== */
.profile-header{display:flex;align-items:center;gap:24px;margin-bottom:30px}
.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--accent-btn);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:#fff;border:3px solid rgba(124,58,237,0.3);box-shadow:var(--shadow-purple)}
.profile-info h2{font-size:22px;color:#fff;margin-bottom:4px;font-weight:800}
.profile-info p{color:var(--text-muted);font-size:13px}

/* ===================== GAME LAYOUT PRO — ULTRA PREMIUM ===================== */
.game-wrapper{max-width:1160px;margin:0 auto;padding:0 6px}
.game-provably{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--green-light);font-weight:700;padding:7px 14px;border-radius:var(--radius-full);background:linear-gradient(135deg,rgba(16,185,129,0.08),rgba(6,182,212,0.05));border:1px solid rgba(16,185,129,0.15);backdrop-filter:blur(4px);transition:all .2s ease}
.game-provably:hover{border-color:rgba(16,185,129,0.3);background:linear-gradient(135deg,rgba(16,185,129,0.12),rgba(6,182,212,0.08))}
.game-provably i{color:var(--green);font-size:11px;filter:drop-shadow(0 0 4px rgba(16,185,129,0.4))}

/* History Bar */
.game-history-bar{display:flex;gap:6px;padding:12px 18px;overflow-x:auto;background:linear-gradient(180deg,#141430 0%,#111125 100%);border:1px solid rgba(139,92,246,0.08);border-bottom:none;border-radius:16px 16px 0 0;scrollbar-width:none;position:relative}
.game-history-bar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.15),transparent)}
.game-history-bar::-webkit-scrollbar{height:0}
.game-history-pill{padding:6px 14px;border-radius:var(--radius-full);font-size:11px;font-weight:800;white-space:nowrap;flex-shrink:0;transition:all .2s ease;letter-spacing:.3px;border:1px solid transparent;cursor:default}
.game-history-pill:hover{transform:translateY(-2px);filter:brightness(1.2)}
.game-history-pill.high{background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(139,92,246,0.08));color:#c4b5fd;border-color:rgba(139,92,246,0.15);box-shadow:0 2px 8px rgba(139,92,246,0.1)}
.game-history-pill.mid{background:linear-gradient(135deg,rgba(16,185,129,0.18),rgba(16,185,129,0.06));color:#6ee7b7;border-color:rgba(16,185,129,0.12);box-shadow:0 2px 8px rgba(16,185,129,0.08)}
.game-history-pill.low{background:linear-gradient(135deg,rgba(239,68,68,0.16),rgba(239,68,68,0.05));color:#fca5a5;border-color:rgba(239,68,68,0.12);box-shadow:0 2px 8px rgba(239,68,68,0.08)}

/* Main Grid */
.game-layout{display:grid;grid-template-columns:340px 1fr;gap:0;min-height:560px;background:linear-gradient(180deg,#171730 0%,#141428 50%,#121224 100%);border-radius:0 0 16px 16px;border:1px solid rgba(139,92,246,0.06);border-top:none;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,0.5),0 0 0 1px rgba(139,92,246,0.04),inset 0 1px 0 rgba(255,255,255,0.02);position:relative}
.game-layout::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(139,92,246,0.02) 0%,transparent 60%);pointer-events:none;z-index:0}
.game-layout.no-history{border-radius:16px;border-top:1px solid rgba(139,92,246,0.06)}

/* ===== CONTROLS PANEL ===== */
.game-controls{padding:20px;background:linear-gradient(180deg,#0e0e20 0%,#0b0b19 100%);border-right:1px solid rgba(139,92,246,0.06);display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}
.game-controls::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.3),transparent)}
.game-controls::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.1),transparent)}

/* Tabs */
.game-tabs{display:flex;background:rgba(6,6,18,0.8);border-radius:10px;border:1px solid rgba(139,92,246,0.06);padding:3px;gap:3px}
.game-tab{flex:1;padding:11px 14px;text-align:center;font-size:11px;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#4b5563;background:transparent;border:none;font-family:inherit;border-radius:8px;text-transform:uppercase;letter-spacing:.8px;position:relative;overflow:hidden}
.game-tab.active{background:linear-gradient(135deg,rgba(139,92,246,0.22),rgba(139,92,246,0.08));color:#e0d5ff;box-shadow:0 0 20px rgba(139,92,246,0.1),inset 0 1px 0 rgba(255,255,255,0.06);border:1px solid rgba(139,92,246,0.1)}
.game-tab.active::before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,0.4),transparent)}
.game-tab:hover:not(.active){color:#9ca3af;background:rgba(139,92,246,0.04)}

/* Input Groups */
.game-input-group{display:flex;flex-direction:column;gap:7px}
.game-input-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#525274;display:flex;align-items:center;gap:6px;padding-left:2px}
.game-input-label i{font-size:10px;color:var(--purple-light);opacity:.8;filter:drop-shadow(0 0 3px rgba(139,92,246,0.3))}
.game-input-row{display:flex;align-items:center;background:rgba(6,6,18,0.8);border:1px solid rgba(139,92,246,0.06);border-radius:10px;overflow:hidden;transition:all .25s ease;position:relative}
.game-input-row::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.08),transparent);z-index:1}
.game-input-row:focus-within{border-color:rgba(139,92,246,0.35);box-shadow:0 0 0 3px rgba(139,92,246,0.06),0 0 24px rgba(139,92,246,0.06);background:rgba(10,10,28,0.95)}
.game-input-row input,.game-input-row select{flex:1;padding:13px 16px;background:transparent;border:none;color:#10b981;font-size:15px;font-family:inherit;outline:none;font-weight:700}
.game-input-row input::placeholder{color:#374151}
.game-input-row select{color:#e5e7eb;cursor:pointer}
.game-input-row select option{background:#0f0f22;color:#e5e7eb}
.game-input-row .input-tag{padding:11px 14px;font-size:10px;color:#3f3f6b;font-weight:800;border-left:1px solid rgba(139,92,246,0.06);cursor:default;white-space:nowrap;text-transform:uppercase;letter-spacing:.8px;background:rgba(0,0,0,0.3);min-width:38px;text-align:center}
.game-input-row .input-btn{padding:13px 15px;background:transparent;border:none;border-left:1px solid rgba(139,92,246,0.06);color:#6b7280;font-weight:800;font-size:12px;cursor:pointer;transition:all .2s ease;font-family:inherit;position:relative}
.game-input-row .input-btn:hover{color:#e0d5ff;background:rgba(139,92,246,0.15);text-shadow:0 0 8px rgba(139,92,246,0.3)}
.game-input-row .input-btn:active{transform:scale(0.95)}

/* Info Rows */
.game-input-info{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(0,0,0,0.25),rgba(139,92,246,0.02));border:1px solid rgba(139,92,246,0.04);border-radius:10px;padding:12px 16px;backdrop-filter:blur(4px)}
.game-input-info .info-label{font-size:11px;color:#525274;font-weight:600;letter-spacing:.3px}
.game-input-info .info-value{font-size:15px;font-weight:800;color:#f3f4f6;letter-spacing:-.3px}

/* ===== PLAY BUTTON ===== */
.game-play-btn{width:100%;padding:17px;border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;letter-spacing:.6px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:auto;position:relative;overflow:hidden;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,0.2)}
.game-play-btn::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent)}
.game-play-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.12) 50%,transparent 70%);background-size:250% 100%;animation:shimmer 3s ease-in-out infinite}
.game-play-btn i{filter:drop-shadow(0 1px 2px rgba(0,0,0,0.2));font-size:15px}
.game-play-btn.btn-green{background:linear-gradient(180deg,#10b981 0%,#059669 100%);box-shadow:0 4px 24px rgba(16,185,129,0.35),inset 0 1px 0 rgba(255,255,255,0.15),0 0 0 1px rgba(16,185,129,0.2)}
.game-play-btn.btn-red{background:linear-gradient(180deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 24px rgba(239,68,68,0.35),inset 0 1px 0 rgba(255,255,255,0.15),0 0 0 1px rgba(239,68,68,0.2)}
.game-play-btn.btn-purple{background:linear-gradient(180deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 4px 24px rgba(139,92,246,0.35),inset 0 1px 0 rgba(255,255,255,0.15),0 0 0 1px rgba(139,92,246,0.2)}
.game-play-btn:hover{transform:translateY(-3px);filter:brightness(1.15);box-shadow:0 10px 36px rgba(139,92,246,0.35)}
.game-play-btn.btn-green:hover{box-shadow:0 10px 36px rgba(16,185,129,0.45),0 0 0 1px rgba(16,185,129,0.3)}
.game-play-btn.btn-red:hover{box-shadow:0 10px 36px rgba(239,68,68,0.45),0 0 0 1px rgba(239,68,68,0.3)}
.game-play-btn.btn-bet-placed{background:linear-gradient(180deg,#059669 0%,#047857 100%);box-shadow:0 4px 20px rgba(5,150,105,0.4),inset 0 1px 0 rgba(255,255,255,0.12);cursor:default}
.game-play-btn:active{transform:translateY(0);filter:brightness(.93)}
.game-play-btn:disabled{opacity:.3;cursor:not-allowed;transform:none;filter:none;box-shadow:none}

/* ===== GAME DISPLAY ===== */
.game-display{padding:36px 32px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:480px;background:radial-gradient(ellipse at 50% 30%,rgba(139,92,246,0.05) 0%,#161630 55%,#121226 100%);z-index:1}
.game-display::before{content:'';position:absolute;inset:0;background:
  radial-gradient(circle at 15% 85%,rgba(6,182,212,0.025) 0%,transparent 45%),
  radial-gradient(circle at 85% 15%,rgba(139,92,246,0.03) 0%,transparent 45%),
  radial-gradient(circle at 50% 50%,rgba(139,92,246,0.01) 0%,transparent 70%),
  repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(139,92,246,0.008) 50px,rgba(139,92,246,0.008) 51px),
  repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(139,92,246,0.008) 50px,rgba(139,92,246,0.008) 51px);
pointer-events:none}
.game-display::after{content:'';position:absolute;top:-1px;left:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(139,92,246,0.15),transparent 30%,transparent 70%,rgba(139,92,246,0.08));pointer-events:none}

/* Status Badge */
.game-status-badge{position:absolute;bottom:18px;right:18px;display:flex;align-items:center;gap:7px;font-size:9px;color:#3f3f6b;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;padding:6px 12px;border-radius:var(--radius-full);background:rgba(0,0,0,0.2);border:1px solid rgba(139,92,246,0.06);backdrop-filter:blur(4px)}
.game-status-badge .dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse 1.5s infinite;box-shadow:0 0 10px rgba(16,185,129,0.6)}

/* Game Info Box */
.game-info-box{background:linear-gradient(135deg,rgba(0,0,0,0.3),rgba(139,92,246,0.02));border:1px solid rgba(139,92,246,0.06);border-radius:10px;padding:16px;font-size:12px;backdrop-filter:blur(4px);position:relative;overflow:hidden}
.game-info-box::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.12),transparent)}
.game-info-box .info-title{font-weight:800;color:#6b7280;margin-bottom:12px;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;display:flex;align-items:center;gap:7px}
.game-info-box .info-row{display:flex;justify-content:space-between;padding:6px 0;font-size:12px;border-bottom:1px solid rgba(139,92,246,0.03)}
.game-info-box .info-row:last-child{border-bottom:none}
.game-info-box .info-row .lbl{color:#525274}
.game-info-box .info-row .val{font-weight:800;color:#e5e7eb}
.game-info-box .info-row .val.gold{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,0.2)}
.game-info-box .info-row .val.green{color:#34d399;text-shadow:0 0 8px rgba(52,211,153,0.2)}
.game-info-box .info-row .val.purple{color:#c4b5fd;text-shadow:0 0 8px rgba(196,181,253,0.2)}
.game-info-box .info-row .val.blue{color:#22d3ee;text-shadow:0 0 8px rgba(34,211,238,0.2)}
.game-info-box .rules{color:#525274;line-height:1.9;font-size:11px}

/* Divider */
.game-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.1),transparent);margin:6px 0}

/* Double Colors */
.double-colors-bet{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.color-bet-btn{padding:16px 8px;border:2px solid transparent;border-radius:12px;cursor:pointer;font-weight:800;font-size:13px;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;color:#fff;font-family:inherit;position:relative;overflow:hidden}
.color-bet-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.08) 0%,transparent 40%);border-radius:10px;pointer-events:none}
.color-bet-btn small{font-size:10px;font-weight:700;opacity:.6;display:block;margin-top:3px}
.color-bet-btn:hover{transform:translateY(-3px)}
.color-bet-btn.red{background:linear-gradient(180deg,rgba(220,38,38,0.2) 0%,rgba(220,38,38,0.06) 100%);border-color:rgba(220,38,38,0.35)}
.color-bet-btn.red:hover,.color-bet-btn.red.selected{background:linear-gradient(180deg,rgba(220,38,38,0.4) 0%,rgba(220,38,38,0.15) 100%);border-color:#ef4444;box-shadow:0 0 30px rgba(220,38,38,0.3),0 4px 20px rgba(220,38,38,0.2),inset 0 1px 0 rgba(255,255,255,0.08)}
.color-bet-btn.black{background:linear-gradient(180deg,rgba(255,255,255,0.06) 0%,rgba(255,255,255,0.02) 100%);border-color:rgba(255,255,255,0.08)}
.color-bet-btn.black:hover,.color-bet-btn.black.selected{background:linear-gradient(180deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.04) 100%);border-color:rgba(255,255,255,0.25);box-shadow:0 0 30px rgba(255,255,255,0.05),0 4px 20px rgba(255,255,255,0.03)}
.color-bet-btn.white{background:linear-gradient(180deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.03) 100%);border-color:rgba(255,255,255,0.15)}
.color-bet-btn.white:hover,.color-bet-btn.white.selected{background:linear-gradient(180deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.06) 100%);border-color:#d1d5db;box-shadow:0 0 30px rgba(255,255,255,0.08),0 4px 20px rgba(255,255,255,0.04)}

/* Sound Toggle */
.sound-toggle{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;transition:var(--transition);padding:6px;border-radius:6px}
.sound-toggle:hover{color:#fff;background:rgba(139,92,246,0.08)}

/* Footer Bar */
.game-footer-bar{display:flex;align-items:center;gap:8px;padding:12px 18px;background:linear-gradient(180deg,#0f0f20 0%,#0c0c18 100%);border:1px solid rgba(139,92,246,0.05);border-top:none;border-radius:0 0 16px 16px;position:relative}
.game-footer-bar::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.06),transparent)}
.game-footer-btn{width:36px;height:36px;border-radius:10px;background:rgba(139,92,246,0.03);border:1px solid rgba(139,92,246,0.06);color:#3f3f6b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}
.game-footer-btn:hover{color:#a78bfa;background:rgba(139,92,246,0.08);border-color:rgba(139,92,246,0.2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,0.1)}

/* ===================== AGE VERIFICATION MODAL — Ultra Professional ===================== */
.age-modal-overlay{position:fixed;inset:0;background:rgba(4,4,15,0.96);backdrop-filter:blur(16px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}
.age-modal{background:linear-gradient(180deg,#1a1a36 0%,#12121f 100%);border:1px solid rgba(139,92,246,0.15);border-radius:24px;max-width:460px;width:100%;text-align:center;padding:52px 44px 44px;box-shadow:0 40px 100px rgba(0,0,0,0.7),0 0 80px rgba(139,92,246,0.08),inset 0 1px 0 rgba(255,255,255,0.06);animation:ageSlideUp .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}
.age-modal::before{content:'';position:absolute;top:-1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#8b5cf6,#06b6d4,transparent);border-radius:2px}
.age-modal::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,0.06) 0%,transparent 60%);pointer-events:none}
@keyframes ageSlideUp{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
/* Particles */
.age-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.age-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(139,92,246,0.4);animation:ageFloat 6s ease-in-out infinite}
.age-particle:nth-child(1){top:15%;left:10%;animation-delay:0s;background:rgba(6,182,212,0.3)}
.age-particle:nth-child(2){top:60%;left:85%;animation-delay:1s;width:4px;height:4px}
.age-particle:nth-child(3){top:80%;left:20%;animation-delay:2s;background:rgba(6,182,212,0.3)}
.age-particle:nth-child(4){top:25%;left:75%;animation-delay:3s}
.age-particle:nth-child(5){top:70%;left:50%;animation-delay:4s;width:2px;height:2px;background:rgba(168,139,250,0.5)}
.age-particle:nth-child(6){top:40%;left:90%;animation-delay:5s;background:rgba(6,182,212,0.4)}
@keyframes ageFloat{0%,100%{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-20px) scale(1.5);opacity:.8}}
/* Logo */
.age-logo-wrap{position:relative;display:inline-flex;margin-bottom:24px;z-index:1}
.age-logo-glow{position:absolute;inset:-12px;background:radial-gradient(circle,rgba(139,92,246,0.25) 0%,transparent 70%);border-radius:50%;animation:agePulse 3s ease-in-out infinite}
@keyframes agePulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:.8}}
.age-logo-svg{position:relative;z-index:1;filter:drop-shadow(0 4px 16px rgba(139,92,246,0.35))}
/* Title */
.age-title{font-size:26px;font-weight:900;color:#fff;margin-bottom:20px;letter-spacing:-.5px;position:relative;z-index:1}
/* 18+ Badge */
.age-badge-18{display:flex;align-items:center;gap:14px;text-align:left;background:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.15);border-radius:14px;padding:16px 20px;margin-bottom:28px;position:relative;z-index:1}
.age-badge-18 svg{flex-shrink:0}
.age-badge-18 span{font-size:13px;color:var(--text-muted);line-height:1.6}
.age-badge-18 strong{color:#f87171}
/* Buttons */
.age-btns{display:flex;gap:12px;position:relative;z-index:1}
.age-btn{flex:1;padding:15px 20px;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:'Inter',sans-serif;display:flex;align-items:center;justify-content:center;gap:8px}
.age-btn-yes{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;box-shadow:0 4px 20px rgba(139,92,246,0.35),inset 0 1px 0 rgba(255,255,255,0.15)}
.age-btn-yes:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(139,92,246,0.5),inset 0 1px 0 rgba(255,255,255,0.2);filter:brightness(1.1)}
.age-btn-no{background:rgba(255,255,255,0.04);color:var(--text-muted);border:1px solid rgba(255,255,255,0.08)}
.age-btn-no:hover{background:rgba(239,68,68,0.08);color:#f87171;border-color:rgba(239,68,68,0.3);transform:translateY(-2px)}
/* Legal */
.age-legal{margin-top:20px;font-size:11px;color:var(--text-dark);position:relative;z-index:1;line-height:1.5}
.age-legal a{color:var(--purple-light);text-decoration:none}
.age-legal a:hover{text-decoration:underline}

/* ===================== PLINKO / TOWER — ULTRA PROFESSIONAL ===================== */
.plinko-board{position:relative;width:100%;max-width:600px;height:420px;margin:0 auto;background:linear-gradient(180deg,rgba(0,0,0,0.25),rgba(139,92,246,0.03));border-radius:16px;border:1px solid rgba(139,92,246,0.1);box-shadow:inset 0 6px 24px rgba(0,0,0,0.35),0 0 0 1px rgba(139,92,246,0.04);overflow:hidden}
.plinko-board::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,0.05) 0%,transparent 50%);pointer-events:none;z-index:1}
.plinko-board canvas{width:100%;height:100%;border-radius:16px;position:relative;z-index:2}
.tower-grid{display:flex;flex-direction:column-reverse;gap:6px;max-width:420px;margin:0 auto}
.tower-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.tower-cell{height:60px;background:linear-gradient(145deg,#1a1a3a 0%,#14142c 100%);border:2px solid rgba(139,92,246,0.08);border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:22px;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.22)}
.tower-cell::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.05) 0%,transparent 35%);border-radius:12px;pointer-events:none}
.tower-cell::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(139,92,246,0.05) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s ease}
.tower-cell:hover:not(.revealed){border-color:rgba(139,92,246,0.45);transform:translateY(-4px);box-shadow:0 10px 30px rgba(139,92,246,0.2),0 0 0 1px rgba(139,92,246,0.1)}
.tower-cell:hover:not(.revealed)::after{opacity:1}
.tower-cell.safe{background:linear-gradient(145deg,rgba(16,185,129,0.18),rgba(16,185,129,0.06));border-color:rgba(16,185,129,0.5);animation:cellReveal .35s ease;box-shadow:0 0 24px rgba(16,185,129,0.15),inset 0 1px 0 rgba(16,185,129,0.08)}
.tower-cell.danger{background:linear-gradient(145deg,rgba(239,68,68,0.18),rgba(239,68,68,0.06));border-color:rgba(239,68,68,0.5);animation:cellReveal .35s ease;box-shadow:0 0 24px rgba(239,68,68,0.15)}
.tower-cell.current-row{border-color:rgba(139,92,246,0.4);box-shadow:0 0 24px rgba(139,92,246,0.15),inset 0 0 12px rgba(139,92,246,0.03);animation:glowPulse 2s ease-in-out infinite}
.tower-level{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg,rgba(0,0,0,0.3),rgba(139,92,246,0.03));border-radius:10px;margin-top:16px;border:1px solid rgba(139,92,246,0.06)}
.tower-level .level-label{font-size:11px;color:#525274;font-weight:700;letter-spacing:.3px}
.tower-level .level-value{font-size:16px;font-weight:800;color:#c4b5fd;text-shadow:0 0 8px rgba(196,181,253,0.2)}

/* ADMIN */
.admin-sidebar{background:linear-gradient(180deg,#0c0c18 0%,#0a0a14 100%)}
.chart-container{height:300px;position:relative}
.admin-quick-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px}
.quick-action{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px 16px;text-align:center;cursor:pointer;transition:var(--transition);color:var(--text);text-decoration:none}
.quick-action:hover{transform:translateY(-2px);border-color:var(--purple);box-shadow:var(--shadow-purple);color:#fff}
.quick-action i{font-size:24px;margin-bottom:8px;display:block;color:var(--purple-light)}
.quick-action span{font-size:12px;font-weight:600}

/* ===================== FOOTER ===================== */
.site-footer{background:linear-gradient(180deg,#080816 0%,#060612 100%);border-top:1px solid rgba(255,255,255,0.04);padding:0;margin-top:40px}

/* Sponsor bar */
.footer-sponsors{display:flex;justify-content:center;gap:24px;padding:16px 24px;background:rgba(255,255,255,0.015);border-bottom:1px solid rgba(255,255,255,0.04);flex-wrap:wrap}
.sponsor-item{display:flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,0.25);font-weight:600;letter-spacing:.5px}
.sponsor-item i{font-size:14px;color:rgba(139,92,246,0.5)}

/* Main grid */
.footer-main-grid{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr 1fr;gap:32px;max-width:1200px;margin:0 auto;padding:40px 24px 32px}
.footer-brand-col .footer-logo{font-size:20px;font-weight:900;margin-bottom:12px}
.footer-desc{font-size:13px;color:rgba(255,255,255,0.35);line-height:1.7;margin-bottom:16px}
.footer-social{display:flex;gap:8px}
.footer-social a{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.35);font-size:15px;transition:all .2s}
.footer-social a:hover{background:var(--purple);color:#fff;border-color:var(--purple);transform:translateY(-2px)}
.footer-col h4{font-size:11px;font-weight:700;color:rgba(255,255,255,0.5);margin-bottom:16px;text-transform:uppercase;letter-spacing:1.5px}
.footer-col a{display:block;color:rgba(255,255,255,0.3);font-size:13px;margin-bottom:10px;transition:all .2s;text-decoration:none}
.footer-col a:hover{color:#8b5cf6;transform:translateX(3px)}

/* Legal section */
.footer-legal{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,0.04)}
.footer-legal-left{display:flex;align-items:center;gap:16px;flex:1}
.age-18{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#e53e3e,#c53030);font-size:18px;font-weight:900;color:#fff;flex-shrink:0}
.footer-legal-text p{font-size:11px;color:rgba(255,255,255,0.2);line-height:1.5;margin-bottom:2px}
.footer-legal-text p strong{color:rgba(255,255,255,0.4)}
.footer-legal-badges{display:flex;gap:12px;flex-shrink:0}
.legal-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);border-radius:10px;text-align:center}
.legal-badge i{font-size:18px;color:rgba(139,92,246,0.5)}
.legal-badge span{font-size:9px;color:rgba(255,255,255,0.25);font-weight:600;letter-spacing:.5px;line-height:1.3}

/* Copyright */
.footer-copyright{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid rgba(255,255,255,0.03);max-width:1200px;margin:0 auto}
.footer-copyright p{font-size:11px;color:rgba(255,255,255,0.15)}
.footer-payment-icons{display:flex;gap:16px}
.footer-payment-icons span{font-size:11px;color:rgba(255,255,255,0.15);display:flex;align-items:center;gap:4px}
.footer-payment-icons span i{color:rgba(139,92,246,0.3)}

.footer-bottom{text-align:center;padding-top:24px;margin-top:32px;border-top:1px solid var(--border-color)}
.footer-bottom p{color:var(--text-dark);font-size:12px}
.footer-badges{display:flex;justify-content:center;gap:16px;margin-top:12px}
.footer-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(255,255,255,0.03);border:1px solid var(--border-color);border-radius:var(--radius-xs);font-size:10px;color:var(--text-muted);font-weight:600}
.footer-badge i{color:var(--purple-light)}

/* ===================== ANIMATIONS ===================== */
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.fade-in{animation:fadeIn .3s ease}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
.pulse{animation:pulse 2s infinite}
@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 15px rgba(139,92,246,0.15)}50%{box-shadow:0 0 30px rgba(139,92,246,0.3)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse 1.5s infinite;margin-right:4px;box-shadow:0 0 8px rgba(16,185,129,0.5)}

/* LOADING / TOAST */
.loading-spinner{width:44px;height:44px;border:3px solid rgba(124,58,237,0.15);border-top:3px solid var(--purple);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.toast-container{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}
.toast{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius-sm);padding:14px 20px;min-width:300px;box-shadow:var(--shadow-lg);animation:slideIn .3s ease;display:flex;align-items:center;gap:10px;font-size:13px}
.toast.success{border-left:3px solid var(--green)}
.toast.error{border-left:3px solid var(--red)}
.toast.info{border-left:3px solid var(--blue)}
@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
.multiplier-display{font-size:24px;font-weight:800;color:var(--purple-light);text-align:center;margin:10px 0}

/* ===================== RESPONSIVE ===================== */
@media(max-width:1024px){
    .footer-main-grid{grid-template-columns:1fr 1fr 1fr;gap:24px}
    .footer-brand-col{grid-column:1/-1}
    .footer-legal{flex-direction:column;text-align:center}
    .footer-legal-left{flex-direction:column}
    .footer-copyright{flex-direction:column;gap:10px;text-align:center}
    .sports-layout{grid-template-columns:1fr}
    .category-boxes{grid-template-columns:1fr}
    .game-layout{grid-template-columns:1fr}
    .game-controls{border-right:none;border-bottom:1px solid rgba(139,92,246,0.06)}
    .game-display{min-height:400px}
    .game-controls::before{background:none}
}
@media(max-width:768px){
    .sidebar{transform:translateX(-100%)}
    .sidebar.open{transform:translateX(0)}
    .main-content{margin-left:0}
    .menu-toggle{display:block}
    .header-nav{display:none}
    .form-row{grid-template-columns:1fr}
    .stats-grid{grid-template-columns:repeat(2,1fr)}
    .games-grid{grid-template-columns:repeat(2,1fr)}
    .amount-presets{grid-template-columns:repeat(2,1fr)}
    .wallet-actions{grid-template-columns:1fr}
    .auth-modal-body{padding:28px 20px 24px}
    .page-content{padding:16px}
    .double-colors-bet{grid-template-columns:1fr}
    .hero-banner{padding:32px 24px}
    .hero-title{font-size:26px}
    .footer-grid{grid-template-columns:1fr;gap:24px}
    .promos-grid{grid-template-columns:1fr}
    .game-wrapper{margin:0 -4px}
    .game-layout{border-radius:12px;min-height:auto}
    .game-layout.no-history{border-radius:12px}
    .game-history-bar{border-radius:12px 12px 0 0}
    .game-footer-bar{border-radius:0 0 12px 12px}
    .keno-grid{grid-template-columns:repeat(5,1fr)}
    .hilo-card{width:125px;height:175px}
    .hilo-card .card-value{font-size:42px}
    .bj-card{width:62px;height:90px;font-size:20px}
    .crash-display{font-size:60px}
    .limbo-display{font-size:60px}
    .mine-cell svg{width:28px;height:28px}
    .mines-grid{gap:7px}
    .slot-reel{width:78px;height:96px;font-size:44px}
    .crash-ring{width:190px;height:190px}
    .game-play-btn{padding:15px}
}
@media(max-width:480px){
    .stats-grid{grid-template-columns:1fr}
    .games-grid{grid-template-columns:repeat(2,1fr)}
    .header-balance{font-size:12px;padding:4px 4px 4px 12px}
    .crash-display{font-size:44px}
    .limbo-display{font-size:44px}
    .hero-title{font-size:22px}
    .game-controls{padding:14px}
    .mines-grid{gap:5px;max-width:320px}
    .mine-cell{border-radius:8px}
    .mine-cell svg{width:24px;height:24px}
    .mines-desc-card{flex-direction:column;text-align:center}
    .mines-desc-tags{margin-left:0;justify-content:center}
    .mines-display{padding:12px}
    .crash-ring{width:160px;height:160px}
    .hilo-card{width:105px;height:150px}
    .hilo-card .card-value{font-size:34px}
    .dice{width:85px;height:85px;font-size:40px;border-radius:16px}
    .keno-grid{grid-template-columns:repeat(4,1fr)}
    .slot-reel{width:64px;height:82px;font-size:38px;border-radius:12px}
    .slots-machine{padding:24px 16px;border-radius:14px}
    .slots-display{gap:8px}
    .game-tab{padding:9px 10px;font-size:10px;letter-spacing:.4px}
    .tower-cell{height:48px;font-size:17px}
    .tower-grid{max-width:100%}
    .game-layout{box-shadow:0 12px 40px rgba(0,0,0,0.4)}
}

/* ================================================================
   CRASH GAME — Blaze-style Graph + Bottom Section
   ================================================================ */

/* Graph Display */
.crash-graph-display{position:relative;overflow:hidden;background:linear-gradient(180deg,#0f1923 0%,#0d1520 100%);border:1px solid rgba(255,255,255,0.04);min-height:380px}
.crash-graph-area{position:relative;width:100%;height:100%;min-height:360px}
.crash-graph-area canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}

/* Multiplier Box */
.crash-multiplier-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}
.crash-multiplier-box .crash-display{font-size:72px;font-weight:900;color:#fff;text-shadow:0 0 30px rgba(255,255,255,0.3);letter-spacing:2px;font-family:'Inter',sans-serif}

/* Crashed Box */
.crash-crashed-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:12;pointer-events:none;animation:crashPulse .5s ease}
.crash-crashed-value{font-size:68px;font-weight:900;color:#e53e3e;text-shadow:0 0 40px rgba(229,62,62,0.5);letter-spacing:2px}
.crash-crashed-label{font-size:18px;font-weight:700;color:#e53e3e;letter-spacing:6px;margin-top:4px;text-shadow:0 0 20px rgba(229,62,62,0.4)}
@keyframes crashPulse{0%{transform:translate(-50%,-50%) scale(1.3);opacity:0}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}

/* Axis Labels */
.crash-axis-y{position:absolute;left:4px;top:20px;bottom:32px;display:flex;flex-direction:column;justify-content:space-between;z-index:5;pointer-events:none}
.crash-axis-y span{font-size:9px;color:rgba(255,255,255,0.25);font-weight:600;font-family:'Inter',monospace}
.crash-axis-x{position:absolute;bottom:8px;left:6px;right:20px;display:flex;justify-content:space-between;z-index:5;pointer-events:none}
.crash-axis-x span{font-size:9px;color:rgba(255,255,255,0.25);font-weight:600;font-family:'Inter',monospace}

/* Rocket (crosshair) icon */
.crash-rocket-icon{position:absolute;z-index:8;color:#38b2ac;font-size:22px;pointer-events:none;filter:drop-shadow(0 0 8px rgba(56,178,172,0.6));transition:left 0.05s linear,top 0.05s linear}

/* Lagged indicator */
.crash-lagged{position:absolute;top:12px;right:16px;display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.4);font-weight:600;z-index:10}
.crash-lagged .dot{width:8px;height:8px;border-radius:50%;background:#48bb78;animation:lagBlink 1.2s infinite}
@keyframes lagBlink{0%,100%{opacity:1}50%{opacity:0.3}}

/* Shake animation */
.crash-shake{animation:shakeAnim .5s ease}
@keyframes shakeAnim{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}

/* ANTERIOR bar */
.crash-anterior-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:rgba(15,25,35,0.9);border-top:1px solid rgba(255,255,255,0.04)}
.crash-anterior-label{font-size:10px;font-weight:700;color:rgba(255,255,255,0.3);letter-spacing:2px;white-space:nowrap}
.crash-anterior-pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1}
.crash-anterior-pills::-webkit-scrollbar{display:none}

/* ================================================================
   BLAZE BOTTOM SECTION — Tabs + Bets Table + Description
   ================================================================ */
.blaze-bottom-section{background:#0f1923;border-radius:0 0 16px 16px;margin-top:2px;border:1px solid rgba(255,255,255,0.04);overflow:hidden}
.blaze-bottom-tabs{display:flex;border-bottom:2px solid rgba(255,255,255,0.06)}
.blaze-btab{flex:1;background:transparent;border:none;color:rgba(255,255,255,0.4);font-size:12px;font-weight:700;letter-spacing:1.5px;padding:14px 20px;cursor:pointer;transition:all .2s;position:relative}
.blaze-btab:hover{color:rgba(255,255,255,0.7)}
.blaze-btab.active{color:#fff}
.blaze-btab.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#e53e3e}

.blaze-tab-panel{padding:0}
.blaze-tab-panel:not([style*="display: none"]){display:block}

/* Bets Header */
.blaze-bets-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;color:rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.04)}
.blaze-bets-total{color:#48bb78;font-weight:700;font-size:14px}

/* Bets Table */
.blaze-bets-table{width:100%;border-collapse:collapse}
.blaze-bets-table thead th{padding:10px 16px;font-size:10px;font-weight:700;color:rgba(255,255,255,0.25);letter-spacing:1px;text-align:left;text-transform:uppercase;background:rgba(0,0,0,0.2)}
.blaze-bets-table tbody tr{border-bottom:1px solid rgba(255,255,255,0.03);transition:background .15s}
.blaze-bets-table tbody tr:hover{background:rgba(255,255,255,0.02)}
.blaze-bets-table tbody td{padding:10px 16px;font-size:13px;color:rgba(255,255,255,0.7)}
.blaze-bets-table tbody td strong{color:#fff;font-weight:600}
.blaze-bet-user{display:flex;align-items:center;gap:8px;font-weight:500}
.blaze-bet-user .fa-crown{font-size:11px}
td.profit-win{color:#48bb78 !important;font-weight:600 !important}

/* Description Tab */
.crash-desc-body{padding:24px 20px}
.crash-desc-card-wrap{display:flex;justify-content:center;margin-bottom:24px}
.crash-desc-card{width:140px;height:180px;background:linear-gradient(135deg,#1a1a2e 0%,#0d0d19 100%);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(255,255,255,0.08);box-shadow:0 8px 32px rgba(0,0,0,0.4)}
.crash-desc-text-area{max-width:600px;margin:0 auto}
.crash-desc-tags{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.crash-desc-tags span{background:rgba(229,62,62,0.15);color:#e53e3e;font-size:10px;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:1px}
.crash-desc-text-area p{color:rgba(255,255,255,0.6);font-size:14px;line-height:1.7;margin-bottom:16px}
.crash-desc-more{color:#e53e3e;font-size:12px;font-weight:700;letter-spacing:1px;text-decoration:none;transition:color .2s}
.crash-desc-more:hover{color:#fc8181}

/* ================================================================
   CRASH INFO MODAL
   ================================================================ */
.crash-info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}
.crash-info-modal{background:#1a1f2e;border-radius:16px;width:90%;max-width:440px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.06);animation:modalIn .3s ease}
@keyframes modalIn{from{transform:scale(0.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
.crash-info-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.06)}
.crash-info-header span{font-size:14px;font-weight:600;color:rgba(255,255,255,0.6)}
.crash-info-header button{background:none;border:none;color:rgba(255,255,255,0.5);font-size:24px;cursor:pointer;line-height:1;transition:color .2s}
.crash-info-header button:hover{color:#fff}
.crash-info-body{padding:24px 20px;text-align:center}
.crash-info-icons{position:relative;display:inline-block;margin-bottom:16px}
.crash-info-calc-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#1a2332,#0f1923);border-radius:14px;font-size:24px;color:#fff;position:relative;border:1px solid rgba(255,255,255,0.08)}
.crash-info-body h3{font-size:16px;font-weight:800;color:#fff;margin-bottom:14px;letter-spacing:1px;line-height:1.4}
.crash-info-body > p{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.6;margin-bottom:20px}
.crash-info-limits{display:flex;gap:12px;margin-bottom:20px;justify-content:center}
.crash-info-limits > div{background:rgba(255,255,255,0.03);border-radius:10px;padding:12px 16px;flex:1;border:1px solid rgba(255,255,255,0.04)}
.crash-info-limits small{display:block;font-size:9px;color:rgba(255,255,255,0.3);letter-spacing:1px;margin-bottom:4px;font-weight:600}
.crash-info-limits strong{font-size:13px;color:#fff;font-weight:700}
.crash-info-table{width:100%;border-collapse:collapse;margin-top:12px}
.crash-info-table thead th{padding:10px 16px;font-size:10px;color:rgba(255,255,255,0.3);letter-spacing:1px;font-weight:700;text-align:left;border-bottom:1px solid rgba(255,255,255,0.06)}
.crash-info-table tbody td{padding:10px 16px;font-size:13px;color:rgba(255,255,255,0.6);border-bottom:1px solid rgba(255,255,255,0.03)}
.crash-info-table tbody td.g{color:#48bb78;font-weight:700}

/* Game Messages */
.game-message{position:fixed;top:24px;right:24px;padding:16px 24px;border-radius:12px;font-size:14px;font-weight:600;color:#fff;z-index:99999;animation:msgSlide .4s ease;box-shadow:0 8px 32px rgba(0,0,0,0.4)}
.game-message-success{background:linear-gradient(135deg,#48bb78,#38a169)}
.game-message-error{background:linear-gradient(135deg,#e53e3e,#c53030)}
@keyframes msgSlide{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}

/* Responsive for Crash Blaze */
@media(max-width:768px){
    .crash-multiplier-box .crash-display{font-size:48px}
    .crash-crashed-value{font-size:44px}
    .crash-crashed-label{font-size:14px;letter-spacing:4px}
    .crash-graph-display{min-height:280px}
    .crash-graph-area{min-height:260px}
    .crash-info-limits{flex-direction:column}
    .blaze-bets-table tbody td,.blaze-bets-table thead th{padding:8px 10px;font-size:11px}
    .crash-desc-body{padding:16px 14px}
}
@media(max-width:480px){
    .crash-multiplier-box .crash-display{font-size:36px}
    .crash-crashed-value{font-size:32px}
    .crash-graph-display{min-height:220px}
    .crash-graph-area{min-height:200px}
}

/* ========================================== */
/* BLAZE SHARED — UNIVERSAL GAME COMPONENTS   */
/* ========================================== */

/* Play Button */
.blaze-play-btn{
    background:linear-gradient(180deg,#e8264e 0%,#c91740 100%);
    color:#fff;font-weight:700;font-size:15px;
    border:none;border-radius:10px;padding:14px 0;width:100%;cursor:pointer;
    text-transform:uppercase;letter-spacing:.5px;
    box-shadow:0 4px 18px rgba(232,38,78,.35);
    transition:all .2s;position:relative;overflow:hidden;
}
.blaze-play-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(232,38,78,.5)}
.blaze-play-btn:active{transform:translateY(1px)}
.blaze-play-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}

/* Cashout Button */
.blaze-cashout-btn{
    background:linear-gradient(180deg,#10b981 0%,#059669 100%);
    color:#fff;font-weight:700;font-size:14px;
    border:none;border-radius:10px;padding:12px 0;width:100%;cursor:pointer;
    box-shadow:0 4px 18px rgba(16,185,129,.3);
    transition:all .2s;display:none;
}
.blaze-cashout-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(16,185,129,.45)}

/* Footer Bar */
.blaze-game-footer{
    display:flex;align-items:center;justify-content:space-between;
    padding:10px 16px;background:rgba(255,255,255,.04);
    border-top:1px solid rgba(255,255,255,.06);border-radius:0 0 14px 14px;
}
.blaze-game-footer button{
    background:none;border:none;color:rgba(255,255,255,.5);
    cursor:pointer;padding:6px;border-radius:6px;transition:.2s;font-size:16px;
}
.blaze-game-footer button:hover{color:#fff;background:rgba(255,255,255,.08)}
.blaze-players-count{font-size:12px;color:rgba(255,255,255,.5)}
.blaze-players-count span{color:#10b981}

/* Bottom Section — Tabs */
.blaze-bottom-section{margin-top:16px}
.blaze-bottom-tabs{
    display:flex;gap:0;border-bottom:2px solid rgba(255,255,255,.06);margin-bottom:0;
}
.blaze-bottom-tab{
    flex:1;padding:12px 16px;text-align:center;
    font-size:13px;font-weight:600;color:rgba(255,255,255,.45);
    background:transparent;border:none;cursor:pointer;
    border-bottom:2px solid transparent;margin-bottom:-2px;transition:.2s;
}
.blaze-bottom-tab:hover{color:rgba(255,255,255,.7)}
.blaze-bottom-tab.active{
    color:#fff;border-bottom-color:#e8264e;
    background:linear-gradient(180deg,transparent,rgba(232,38,78,.06));
}
.blaze-tab-content{display:none;padding:12px 0}
.blaze-tab-content.active{display:block}

/* Bets Table */
.blaze-bets-header{
    display:flex;justify-content:space-between;align-items:center;
    padding:8px 16px;
}
.blaze-bets-count{
    font-size:12px;color:rgba(255,255,255,.5);
    display:flex;align-items:center;gap:6px;
}
.blaze-bets-count span{color:#10b981;font-weight:600}
.blaze-bets-table{width:100%;border-collapse:collapse}
.blaze-bets-table thead th{
    padding:10px 14px;text-align:left;font-size:12px;font-weight:600;
    color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px;
    border-bottom:1px solid rgba(255,255,255,.06);
}
.blaze-bets-table tbody tr{transition:.15s}
.blaze-bets-table tbody tr:hover{background:rgba(255,255,255,.03)}
.blaze-bets-table tbody td{
    padding:10px 14px;font-size:13px;color:rgba(255,255,255,.7);
    border-bottom:1px solid rgba(255,255,255,.03);
}
.blaze-bets-table .bet-user{color:#fff;font-weight:500}
.blaze-bets-table .bet-time{color:rgba(255,255,255,.35);font-size:11px}
.blaze-bets-table .bet-win{color:#10b981;font-weight:600}
.blaze-bets-table .bet-lose{color:#ef4444;font-weight:600}
.blaze-bets-table .bet-multi{
    background:rgba(139,92,246,.15);color:#a78bfa;
    padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600;
}

/* Description Tab */
.blaze-desc-body{padding:20px 16px}
.blaze-desc-card{
    background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
    border:1px solid rgba(255,255,255,.06);border-radius:14px;
    padding:24px;
}
.blaze-desc-image{
    width:80px;height:80px;border-radius:16px;margin:0 auto 16px;
    display:flex;align-items:center;justify-content:center;font-size:36px;
}
.blaze-desc-icon{font-size:36px}
.blaze-desc-title{text-align:center;font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}
.blaze-desc-tags{display:flex;gap:8px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}
.blaze-desc-tags span{
    padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;
    background:rgba(139,92,246,.12);color:#a78bfa;
}
.blaze-desc-text{color:rgba(255,255,255,.6);font-size:14px;line-height:1.7;text-align:center}

/* Info Modal */
.blaze-info-modal-overlay{
    position:fixed;top:0;left:0;width:100%;height:100%;
    background:rgba(0,0,0,.7);backdrop-filter:blur(4px);
    z-index:9999;display:none;align-items:center;justify-content:center;
}
.blaze-info-modal-overlay.show{display:flex}
.blaze-info-modal{
    background:#1a2332;border:1px solid rgba(255,255,255,.08);
    border-radius:16px;max-width:460px;width:90%;max-height:80vh;overflow-y:auto;
}
.blaze-info-header{
    display:flex;justify-content:space-between;align-items:center;
    padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.06);
}
.blaze-info-header h3{font-size:16px;color:#fff;font-weight:700}
.blaze-info-close{
    background:none;border:none;color:rgba(255,255,255,.5);
    font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;
}
.blaze-info-close:hover{color:#fff;background:rgba(255,255,255,.08)}
.blaze-info-body{padding:20px}
.blaze-info-body h4{font-size:14px;color:#fff;font-weight:600;margin:16px 0 8px}
.blaze-info-body p{color:rgba(255,255,255,.6);font-size:13px;line-height:1.6;margin-bottom:12px}
.blaze-info-body table{width:100%;border-collapse:collapse;margin:8px 0}
.blaze-info-body table th,.blaze-info-body table td{
    padding:8px 12px;text-align:left;font-size:12px;
    border-bottom:1px solid rgba(255,255,255,.05);
}
.blaze-info-body table th{color:rgba(255,255,255,.5);font-weight:600}
.blaze-info-body table td{color:rgba(255,255,255,.7)}
.blaze-info-limits span{
    display:flex;justify-content:space-between;
    padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.04);
    font-size:13px;color:rgba(255,255,255,.6);
}
.blaze-info-limits span strong{color:#fff}

/* Readonly Input */
.readonly-input{
    background:rgba(255,255,255,.04)!important;
    color:rgba(255,255,255,.5)!important;cursor:not-allowed;
}

/* Paytable */
.blaze-paytable{padding:12px 16px}
.blaze-paytable h4{font-size:12px;color:rgba(255,255,255,.5);text-transform:uppercase;margin-bottom:10px;font-weight:600}
.blaze-paytable-row{
    display:flex;justify-content:space-between;align-items:center;
    padding:6px 12px;border-radius:8px;margin-bottom:4px;font-size:13px;
    background:rgba(255,255,255,.03);
}
.pay-gold{color:#fbbf24;font-weight:700}
.pay-green{color:#10b981;font-weight:700}
.pay-blue{color:#06b6d4;font-weight:700}
.pay-dim{color:rgba(255,255,255,.4)}

/* ========================================== */
/* PLINKO — BLAZE STYLE                       */
/* ========================================== */
.plinko-display{
    background:linear-gradient(180deg,#0f1923 0%,#0a1219 100%);
    border-radius:14px 14px 0 0;padding:0;min-height:380px;
    display:flex;align-items:center;justify-content:center;
    position:relative;overflow:hidden;
}
.plinko-canvas-wrap{width:100%;height:380px;position:relative}
.plinko-canvas-wrap canvas{width:100%;height:100%}

/* ========================================== */
/* DICE — BLAZE STYLE                         */
/* ========================================== */
.dice-blaze-display{
    background:linear-gradient(180deg,#0f1923 0%,#0a1219 100%);
    border-radius:14px 14px 0 0;padding:30px 20px;min-height:280px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.dice-blaze-container{width:100%;max-width:500px}
.dice-result-number{
    font-size:64px;font-weight:900;color:#fff;text-align:center;
    margin-bottom:30px;transition:all .3s;
    text-shadow:0 0 30px rgba(255,255,255,.2);
}
.dice-result-number.dice-win{color:#10b981;text-shadow:0 0 40px rgba(16,185,129,.5)}
.dice-result-number.dice-lose{color:#ef4444;text-shadow:0 0 40px rgba(239,68,68,.5)}
.dice-slider-wrap{position:relative;width:100%;height:12px;margin:20px 0 30px}
.dice-slider-bar{
    width:100%;height:12px;background:rgba(255,255,255,.08);
    border-radius:6px;position:relative;overflow:hidden;
}
.dice-slider-fill{
    height:100%;border-radius:6px;position:absolute;top:0;
    transition:width .2s,left .2s;
}
.dice-slider-thumb{
    position:absolute;top:50%;transform:translate(-50%,-50%);
    width:24px;height:24px;background:#fff;border-radius:50%;
    box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:2;transition:left .2s;
}
.dice-slider-result-marker{
    position:absolute;top:-8px;transform:translateX(-50%);
    width:4px;height:28px;border-radius:2px;z-index:3;display:none;
    transition:left .3s;
}
.dice-marker-win{background:#10b981;box-shadow:0 0 12px rgba(16,185,129,.6)}
.dice-marker-lose{background:#ef4444;box-shadow:0 0 12px rgba(239,68,68,.6)}
.dice-range-input{
    position:absolute;top:-8px;left:0;width:100%;height:28px;
    -webkit-appearance:none;appearance:none;background:transparent;
    cursor:pointer;z-index:4;
}
.dice-range-input::-webkit-slider-thumb{
    -webkit-appearance:none;width:1px;height:1px;background:transparent;
}
.dice-labels{
    display:flex;justify-content:space-between;margin-bottom:20px;
    font-size:12px;color:rgba(255,255,255,.4);
}
.dice-info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.dice-info-card{
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
    border-radius:10px;padding:14px;text-align:center;
}
.dice-info-card label{display:block;font-size:11px;color:rgba(255,255,255,.4);margin-bottom:6px;text-transform:uppercase}
.dice-info-card span{font-size:20px;font-weight:700;color:#fff}
.dice-info-card input{
    width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
    border-radius:8px;padding:8px;color:#fff;font-size:16px;font-weight:700;
    text-align:center;outline:none;
}
.dice-info-card input:focus{border-color:#8b5cf6}

/* ========================================== */
/* SLOTS — BLAZE STYLE                        */
/* ========================================== */
.slots-blaze-display{
    background:linear-gradient(180deg,#0f1923 0%,#0a1219 100%);
    border-radius:14px 14px 0 0;padding:30px 20px;min-height:300px;
    display:flex;align-items:center;justify-content:center;
}
.slots-blaze-machine{
    background:linear-gradient(145deg,rgba(139,92,246,.08),rgba(6,182,212,.05));
    border:1px solid rgba(139,92,246,.15);border-radius:16px;
    padding:24px;position:relative;width:100%;max-width:420px;
}
.slots-glow-line{
    position:absolute;top:-1px;left:20%;right:20%;height:2px;
    background:linear-gradient(90deg,transparent,#8b5cf6,transparent);
    border-radius:2px;
}
.slots-reels-container{display:flex;gap:8px;justify-content:center;margin:16px 0}
.slots-reel-wrap{
    flex:1;max-width:70px;aspect-ratio:1;
    background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);
    border-radius:12px;display:flex;align-items:center;justify-content:center;
    position:relative;overflow:hidden;
}
.slot-reel-blaze{font-size:36px;transition:transform .15s}
.slot-reel-blaze span{display:block}
.slots-spinning .slot-reel-blaze{animation:slotBlur .1s infinite}
.slots-landing .slot-reel-blaze{animation:slotLand .3s ease-out}
.slots-highlight{
    border-color:#10b981!important;
    box-shadow:0 0 20px rgba(16,185,129,.4);
}
@keyframes slotBlur{0%{transform:translateY(-5px)}50%{transform:translateY(5px)}100%{transform:translateY(-5px)}}
@keyframes slotLand{0%{transform:scale(1.3)}60%{transform:scale(.9)}100%{transform:scale(1)}}
.slots-payline{
    position:absolute;left:0;right:0;top:50%;height:2px;
    background:linear-gradient(90deg,transparent,rgba(232,38,78,.5),transparent);
    pointer-events:none;
}
.slots-result-box{
    text-align:center;padding:12px;border-radius:10px;
    font-weight:700;font-size:16px;margin-top:12px;display:none;
}
.slots-win{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}
.slots-lose{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}

/* ========================================== */
/* ROULETTE — BLAZE STYLE                     */
/* ========================================== */
.roulette-blaze-display{
    background:linear-gradient(180deg,#0f1923 0%,#0a1219 100%);
    border-radius:14px 14px 0 0;padding:30px 20px;min-height:360px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.roulette-blaze-container{text-align:center;width:100%}
.roulette-wheel{
    position:relative;width:280px;height:280px;margin:0 auto 20px;
}
.roulette-wheel-glow{
    position:absolute;inset:-10px;border-radius:50%;
    background:radial-gradient(circle,rgba(139,92,246,.15),transparent 70%);
    pointer-events:none;
}
.roulette-inner{
    position:relative;width:280px;height:280px;
    transition:transform 4s cubic-bezier(.2,.9,.3,1);
}
.roulette-center-num{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    font-size:42px;font-weight:900;color:#fff;z-index:2;
    text-shadow:0 2px 10px rgba(0,0,0,.5);
}
.roulette-num-red{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.5)}
.roulette-num-black{color:#fff}
.roulette-num-green{color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.5)}
.roulette-pointer{
    position:absolute;top:-8px;left:50%;transform:translateX(-50%);
    width:0;height:0;border-left:10px solid transparent;
    border-right:10px solid transparent;border-top:18px solid #e8264e;
    z-index:3;filter:drop-shadow(0 2px 6px rgba(232,38,78,.5));
}
.roulette-history{
    display:flex;gap:6px;justify-content:center;flex-wrap:wrap;
    margin:16px 0;
}
.roulette-history-dot{
    width:30px;height:30px;border-radius:50%;display:flex;
    align-items:center;justify-content:center;font-size:11px;
    font-weight:700;color:#fff;
}
.rh-red{background:#dc2626}
.rh-black{background:#374151}
.rh-green{background:#10b981}
.roulette-bet-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
    max-width:400px;margin:16px auto 0;
}
.roulette-bet-btn{
    padding:12px 8px;border-radius:10px;border:2px solid transparent;
    font-weight:700;font-size:13px;cursor:pointer;transition:.2s;
    display:flex;align-items:center;justify-content:center;gap:6px;
}
.rbt-red{background:rgba(220,38,38,.15);color:#ef4444;border-color:rgba(220,38,38,.3)}
.rbt-black{background:rgba(55,65,81,.3);color:#d1d5db;border-color:rgba(255,255,255,.1)}
.rbt-green{background:rgba(16,185,129,.12);color:#10b981;border-color:rgba(16,185,129,.25)}
.rbt-half{background:rgba(139,92,246,.1);color:#a78bfa;border-color:rgba(139,92,246,.2)}
.roulette-bet-btn:hover{transform:translateY(-1px)}
.roulette-bet-btn.active{
    border-color:#e8264e!important;box-shadow:0 0 16px rgba(232,38,78,.3);
}

/* ========================================== */
/* HILO — BLAZE STYLE                         */
/* ========================================== */
.hilo-blaze-display{
    background:linear-gradient(180deg,#0f1923 0%,#0a1219 100%);
    border-radius:14px 14px 0 0;padding:30px 20px;min-height:340px;
    display:flex;align-items:center;justify-content:center;
}
.hilo-blaze-container{width:100%;max-width:450px}
.hilo-cards-area{
    display:flex;align-items:center;justify-content:center;gap:20px;
    margin-bottom:20px;
}
.hilo-card-wrapper{text-align:center}
.hilo-card-label{font-size:11px;color:rgba(255,255,255,.4);margin-bottom:8px;text-transform:uppercase;font-weight:600}
.hilo-blaze-card{
    width:100px;height:140px;border-radius:12px;
    background:linear-gradient(145deg,#1e293b,#0f172a);
    border:2px solid rgba(255,255,255,.1);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    position:relative;overflow:hidden;
    transition:all .3s;
}
.hilo-blaze-card .hilo-card-suit{font-size:18px;position:absolute;top:10px;left:12px}
.hilo-blaze-card .hilo-card-rank{font-size:36px;font-weight:900;color:#fff}
.hilo-blaze-card .hilo-card-suit-bottom{font-size:18px;position:absolute;bottom:10px;right:12px;transform:rotate(180deg)}
.hilo-card-red .hilo-card-suit,.hilo-card-red .hilo-card-suit-bottom,.hilo-card-red .hilo-card-rank{color:#ef4444}
.hilo-card-hidden{
    background:linear-gradient(145deg,#312e81,#1e1b4b);
    border-color:rgba(139,92,246,.3);
}
.hilo-card-hidden .hilo-card-rank{color:rgba(255,255,255,.3);font-size:48px}
.hilo-arrow{font-size:28px;color:rgba(255,255,255,.3)}
.hilo-streak-bar{
    display:flex;gap:6px;justify-content:center;flex-wrap:wrap;
    margin-bottom:16px;min-height:30px;
}
.hilo-streak-dot{
    width:30px;height:30px;border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    font-size:11px;font-weight:700;color:#fff;
}
.hilo-streak-win{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.4);color:#10b981}
.hilo-streak-lose{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);color:#ef4444}
.hilo-action-grid{display:flex;gap:10px;margin-bottom:10px}
.hilo-btn-higher,.hilo-btn-lower{
    flex:1;padding:14px;border-radius:10px;border:none;
    font-weight:700;font-size:14px;cursor:pointer;transition:.2s;
}
.hilo-btn-higher{
    background:linear-gradient(180deg,#10b981,#059669);color:#fff;
    box-shadow:0 4px 14px rgba(16,185,129,.3);
}
.hilo-btn-lower{
    background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;
    box-shadow:0 4px 14px rgba(239,68,68,.3);
}
.hilo-btn-higher:hover,.hilo-btn-lower:hover{transform:translateY(-1px)}
.hilo-profit-display{
    display:flex;justify-content:space-between;align-items:center;
    padding:10px 14px;background:rgba(255,255,255,.03);
    border-radius:8px;margin-bottom:10px;
}
.hilo-profit-label{font-size:12px;color:rgba(255,255,255,.4)}

/* ========================================== */
/* KENO — BLAZE STYLE                         */
/* ========================================== */
.keno-blaze-display{
    background:linear-gradient(180deg,#0f1923 0%,#0a1219 100%);
    border-radius:14px 14px 0 0;padding:20px;min-height:300px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.keno-blaze-grid{
    display:grid;grid-template-columns:repeat(8,1fr);gap:6px;
    max-width:400px;width:100%;margin-bottom:16px;
}
.keno-blaze-cell{
    aspect-ratio:1;border-radius:10px;
    background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.08);
    display:flex;align-items:center;justify-content:center;
    font-size:14px;font-weight:700;color:rgba(255,255,255,.6);
    cursor:pointer;transition:all .2s;user-select:none;
}
.keno-blaze-cell:hover{
    background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.3);
    color:#fff;transform:scale(1.05);
}
.keno-blaze-cell.keno-selected{
    background:linear-gradient(145deg,rgba(139,92,246,.25),rgba(139,92,246,.15));
    border-color:#8b5cf6;color:#fff;
    box-shadow:0 0 12px rgba(139,92,246,.3);
}
.keno-blaze-cell.keno-hit{
    background:linear-gradient(145deg,rgba(16,185,129,.3),rgba(16,185,129,.15));
    border-color:#10b981;color:#10b981;
    box-shadow:0 0 16px rgba(16,185,129,.4);
    animation:kenoHit .4s ease-out;
}
.keno-blaze-cell.keno-miss{
    background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);
    color:rgba(239,68,68,.6);
}
@keyframes kenoHit{0%{transform:scale(1.3)}60%{transform:scale(.9)}100%{transform:scale(1)}}
.keno-selected-count{
    text-align:center;font-size:13px;color:rgba(255,255,255,.5);margin-bottom:10px;
}
.keno-selected-count span{color:#8b5cf6;font-weight:700}
.keno-result-box{
    text-align:center;padding:12px;border-radius:10px;
    font-weight:700;font-size:15px;margin-top:10px;display:none;
}
.keno-result-win{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}
.keno-result-lose{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}

/* ========================================== */
/* LIMBO — BLAZE STYLE                        */
/* ========================================== */
.limbo-blaze-display{
    background:linear-gradient(180deg,#0f1923 0%,#0a1219 100%);
    border-radius:14px 14px 0 0;padding:40px 20px;min-height:320px;
    display:flex;align-items:center;justify-content:center;
}
.limbo-blaze-container{text-align:center;width:100%}
.limbo-result-ring{
    width:180px;height:180px;border-radius:50%;margin:0 auto 20px;
    border:4px solid rgba(255,255,255,.1);
    display:flex;align-items:center;justify-content:center;
    transition:all .5s;position:relative;
}
.limbo-ring-win{
    border-color:#10b981;
    box-shadow:0 0 40px rgba(16,185,129,.3),inset 0 0 30px rgba(16,185,129,.1);
}
.limbo-ring-lose{
    border-color:#ef4444;
    box-shadow:0 0 40px rgba(239,68,68,.3),inset 0 0 30px rgba(239,68,68,.1);
}
.limbo-result-value{
    font-size:48px;font-weight:900;color:#fff;transition:all .3s;
}
.limbo-result-value.limbo-active{color:#10b981;text-shadow:0 0 30px rgba(16,185,129,.5)}
.limbo-result-value.limbo-crashed{color:#ef4444;text-shadow:0 0 30px rgba(239,68,68,.5)}
.limbo-target-badge{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 16px;border-radius:20px;
    background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.25);
    font-size:14px;font-weight:600;color:#a78bfa;margin-bottom:16px;
}
.limbo-history{
    display:flex;gap:6px;justify-content:center;flex-wrap:wrap;
    margin-top:12px;
}
.limbo-history-item{
    padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;
}
.limbo-h-win{background:rgba(16,185,129,.12);color:#10b981}
.limbo-h-lose{background:rgba(239,68,68,.1);color:#ef4444}

/* ========================================== */
/* TOWER — BLAZE STYLE                        */
/* ========================================== */
.tower-blaze-display{
    background:linear-gradient(180deg,#0f1923 0%,#0a1219 100%);
    border-radius:14px 14px 0 0;padding:20px;min-height:360px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.tower-blaze-grid{
    max-width:280px;width:100%;margin:0 auto;
}
.tower-row{display:flex;gap:6px;margin-bottom:6px}
.tower-cell{
    flex:1;aspect-ratio:1.4;border-radius:10px;
    background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.08);
    display:flex;align-items:center;justify-content:center;
    font-size:18px;cursor:pointer;transition:all .2s;
}
.tower-cell:hover{
    background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3);
    transform:scale(1.05);
}
.tower-cell.tower-safe{
    background:linear-gradient(145deg,rgba(16,185,129,.25),rgba(16,185,129,.1));
    border-color:#10b981;box-shadow:0 0 14px rgba(16,185,129,.3);
    animation:towerPop .3s ease-out;
}
.tower-cell.tower-danger{
    background:linear-gradient(145deg,rgba(239,68,68,.25),rgba(239,68,68,.1));
    border-color:#ef4444;box-shadow:0 0 14px rgba(239,68,68,.3);
    animation:towerShake .4s;
}
.tower-cell.tower-reveal{
    background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.25);
    opacity:.5;
}
@keyframes towerPop{0%{transform:scale(1.2)}60%{transform:scale(.95)}100%{transform:scale(1)}}
@keyframes towerShake{
    0%,100%{transform:translateX(0)}
    20%{transform:translateX(-4px)}
    40%{transform:translateX(4px)}
    60%{transform:translateX(-3px)}
    80%{transform:translateX(3px)}
}
.tower-info-bar{
    display:flex;justify-content:center;gap:20px;margin-bottom:16px;
}
.tower-info-item{text-align:center}
.tower-info-item label{display:block;font-size:11px;color:rgba(255,255,255,.4);text-transform:uppercase;margin-bottom:4px}
.tower-info-item span{font-size:20px;font-weight:700;color:#fff}

/* ========================================== */
/* BLACKJACK — BLAZE STYLE                    */
/* ========================================== */
.bj-blaze-display{
    background:linear-gradient(180deg,#0f1923 0%,#0a1219 100%);
    border-radius:14px 14px 0 0;padding:24px 20px;min-height:380px;
    display:flex;align-items:center;justify-content:center;
}
.bj-blaze-container{width:100%;max-width:460px}
.bj-section{margin-bottom:10px}
.bj-section-header{
    display:flex;justify-content:space-between;align-items:center;
    margin-bottom:10px;
}
.bj-section-label{
    font-size:12px;color:rgba(255,255,255,.4);text-transform:uppercase;
    font-weight:600;letter-spacing:.5px;
}
.bj-score-badge{
    padding:4px 12px;border-radius:8px;font-size:14px;font-weight:700;
    background:rgba(139,92,246,.15);color:#a78bfa;
    border:1px solid rgba(139,92,246,.2);
}
.bj-cards-row{
    display:flex;gap:8px;justify-content:center;min-height:96px;
    flex-wrap:wrap;
}
.bj-card{
    width:64px;height:90px;border-radius:10px;
    background:linear-gradient(145deg,#1e293b,#0f172a);
    border:2px solid rgba(255,255,255,.12);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    position:relative;animation:bjDeal .4s ease-out;
}
@keyframes bjDeal{0%{transform:translateY(-30px) scale(.7);opacity:0}100%{transform:translateY(0) scale(1);opacity:1}}
.bj-card .bj-card-rank-top{position:absolute;top:6px;left:8px;font-size:12px;font-weight:700;color:#fff}
.bj-card .bj-card-suit-center{font-size:28px}
.bj-card .bj-card-rank-bottom{position:absolute;bottom:6px;right:8px;font-size:12px;font-weight:700;color:#fff;transform:rotate(180deg)}
.bj-card-red .bj-card-rank-top,.bj-card-red .bj-card-suit-center,.bj-card-red .bj-card-rank-bottom{color:#ef4444}
.bj-card-hidden{
    background:linear-gradient(145deg,#312e81,#1e1b4b);
    border-color:rgba(139,92,246,.3);
}
.bj-card-hidden .bj-card-back{font-size:32px;color:rgba(255,255,255,.3);font-weight:900}
.bj-vs-divider{
    text-align:center;padding:8px 0;font-size:14px;font-weight:900;
    color:rgba(255,255,255,.15);letter-spacing:3px;
}
.bj-action-grid{display:flex;gap:8px;margin-top:10px;display:none}
.bj-btn-hit,.bj-btn-stand,.bj-btn-double{
    flex:1;padding:12px;border-radius:10px;border:none;
    font-weight:700;font-size:13px;cursor:pointer;transition:.2s;
}
.bj-btn-hit{
    background:linear-gradient(180deg,#10b981,#059669);color:#fff;
    box-shadow:0 3px 12px rgba(16,185,129,.25);
}
.bj-btn-stand{
    background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;
    box-shadow:0 3px 12px rgba(239,68,68,.25);
}
.bj-btn-double{
    background:linear-gradient(180deg,#f59e0b,#d97706);color:#fff;
    box-shadow:0 3px 12px rgba(245,158,11,.25);
}
.bj-btn-hit:hover,.bj-btn-stand:hover,.bj-btn-double:hover{transform:translateY(-1px)}
.bj-result-banner{
    text-align:center;padding:14px;border-radius:10px;
    font-weight:700;font-size:16px;margin-top:12px;display:none;
}
.bj-result-win{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}
.bj-result-lose{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}
.bj-result-bj{background:rgba(245,158,11,.12);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}
.bj-result-push{background:rgba(139,92,246,.1);color:#a78bfa;border:1px solid rgba(139,92,246,.25)}

/* ========================================== */
/* RESPONSIVE — ALL BLAZE GAMES               */
/* ========================================== */
@media(max-width:768px){
    .dice-result-number{font-size:48px}
    .dice-info-cards{grid-template-columns:repeat(3,1fr);gap:6px}
    .keno-blaze-grid{grid-template-columns:repeat(5,1fr)}
    .roulette-wheel{width:220px;height:220px}
    .roulette-inner{width:220px;height:220px}
    .roulette-center-num{font-size:32px}
    .roulette-bet-grid{grid-template-columns:repeat(2,1fr)}
    .hilo-cards-area{gap:12px}
    .hilo-blaze-card{width:80px;height:110px}
    .hilo-blaze-card .hilo-card-rank{font-size:28px}
    .limbo-result-ring{width:140px;height:140px}
    .limbo-result-value{font-size:38px}
    .bj-card{width:52px;height:74px}
    .bj-card .bj-card-suit-center{font-size:22px}
    .bj-card .bj-card-rank-top,.bj-card .bj-card-rank-bottom{font-size:10px}
    .tower-blaze-grid{max-width:240px}
    .slots-reel-wrap{max-width:56px}
    .slot-reel-blaze{font-size:28px}
}
@media(max-width:480px){
    .dice-result-number{font-size:36px}
    .dice-info-cards{grid-template-columns:1fr}
    .keno-blaze-grid{grid-template-columns:repeat(5,1fr);gap:4px}
    .keno-blaze-cell{font-size:12px}
    .roulette-wheel{width:180px;height:180px}
    .roulette-inner{width:180px;height:180px}
    .roulette-center-num{font-size:26px}
    .hilo-blaze-card{width:70px;height:100px}
    .hilo-blaze-card .hilo-card-rank{font-size:22px}
    .limbo-result-ring{width:120px;height:120px}
    .limbo-result-value{font-size:30px}
    .bj-card{width:44px;height:64px}
    .bj-card .bj-card-suit-center{font-size:18px}
    .bj-card .bj-card-rank-top,.bj-card .bj-card-rank-bottom{font-size:9px}
    .blaze-play-btn{font-size:13px;padding:12px 0}
    .blaze-bottom-tab{font-size:12px;padding:10px 8px}
    .tower-blaze-grid{max-width:200px}
    .slots-reel-wrap{max-width:48px}
    .slot-reel-blaze{font-size:24px}
}

/* ===== SKELETON SHIMMER ===== */
.skeleton{background:linear-gradient(90deg,rgba(139,92,246,.04) 25%,rgba(139,92,246,.08) 50%,rgba(139,92,246,.04) 75%);
    background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:8px}
.skeleton-text{height:14px;margin-bottom:8px;border-radius:4px}
.skeleton-text:last-child{width:60%}
.skeleton-card{height:160px;border-radius:12px}
@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ===== FOCUS VISIBLE ===== */
:focus-visible{outline:2px solid rgba(139,92,246,.5);outline-offset:2px;border-radius:4px}

/* ===== SELECTION ===== */
::selection{background:rgba(139,92,246,.3);color:#fff}

/* ======================================================
   VISUAL POLISH — Professional Enhancements
   ====================================================== */

/* --- Animated page fade-in --- */
@keyframes pageFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.game-wrapper{animation:pageFadeIn .4s ease-out}

/* --- Game display glow pulse --- */
@keyframes displayPulse{0%,100%{box-shadow:inset 0 0 60px rgba(139,92,246,0.03)}50%{box-shadow:inset 0 0 80px rgba(139,92,246,0.06)}}
.game-display{animation:displayPulse 6s ease-in-out infinite}

/* --- Enhanced game controls --- */
.game-controls{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* --- Professional input styling --- */
.game-input-row input[type="number"],
.game-input-row input,
.bet-input{
    transition:all .2s ease;
    border:1px solid rgba(139,92,246,0.08);
}
.game-input-row input[type="number"]:focus,
.game-input-row input:focus,
.bet-input:focus{
    border-color:rgba(139,92,246,.35);
    box-shadow:0 0 0 3px rgba(139,92,246,.08),0 0 12px rgba(139,92,246,.1);
}

/* --- Bet button press animation --- */
.game-play-btn{transition:all .25s cubic-bezier(.4,0,.2,1)}
.game-play-btn:active{transform:scale(.96) translateY(1px)!important;filter:brightness(.9)!important}

/* --- Enhanced history pills --- */
.game-history-pill{transition:all .3s ease;position:relative;overflow:hidden}
.game-history-pill::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 60%);opacity:0;transition:opacity .2s ease}
.game-history-pill:hover{transform:scale(1.15);z-index:2}
.game-history-pill:hover::after{opacity:1}
@keyframes pillSlideIn{from{opacity:0;transform:translateX(20px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}
.game-history-pill.new-pill{animation:pillSlideIn .35s cubic-bezier(.34,1.56,.64,1)}

/* --- Floating game badge glow --- */
.game-status-badge{animation:badgePulse 2s ease-in-out infinite}
@keyframes badgePulse{0%,100%{opacity:1}50%{opacity:.7}}

/* --- Enhanced tabs --- */
.game-tab{position:relative;overflow:hidden}
.game-tab::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--purple);transition:all .25s ease;transform:translateX(-50%)}
.game-tab.active::after,.game-tab:hover::after{width:80%}

/* --- Game card lift effect (homepage) --- */
.game-card{transition:all .3s cubic-bezier(.4,0,.2,1)}
.game-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px rgba(139,92,246,.15);z-index:3}
.game-card:active{transform:translateY(-2px) scale(.99)}
.game-card::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent 60%,rgba(139,92,246,.08) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.game-card:hover::after{opacity:1}

/* --- Game card image shine --- */
.game-card .game-icon{position:relative;overflow:hidden}
.game-card .game-icon::before{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:skewX(-20deg);transition:left .5s ease;z-index:2;pointer-events:none}
.game-card:hover .game-icon::before{left:125%}

/* --- Win result pop --- */
@keyframes winPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
@keyframes loseFade{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}
.win-result{animation:winPop .4s cubic-bezier(.34,1.56,.64,1)}
.lose-result{animation:loseFade .3s ease-out}

/* --- Multiplier counter glow on win --- */
@keyframes multGlow{0%{text-shadow:0 0 10px rgba(16,185,129,.3)}50%{text-shadow:0 0 25px rgba(16,185,129,.6),0 0 50px rgba(16,185,129,.2)}100%{text-shadow:0 0 10px rgba(16,185,129,.3)}}
.multiplier-win{animation:multGlow 1.5s ease-in-out}

/* --- Crash graph canvas glow --- */
.crash-graph-display{position:relative}
.crash-graph-display::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,rgba(139,92,246,.04) 0%,transparent 100%);pointer-events:none;z-index:0}

/* --- Dice slider enhancement --- */
.dice-slider-fill{transition:width .3s ease;position:relative}
.dice-slider-fill::after{content:'';position:absolute;top:0;right:0;bottom:0;width:4px;border-radius:0 4px 4px 0;background:rgba(255,255,255,.5);filter:blur(2px)}
.dice-slider-thumb{transition:left .3s ease,transform .15s ease}
.dice-slider-thumb:hover{transform:translateX(-50%) scale(1.2)}
.dice-result-number{transition:all .3s ease}

/* --- Mines grid cell polish --- */
.mine-cell{transition:all .2s cubic-bezier(.4,0,.2,1)}
.mine-cell:hover:not(.revealed){transform:scale(1.08);box-shadow:0 0 20px rgba(139,92,246,.2);z-index:2}
.mine-cell:active:not(.revealed){transform:scale(.94)}
@keyframes mineReveal{0%{transform:rotateY(90deg) scale(.5);opacity:0}100%{transform:rotateY(0) scale(1);opacity:1}}
.mine-cell.revealed{animation:mineReveal .4s cubic-bezier(.34,1.56,.64,1)}

/* --- Plinko ball glow --- */
@keyframes plinkoGlow{0%,100%{box-shadow:0 0 8px rgba(139,92,246,.4)}50%{box-shadow:0 0 20px rgba(139,92,246,.7),0 0 40px rgba(139,92,246,.2)}}

/* --- Blackjack card flip enhancement --- */
@keyframes cardDeal{0%{transform:translateY(-30px) rotateZ(10deg) scale(.7);opacity:0}60%{transform:translateY(3px) rotateZ(-1deg) scale(1.02)}100%{transform:translateY(0) rotateZ(0) scale(1);opacity:1}}
.bj-card{transition:all .3s ease}
.bj-card.dealing{animation:cardDeal .4s cubic-bezier(.34,1.56,.64,1)}

/* --- Tower floor reveal --- */
@keyframes towerFloorReveal{0%{opacity:0;transform:scaleX(.3)}100%{opacity:1;transform:scaleX(1)}}

/* --- Keno ball bounce --- */
@keyframes kenoBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}100%{transform:scale(1)}}

/* --- Roulette spin enhancement --- */
@keyframes rouletteResult{0%{transform:scale(.5) rotate(-20deg);opacity:0}50%{transform:scale(1.1) rotate(3deg)}100%{transform:scale(1) rotate(0);opacity:1}}

/* --- Hilo card flip --- */
@keyframes hiloFlip{0%{transform:rotateY(0);opacity:1}45%{transform:rotateY(90deg);opacity:.5}55%{transform:rotateY(90deg);opacity:.5}100%{transform:rotateY(0);opacity:1}}

/* --- Enhanced message/toast --- */
.toast-message{animation:toastIn .35s cubic-bezier(.34,1.56,.64,1)}
@keyframes toastIn{from{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}

/* --- Sidebar link active indicator --- */
.sidebar-link.active{position:relative}
.sidebar-link.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--purple);border-radius:0 4px 4px 0}

/* --- Footer bar glass effect --- */
.game-footer-bar{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* --- Blaze bottom section polish --- */
.blaze-bets-table tr{transition:background .15s ease}
.blaze-bets-table tr:hover{background:rgba(139,92,246,.04)}
.bet-avatar{box-shadow:0 0 0 2px rgba(139,92,246,.15)}

/* --- Info modal polish --- */
.crash-info-modal,.mines-info-modal,.info-modal{animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes modalSlideUp{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}

/* --- Loading skeleton for balance --- */
@keyframes skeletonShine{0%{background-position:-200px 0}100%{background-position:200px 0}}
.balance-loading{background:linear-gradient(90deg,rgba(139,92,246,.05) 25%,rgba(139,92,246,.12) 50%,rgba(139,92,246,.05) 75%);background-size:400px 100%;animation:skeletonShine 1.5s infinite}

/* --- Game wrapper entrance for each game type --- */
.crash-graph-display{animation:pageFadeIn .5s ease-out .1s both}
.mines-display{animation:pageFadeIn .5s ease-out .1s both}
.dice-blaze-display{animation:pageFadeIn .5s ease-out .1s both}

/* --- Quick bet buttons enhancement --- */
.input-btn{transition:all .15s ease;position:relative}
.input-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(139,92,246,.15)}
.input-btn:active{transform:scale(.95)}

/* --- Filter buttons highlight --- */
.filter-btn{transition:all .2s ease}
.filter-btn:hover{transform:translateY(-2px)}
.filter-btn.active{box-shadow:0 4px 16px rgba(139,92,246,.25)}

/* --- Provably fair badge --- */
.game-provably{transition:all .2s ease}
.game-provably:hover{color:var(--purple-light);transform:scale(1.02)}

/* --- Scrollbar for horizontal pill bars --- */
.game-history-bar::-webkit-scrollbar{height:3px}
.game-history-bar::-webkit-scrollbar-thumb{background:rgba(139,92,246,.2);border-radius:6px}

/* --- Number counter animation utility --- */
@keyframes countUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.count-anim{animation:countUp .3s ease-out}

/* --- Subtle grid dots background for game display --- */
.game-display{background-image:radial-gradient(rgba(139,92,246,.04) 1px,transparent 1px);background-size:24px 24px}

/* ===== FORTUNE TIGER (TIGRINHO) ===== */
.tiger-display{display:flex;align-items:center;justify-content:center;padding:20px}
.tiger-machine{
    width:100%;max-width:460px;margin:0 auto;
    background:linear-gradient(180deg,#1a0800 0%,#2d1000 40%,#1a0800 100%);
    border-radius:20px;padding:24px;
    border:2px solid rgba(255,165,0,.25);
    box-shadow:0 0 60px rgba(255,120,0,.15),0 0 120px rgba(255,80,0,.05),inset 0 1px 0 rgba(255,200,100,.1);
    position:relative;overflow:hidden;
}
.tiger-machine::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 50% 0%,rgba(255,165,0,.08) 0%,transparent 60%);
    pointer-events:none;
}

/* Tiger header */
.tiger-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative;z-index:1}
.tiger-logo{display:flex;align-items:center;gap:12px}
.tiger-emoji{font-size:42px;filter:drop-shadow(0 4px 12px rgba(255,165,0,.5));
    animation:tigerBounce 2s ease-in-out infinite}
@keyframes tigerBounce{0%,100%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-3deg)}75%{transform:scale(1.05) rotate(2deg)}}
.tiger-title h2{font-size:18px;font-weight:900;
    background:linear-gradient(135deg,#ffd700,#ff8c00,#ff6b00);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
    letter-spacing:1px;text-shadow:none}
.tiger-title span{font-size:10px;color:#b8860b;letter-spacing:2px;text-transform:uppercase;font-weight:600}

.tiger-multiplier{
    font-size:22px;font-weight:900;color:#666;
    background:rgba(0,0,0,.4);padding:8px 16px;border-radius:10px;
    border:1px solid rgba(255,165,0,.1);font-variant-numeric:tabular-nums;
    transition:all .3s;min-width:90px;text-align:center}
.tiger-multiplier.tiger-win{color:#ffd700;border-color:rgba(255,215,0,.4);
    box-shadow:0 0 20px rgba(255,215,0,.2);
    animation:tigerPulseGold .5s ease 3}
.tiger-multiplier.tiger-lose{color:#ef4444}
@keyframes tigerPulseGold{0%,100%{box-shadow:0 0 20px rgba(255,215,0,.2)}50%{box-shadow:0 0 40px rgba(255,215,0,.5)}}

/* Reels frame */
.tiger-reels-frame{
    position:relative;
    background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.2));
    border-radius:16px;padding:20px 16px;
    border:1px solid rgba(255,165,0,.15);
    box-shadow:inset 0 4px 20px rgba(0,0,0,.5)}
.tiger-reels-container{display:flex;gap:12px;justify-content:center;position:relative;z-index:1}
.tiger-reel-wrap{
    flex:1;max-width:120px;
    background:linear-gradient(180deg,rgba(139,37,0,.3),rgba(80,20,0,.4));
    border-radius:12px;border:2px solid rgba(255,165,0,.15);
    padding:16px 8px;text-align:center;
    transition:all .3s;position:relative;overflow:hidden}
.tiger-reel-wrap::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,200,100,.3),transparent)}
.tiger-reel{font-size:52px;line-height:1;transition:transform .2s}
.tiger-reel span{display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}

/* Spinning animation */
.tiger-spinning{animation:tigerSpin .1s linear infinite}
.tiger-spinning span{filter:blur(2px) drop-shadow(0 2px 8px rgba(0,0,0,.5))}
@keyframes tigerSpin{0%{transform:translateY(-5px)}50%{transform:translateY(5px)}100%{transform:translateY(-5px)}}

/* Landing animation */
.tiger-landing{animation:tigerLand .4s cubic-bezier(.17,.67,.35,1.5)}
@keyframes tigerLand{0%{transform:scale(.7) translateY(-20px)}60%{transform:scale(1.15) translateY(4px)}100%{transform:scale(1) translateY(0)}}

/* Land flash */
.tiger-land-flash{background:linear-gradient(180deg,rgba(255,165,0,.3),rgba(139,37,0,.4)) !important;
    border-color:rgba(255,165,0,.4) !important;
    box-shadow:0 0 25px rgba(255,165,0,.2)}

/* Highlight winning reels */
.tiger-highlight{
    border-color:rgba(255,215,0,.6) !important;
    box-shadow:0 0 30px rgba(255,215,0,.3),inset 0 0 20px rgba(255,215,0,.1) !important;
    animation:tigerGlow 1s ease infinite}
@keyframes tigerGlow{0%,100%{box-shadow:0 0 20px rgba(255,215,0,.2)}50%{box-shadow:0 0 40px rgba(255,215,0,.4),inset 0 0 25px rgba(255,215,0,.15)}}

/* Payline */
.tiger-payline{position:absolute;left:8px;right:8px;top:50%;height:2px;
    background:linear-gradient(90deg,transparent,rgba(255,215,0,.6),transparent);
    transform:translateY(-50%);z-index:2;pointer-events:none;
    box-shadow:0 0 8px rgba(255,215,0,.3)}
.tiger-glow-line{position:absolute;left:0;right:0;height:2px;z-index:2;pointer-events:none}
.tiger-glow-line.top{top:0;background:linear-gradient(90deg,transparent,rgba(255,165,0,.2),transparent)}
.tiger-glow-line.bottom{bottom:0;background:linear-gradient(90deg,transparent,rgba(255,100,0,.15),transparent)}

/* Result */
.tiger-result{text-align:center;margin-top:16px;padding:12px;border-radius:12px;
    font-weight:800;font-size:18px;animation:tigerResultPop .4s cubic-bezier(.17,.67,.35,1.5)}
.tiger-result-win{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,165,0,.1));
    border:1px solid rgba(255,215,0,.3);color:#ffd700;
    box-shadow:0 4px 20px rgba(255,215,0,.15)}
.tiger-result-lose{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);color:#f87171}
.tiger-result-icon{font-size:24px;margin-right:8px}
.tiger-result-text small{font-size:13px;opacity:.7}
@keyframes tigerResultPop{0%{transform:scale(.5);opacity:0}100%{transform:scale(1);opacity:1}}

/* Fortune coins decoration */
.tiger-fortune-coins{display:flex;justify-content:center;gap:16px;margin-top:16px;
    font-size:22px;opacity:.4}

/* Mega win machine shake */
.tiger-mega-win{animation:tigerShake .4s ease 5}
@keyframes tigerShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px) rotate(-1deg)}40%{transform:translateX(4px) rotate(1deg)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}

/* Tiger game card styling */
.game-card-image.tiger{background:linear-gradient(135deg,#8b2500,#cc5500,#ff8c00) !important}

/* Tiger spin button override */
.tiger-spin-btn{background:linear-gradient(135deg,#ff8c00,#cc5500,#8b2500) !important;
    box-shadow:0 4px 20px rgba(255,140,0,.3) !important}
.tiger-spin-btn:hover{box-shadow:0 6px 30px rgba(255,140,0,.5) !important;transform:translateY(-2px)}
.tiger-spin-btn:active{transform:translateY(1px)}

/* Responsive */
@media(max-width:480px){
    .tiger-machine{padding:16px}
    .tiger-reel{font-size:38px}
    .tiger-emoji{font-size:32px}
    .tiger-title h2{font-size:14px}
    .tiger-multiplier{font-size:18px;padding:6px 12px}
    .tiger-header{flex-wrap:wrap;gap:8px}
}

/* ================================================================
   ULTRA PROFESSIONAL VISUAL UPGRADE — Lumo Games v2
   ================================================================ */

/* ---- ENHANCED HERO BANNER ---- */
.hero-banner{background:linear-gradient(135deg,#0f0f28 0%,#1a0a30 40%,#0a1a2a 100%);border-color:rgba(139,92,246,.12);position:relative}
.hero-banner::after{content:'';position:absolute;inset:0;background:
  radial-gradient(ellipse at 80% 30%,rgba(139,92,246,.08) 0%,transparent 50%),
  radial-gradient(ellipse at 20% 80%,rgba(6,182,212,.06) 0%,transparent 50%);pointer-events:none;z-index:1}
.hero-content{z-index:2}
.hero-title{line-height:1.1;text-shadow:0 2px 40px rgba(0,0,0,.3)}

/* ---- ANIMATED HERO STEPS ---- */
.hero-steps .step{padding:6px 12px;background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.1);border-radius:8px;transition:all .2s ease}
.hero-steps .step:hover{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.25);transform:translateY(-2px)}

/* ---- CATEGORY BOXES GLOW ---- */
.category-box{background:linear-gradient(135deg,rgba(15,15,35,.9),rgba(26,10,48,.6));overflow:hidden}
.category-box::after{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.05) 0%,transparent 60%);pointer-events:none;transition:all .4s ease}
.category-box:hover::after{right:-30%;opacity:1.5}
.category-box:hover{box-shadow:0 8px 40px rgba(139,92,246,.12);border-color:rgba(139,92,246,.2)}
.category-box-icon{opacity:.12;transition:all .3s ease}
.category-box:hover .category-box-icon{opacity:.2;transform:translateY(-50%) scale(1.1)}

/* ---- ENHANCED STAT CARDS ---- */
.stat-card{background:linear-gradient(135deg,rgba(15,15,28,.95),rgba(20,20,38,.9));position:relative;overflow:hidden}
.stat-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--purple);border-radius:3px 0 0 3px;opacity:0;transition:opacity .3s ease}
.stat-card:hover::before{opacity:1}
.stat-card:hover{background:linear-gradient(135deg,rgba(20,15,40,.95),rgba(25,20,45,.9))}
.stat-icon{transition:all .3s ease}
.stat-card:hover .stat-icon{transform:scale(1.1);box-shadow:0 4px 16px rgba(139,92,246,.15)}

/* ---- GAME CARDS PREMIUM ---- */
.game-card{overflow:hidden}
.game-card::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transform:skewX(-20deg);z-index:1;transition:left .6s ease;pointer-events:none}
.game-card:hover::before{left:130%}
.game-card-image{position:relative}
.game-card-image::after{background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.6) 100%)}

/* ---- GAME CARD IMAGE ANIMATED BG ---- */
@keyframes gameCardFloat{0%,100%{background-position:50% 50%}50%{background-position:50% 45%}}
.game-card-image{animation:gameCardFloat 6s ease-in-out infinite;background-size:120% 120%}

/* ---- LIVE BETS TABLE PREMIUM ---- */
.live-bets-table{width:100%;border-collapse:separate;border-spacing:0}
.live-bets-table thead th{padding:12px 16px;font-size:10px;font-weight:700;color:var(--text-dark);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-color);background:rgba(139,92,246,.02)}
.live-bets-table tbody tr{transition:all .2s ease}
.live-bets-table tbody tr:hover{background:rgba(139,92,246,.04)}
.live-bets-table tbody td{padding:12px 16px;font-size:13px;color:var(--text);border-bottom:1px solid rgba(255,255,255,.02)}
.player-name{font-weight:600;color:var(--text)}
.game-name{padding:3px 10px;background:rgba(139,92,246,.08);border-radius:6px;font-size:11px;font-weight:700;color:var(--purple-light)}

/* Game display, play button, paytable, per-game enhancements, win effects,
   bottom section, bets table, scrollbar, game footer, crash bar, double wheel,
   plinko glow, tiger, game controls input, info modals, result banners,
   responsive game polish, animations, game wrapper, game layout, input focus,
   game messages, multiplier badges, and CTA styles moved to games-premium.css */