:root {
  --primary:#FF6B00; --primary2:#FF8C00;
  --bg:#05050F; --bg2:#0D0D1A; --card:#111120; --border:#1E1E35;
  --text:#FFFFFF; --text2:#8888AA; --gold:#FFD700; --green:#00E676; --cyan:#00BFFF;
  --r:14px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:'Exo 2',sans-serif;min-height:100vh;overflow-x:hidden}
.bg-gradient{position:fixed;top:0;left:0;right:0;height:350px;background:radial-gradient(ellipse at 50% 0%,rgba(255,107,0,0.18),transparent 70%);pointer-events:none;z-index:0}

/* HEADER */
.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:sticky;top:0;background:rgba(5,5,15,0.96);backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--border)}
.logo-img{height:38px;object-fit:contain}
.header-right{display:flex;align-items:center;gap:8px}
.balance-pill{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:6px 12px;cursor:pointer;transition:border-color 0.2s}
.balance-pill:hover{border-color:var(--primary)}
.bal-coin-img{width:20px;height:20px;object-fit:contain}
.add-btn{color:var(--primary);font-size:12px;margin-left:2px}

/* WALLET TOP BAR */
.wallet-top-bar{display:flex;gap:8px;padding:10px 16px;background:var(--bg2);border-bottom:1px solid var(--border)}
.wtb-item{flex:1;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:8px 10px;cursor:pointer;transition:border-color 0.2s;text-align:center}
.wtb-item:hover{border-color:var(--primary)}
.wtb-label{font-size:9px;color:var(--text2);font-family:Orbitron;font-weight:700;letter-spacing:0.5px;margin-bottom:3px}
.wtb-value{font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px}
.wtb-coin{width:14px;height:14px;object-fit:contain}
.balance-item .wtb-value{color:var(--gold)}
.deposit-item .wtb-value{color:var(--cyan)}
.withdraw-item .wtb-value{color:var(--primary)}

/* LIVE FEED */
.live-feed{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,107,0,0.05);border-bottom:1px solid var(--border);overflow:hidden}
.live-feed-badge{display:flex;align-items:center;gap:4px;font-family:Orbitron;font-size:9px;font-weight:800;color:var(--primary);flex-shrink:0;letter-spacing:1px}
.feed-scroll{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent)}
.feed-inner{display:flex;gap:24px;animation:feedScroll 30s linear infinite;white-space:nowrap}
@keyframes feedScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.feed-item{font-size:11px;color:var(--text2);white-space:nowrap}
.feed-win{color:var(--green);font-weight:700}
.feed-game{color:var(--primary);font-weight:600}

/* TRUST BADGE DOT */
.trust-badge-dot{width:7px;height:7px;background:var(--green);border-radius:50%;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.8)}}

/* WELCOME BAR */
.welcome-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--card);margin:12px 16px;border-radius:var(--r);border:1px solid var(--border)}
.welcome-text{font-size:13px;color:var(--text2);margin-bottom:2px}
.welcome-name{color:var(--text);font-weight:700}
.welcome-sub{font-family:Orbitron;font-size:12px;font-weight:800;margin-top:2px}
.accent-text{color:var(--primary)}
.daily-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(255,107,0,0.2),rgba(255,140,0,0.1));border:1px solid rgba(255,107,0,0.35);border-radius:10px;padding:8px 12px;cursor:pointer;flex-shrink:0}
.daily-img{width:32px;height:32px;object-fit:contain}
.daily-title{font-family:Orbitron;font-size:10px;font-weight:800;color:var(--primary)}
.daily-sub{font-size:10px;color:var(--text2)}

/* TRUST BAR */
.trust-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:rgba(0,0,0,0.3);border-bottom:1px solid var(--border);font-size:11px;color:var(--text2);overflow-x:auto}
.trust-bar::-webkit-scrollbar{display:none}
.trust-badge{display:flex;align-items:center;gap:5px;color:var(--green);font-weight:700;white-space:nowrap}
.trust-dot{width:3px;height:3px;background:var(--border);border-radius:50%;flex-shrink:0}
.trust-item{display:flex;align-items:center;gap:5px;white-space:nowrap}
.trust-item i{color:var(--primary)}

/* GAMES SECTION */
.games-section{padding:0 16px 110px}
.section-header{display:flex;align-items:center;justify-content:space-between;margin:16px 0 12px}
.section-title{font-family:Orbitron;font-size:13px;font-weight:800}
.section-title i{color:var(--primary);margin-right:6px}
.section-more{font-size:12px;color:var(--primary);cursor:pointer}

/* GAME CARDS */
.game-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin-bottom:12px;position:relative;overflow:hidden;cursor:pointer;transition:border-color 0.2s,transform 0.15s}
.game-card:hover{border-color:var(--primary);transform:translateY(-1px)}
.card-glow{position:absolute;top:-40px;right:-40px;width:150px;height:150px;border-radius:50%;filter:blur(50px);pointer-events:none}
.crash-glow{background:rgba(255,107,0,0.45)}
.slots-glow{background:rgba(255,215,0,0.35)}
.wheel-glow{background:rgba(0,191,255,0.35)}
.card-num{position:absolute;top:12px;right:16px;font-family:Orbitron;font-size:36px;font-weight:900;color:rgba(255,255,255,0.04)}
.card-body{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.card-img-wrap{flex-shrink:0;width:72px;height:72px;display:flex;align-items:center;justify-content:center}
.card-game-img{width:100%;height:100%;object-fit:contain}
.card-name{font-family:Orbitron;font-size:14px;font-weight:900;margin-bottom:4px}
.card-desc{font-size:12px;color:var(--text2);margin-bottom:8px;line-height:1.4}
.card-tags{display:flex;gap:6px;flex-wrap:wrap}
.tag-mult{background:linear-gradient(135deg,var(--primary),#FF8C00);color:#000;font-size:10px;font-weight:800;padding:3px 10px;border-radius:20px;font-family:Orbitron}
.tag-live{display:flex;align-items:center;gap:4px;background:rgba(0,230,118,0.12);border:1px solid rgba(0,230,118,0.3);color:#00E676;font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px}
.live-dot{width:6px;height:6px;background:#00E676;border-radius:50%;animation:pulse 1.5s infinite}
.card-play-btn{width:100%;padding:11px;border:none;border-radius:8px;font-family:Orbitron;font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity 0.2s}
.card-play-btn:hover{opacity:0.9}
.crash-play-btn,.wheel-play-btn{background:linear-gradient(135deg,#FF6B00,#FF8C00);color:#000}
.slots-play-btn{background:linear-gradient(135deg,#FFD700,#FFA500);color:#000}

/* STATS */
.stats-section{margin:0 16px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:14px}
.stats-title{font-family:Orbitron;font-size:11px;font-weight:800;color:var(--text2);margin-bottom:12px;letter-spacing:0.5px}
.stats-title i{color:var(--primary);margin-right:6px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.stat-item{text-align:center}
.stat-val{font-family:Orbitron;font-size:13px;font-weight:900;margin-bottom:2px}
.stat-val.orange{color:var(--primary)}
.stat-val.gold{color:var(--gold)}
.stat-val.green{color:var(--green)}
.stat-lbl{font-size:10px;color:var(--text2)}

/* BOTTOM NAV */
.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(5,5,15,0.98);border-top:1px solid var(--border);display:flex;padding:6px 0 max(6px,env(safe-area-inset-bottom));z-index:200}
.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;cursor:pointer;opacity:0.45;transition:opacity 0.2s}
.nav-item.active{opacity:1}
.nav-png-ico{width:20px;height:20px;object-fit:contain}
.nav-lbl{font-size:8px;font-family:Orbitron;font-weight:700;letter-spacing:0.3px}

/* PAGES */
.page{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);overflow-y:auto;z-index:150;padding-bottom:90px}
.page.hidden{display:none}
.pg-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgba(5,5,15,0.98);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}
.back-btn{width:36px;height:36px;background:var(--card);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;flex-shrink:0;transition:border-color 0.2s}
.back-btn:hover{border-color:var(--primary)}
.pg-title{font-family:Orbitron;font-size:15px;font-weight:900;letter-spacing:0.5px}

/* CHIPS */
.bchip{padding:8px 14px;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:Orbitron;font-size:11px;cursor:pointer;margin:3px;transition:all 0.15s}
.bchip.sel,.bchip:hover{background:var(--primary);border-color:var(--primary);color:#000}
input[type=number]::-webkit-inner-spin-button{opacity:1}

/* TOAST */
.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--card);border:1px solid var(--border);border-radius:20px;padding:10px 20px;font-size:13px;z-index:999;white-space:nowrap;max-width:90vw;text-align:center}
.toast.hidden{display:none}
.toast.success{border-color:#00E676;color:#00E676}
.toast.error{border-color:#FF4444;color:#FF4444}
.toast.info{border-color:var(--primary);color:var(--primary)}

/* POPUP */
.popup{position:fixed;inset:0;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;z-index:999;backdrop-filter:blur(6px)}
.popup.hidden{display:none}
.popup-box{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px;width:min(320px,90vw);text-align:center}
.popup-bar{height:4px;border-radius:2px;margin:-24px -24px 20px;background:linear-gradient(90deg,var(--primary),#FF8C00)}
.popup-title{font-family:Orbitron;font-size:18px;font-weight:900;color:var(--primary);margin-bottom:8px}
.popup-amount{font-family:Orbitron;font-size:32px;font-weight:900;color:var(--gold);margin:12px 0}
.popup-btn{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--primary),#FF8C00);color:#000;font-family:Orbitron;font-size:14px;font-weight:900;cursor:pointer;margin-top:8px}

/* WALLET PAGE */
.pkg-title{font-family:Orbitron;font-size:11px;font-weight:800;color:var(--text2);padding:16px 16px 8px;letter-spacing:1px}
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px}
.pkg{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 8px;text-align:center;cursor:pointer;position:relative;transition:border-color 0.2s}
.pkg:hover,.pkg.hot{border-color:var(--primary)}
.pkg-hot-tag{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:var(--primary);color:#000;font-size:8px;font-weight:800;padding:2px 8px;border-radius:10px;font-family:Orbitron;white-space:nowrap}
.pkg-ico img{width:28px;height:28px;object-fit:contain;margin:0 auto 6px;display:block}
.pkg-coins{font-family:Orbitron;font-size:11px;font-weight:800;margin-bottom:2px}
.pkg-bonus{font-size:9px;color:var(--green);font-weight:700;margin-bottom:4px}
.pkg-price{font-size:12px;color:var(--text2);margin-bottom:8px}
.pkg-buy{width:100%;padding:6px;background:linear-gradient(135deg,var(--primary),#FF8C00);border:none;border-radius:6px;color:#000;font-family:Orbitron;font-size:9px;font-weight:800;cursor:pointer}
.tx-wrap{margin-top:16px}
.tx-title{font-family:Orbitron;font-size:11px;font-weight:800;color:var(--text2);padding:0 16px 8px;letter-spacing:1px}
.tx-list{padding:0 16px}
.tx-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}
.tx-ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.tx-ico.g{background:rgba(0,230,118,0.12);color:#00E676}
.tx-ico.r{background:rgba(255,68,68,0.12);color:#FF4444}
.tx-ico.b{background:rgba(255,107,0,0.12);color:var(--primary)}
.tx-info{flex:1}
.tx-name{font-size:13px;font-weight:600;margin-bottom:2px}
.tx-date{font-size:11px;color:var(--text2)}
.tx-amt{font-family:Orbitron;font-size:13px;font-weight:800}
.tx-amt.pos{color:var(--green)}
.tx-amt.neg{color:#FF4444}

/* LEADERBOARD */
.lb-tabs{display:flex;gap:8px;padding:12px 16px}
.lb-tab{flex:1;padding:10px;background:var(--card);border:1px solid var(--border);border-radius:10px;text-align:center;font-family:Orbitron;font-size:11px;font-weight:800;cursor:pointer;transition:all 0.2s}
.lb-tab.active{background:var(--primary);border-color:var(--primary);color:#000}
.lb-my{display:flex;align-items:center;gap:12px;margin:0 16px 12px;background:var(--card);border:1px solid var(--primary);border-radius:12px;padding:12px}
.lb-my-badge{width:36px;height:36px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#000;flex-shrink:0}
.lb-my-name{font-weight:700;font-size:13px}
.lb-my-score{font-size:12px;color:var(--text2)}
.lb-reward{margin-left:auto;text-align:right}
.lb-reward-lbl{font-size:10px;color:var(--text2)}
.lb-reward-val{font-family:Orbitron;font-size:12px;font-weight:800;color:var(--gold)}
.lb-list{padding:0 16px}
.lb-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}
.lb-pos{width:30px;font-family:Orbitron;font-size:12px;font-weight:800;text-align:center;flex-shrink:0}
.lb-av{width:36px;height:36px;border-radius:50%;background:var(--bg2);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.lb-name{font-weight:700;font-size:13px}
.lb-vip{font-size:10px;color:var(--text2)}
.lb-score{font-family:Orbitron;font-size:12px;font-weight:800;color:var(--gold)}

/* REFERRAL */
.ref-hero{display:flex;align-items:center;justify-content:space-between;margin:16px;background:linear-gradient(135deg,rgba(255,107,0,0.15),rgba(255,140,0,0.08));border:1px solid rgba(255,107,0,0.25);border-radius:var(--r);padding:20px}
.ref-link-box{margin:0 16px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px}
.ref-link-lbl{font-size:11px;color:var(--text2);margin-bottom:8px;font-weight:600}
.ref-link-row{display:flex;gap:8px}
.ref-link-inp{flex:1;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:10px;color:var(--text);font-size:11px;outline:none}
.ref-copy{padding:10px 16px;background:linear-gradient(135deg,var(--primary),#FF8C00);border:none;border-radius:8px;color:#000;font-family:Orbitron;font-size:11px;font-weight:800;cursor:pointer}
.ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 16px 16px}
.ref-stat{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px;text-align:center}
.ref-stat-val{font-family:Orbitron;font-size:16px;font-weight:900;color:var(--primary);margin-bottom:4px}
.ref-stat-lbl{font-size:10px;color:var(--text2)}

/* PROFILE */
.profile-hero{display:flex;align-items:center;gap:16px;margin:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px}
.profile-av{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--primary);flex-shrink:0}
.profile-name{font-family:Orbitron;font-size:14px;font-weight:900;margin-bottom:4px}
.profile-id{font-size:11px;color:var(--text2);margin-bottom:8px}
.profile-vip-row{display:flex;align-items:center;gap:8px}
.pvip-badge{background:linear-gradient(135deg,var(--primary),#FF8C00);color:#000;font-family:Orbitron;font-size:10px;font-weight:800;padding:4px 10px;border-radius:20px}
.xp-wrap{flex:1}
.xp-track{height:4px;background:var(--bg2);border-radius:2px;overflow:hidden;margin-bottom:3px}
.xp-fill{height:100%;background:linear-gradient(90deg,var(--primary),#FF8C00);border-radius:2px;transition:width 0.5s}
.xp-txt{font-size:9px;color:var(--text2)}
.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 16px 12px}
.pstat{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px;text-align:center}
.pstat-ico{font-size:18px;margin-bottom:4px}
.pstat-val{font-family:Orbitron;font-size:13px;font-weight:800;margin-bottom:2px}
.pstat-lbl{font-size:9px;color:var(--text2)}
.streak-card{display:flex;align-items:center;gap:16px;margin:0 16px 12px;background:linear-gradient(135deg,rgba(255,107,0,0.15),rgba(255,140,0,0.08));border:1px solid rgba(255,107,0,0.3);border-radius:var(--r);padding:16px}
.streak-fire{font-size:32px}
.streak-num{font-family:Orbitron;font-size:28px;font-weight:900;color:var(--primary)}
.streak-lbl{font-size:11px;color:var(--text2);font-family:Orbitron;font-weight:700}
.pmenu{margin:0 16px}
.pmenu-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);cursor:pointer}
.pmenu-ico{width:36px;height:36px;background:var(--bg2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.pmenu-text{flex:1}
.pmenu-title{font-weight:700;font-size:13px;margin-bottom:2px}
.pmenu-sub{font-size:11px;color:var(--text2)}
.pmenu-arrow{font-size:20px;color:var(--text2)}