/* ===== 333 BET — mobile first (estilo 456go) ===== */
:root{
  --bg:#0b0e13; --card:#151a22; --card2:#1c2330; --line:#242d3d;
  --txt:#eef2f7; --muted:#8b96a8; --gold:#ffc21a; --red:#ff4d5e; --green:#2fd06f; --purple:#8b5cf6;
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}

html,body{background:#05070b;color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}

body{min-height:100vh;display:flex;flex-direction:column;align-items:center}

button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}

input,textarea{font-family:inherit;background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--txt);width:100%;outline:none;font-size:.95rem}

input:focus,textarea:focus{border-color:var(--gold)}

a{color:var(--gold);text-decoration:none}


/* coluna mobile central — mesmo no desktop fica com largura de celular */
.app{width:100%;max-width:430px;min-height:100vh;background:var(--bg);padding-bottom:70px;position:relative}


/* ===== topo ===== */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;position:sticky;top:0;background:rgba(11,14,19,.95);backdrop-filter:blur(8px);z-index:50;border-bottom:1px solid var(--line)}

.logo{font-size:1.25rem;font-weight:800;letter-spacing:.5px}

.logo b{color:var(--gold)}

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

.wallet{background:var(--card2);border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:.8rem}

.wallet b{color:var(--green)}

.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#ff8c1a);display:flex;align-items:center;justify-content:center;font-weight:800;color:#1a1205}

.avatar.demo{background:linear-gradient(135deg,var(--purple),#5b3bd6);color:#fff}


/* ===== banner de indicação ===== */
.invite-banner{margin:12px 12px 0;border-radius:16px;padding:16px 18px;background:linear-gradient(120deg,#3b1d8f 0%,#7b2ff7 55%,#c13bf7 100%);display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 24px rgba(123,47,247,.35);cursor:pointer}

.ib-txt{display:flex;flex-direction:column;line-height:1.15}

.ib-title{font-weight:800;font-size:1.05rem;color:#fff}

.ib-mid{font-weight:700;font-size:.85rem;color:#ffd76a}

.ib-big{font-size:2rem;font-weight:900;color:#ffe14d;text-shadow:0 2px 0 #b45309,0 4px 10px rgba(0,0,0,.4)}

.ib-sub{font-size:.68rem;color:#e9d5ff;margin-top:4px}

.ib-tiger{font-size:3.2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}


/* ===== botões rápidos ===== */
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px}

.qbtn{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.72rem;color:var(--txt)}

.qbtn .qi{font-size:1.5rem}

.qbtn.gold{background:linear-gradient(160deg,#3a2c07,#6b4e0a);border-color:#8a6a12}


/* ===== barra de boas-vindas ===== */
.welcome-bar{margin:4px 12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:.8rem;color:var(--muted)}


/* ===== categorias ===== */
.prov-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 12px;scrollbar-width:none}

.prov-tabs::-webkit-scrollbar{display:none}

.ptab{flex:0 0 auto;background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:8px 14px;font-size:.78rem;font-weight:600}

.ptab.on{background:var(--gold);color:#1a1205;border-color:var(--gold)}


/* ===== seções ===== */
.sec-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 8px}

.sec-head h3{font-size:1rem;font-weight:800}

.sec-head span{font-size:.75rem;color:var(--muted)}


/* ===== grid de jogos ===== */
.pop{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 12px}

.cas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 12px 20px}

.gcard{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .12s}

.gcard:active{transform:scale(.96)}

.gcard .gimg{height:86px;display:flex;align-items:center;justify-content:center;font-size:2.4rem;overflow:hidden}

.gcard .gimg img{width:100%;height:100%;object-fit:cover;display:block}

.ginfo{padding:8px 8px 10px}

.ginfo h5{font-size:.72rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ginfo p{font-size:.62rem;color:var(--muted);margin-top:2px}

.demo-tag{display:inline-block;background:rgba(47,208,111,.15);color:var(--green);font-size:.55rem;font-weight:800;padding:2px 6px;border-radius:6px;margin-bottom:4px}

.game-search{margin:0 12px 12px}


/* ===== rodapé ===== */
.foot{text-align:center;font-size:.65rem;color:var(--muted);padding:18px 12px 8px}


/* ===== barra inferior ===== */
.bottombar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:rgba(11,14,19,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;z-index:60}

.bb{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 11px;font-size:.62rem;color:var(--muted)}

.bb .ii{font-size:1.25rem}

.bb.on{color:var(--gold)}


/* ===== whatsapp flutuante ===== */
.wa{position:fixed;right:14px;bottom:80px;width:52px;height:52px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;font-size:1.6rem;z-index:70;box-shadow:0 6px 18px rgba(37,211,102,.4)}


/* ===== login gate ===== */
.login-gate{position:fixed;inset:0;background:var(--bg);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}

.login-gate[hidden]{display:none}

.login-box{width:100%;max-width:340px;text-align:center}

.big-logo{font-size:3rem;font-weight:900;letter-spacing:1px}

.big-logo b{color:var(--gold)}

.login-sub{color:var(--muted);font-size:.8rem;margin:6px 0 28px;letter-spacing:3px;text-transform:uppercase}

.login-box input{margin-bottom:12px}

.login-box .btn{width:100%}

.linklike{margin-top:14px;color:var(--gold);font-size:.85rem;font-weight:600;width:100%}


/* ===== modais ===== */
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:100;display:none;align-items:flex-end;justify-content:center}

.modal-bg.open{display:flex}

.modal{width:100%;max-width:430px;background:var(--card);border-radius:20px 20px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));max-height:92vh;overflow:auto}

.modal.wide{max-width:560px;border-radius:20px;margin:16px 0;align-self:center}

.modal h3{font-size:1.05rem;margin-bottom:14px}

.modal .tag{background:var(--gold);color:#1a1205;font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:8px;vertical-align:middle}

.modal input{margin-bottom:12px}

.btn{background:var(--gold);color:#1a1205;font-weight:800;border-radius:12px;padding:13px 18px;font-size:.95rem;width:100%}

.btn.big{padding:15px;font-size:1.05rem}

.btn.red{background:var(--red);color:#fff}

.btn.ghost{background:var(--card2);color:var(--txt);border:1px solid var(--line)}

.alt{margin-top:12px;font-size:.85rem;color:var(--muted);text-align:center}


/* jogo */
#game-frame{width:100%;height:70vh;border:none;border-radius:12px;background:#000}

.game-area{min-height:60vh}

.crash-val{font-size:3.4rem;font-weight:900;text-align:center;margin:26px 0;color:var(--green)}

.crash-val.burst{color:var(--red)}

.bet-inputs{display:flex;gap:8px;margin:12px 0}

.bet-inputs input{flex:1}

.bet-inputs .btn{width:auto;padding:12px 14px}

.hist{display:flex;gap:6px;flex-wrap:wrap}

.hist span{background:var(--card2);border-radius:8px;padding:4px 8px;font-size:.7rem}

.hist span.win{color:var(--green)}
 .hist span.lose{color:var(--red)}


/* admin */
.adm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}

.stat{background:var(--card2);border-radius:12px;padding:12px}

.stat .l{font-size:.68rem;color:var(--muted)}

.stat .v{font-size:1.3rem;font-weight:800;margin-top:4px}

.v.gold{color:var(--gold)}
 .v.green{color:var(--green)}
 .v.red{color:var(--red)}
 .v.purple{color:var(--purple)}

.adm-sec{margin:14px 0}

.adm-sec h4{font-size:.85rem;margin-bottom:10px}

.rtp-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:.78rem}

.rtp-row label{flex:0 0 130px;color:var(--muted)}

.rtp-row input[type=range]{flex:1;accent-color:var(--gold)}

.rtp-row .rv{flex:0 0 44px;text-align:right;color:var(--gold);font-weight:700}

table{width:100%;border-collapse:collapse;font-size:.75rem}

th,td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left}

th{color:var(--muted);font-size:.68rem}

.mini-btn{background:var(--card2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:.7rem;margin:4px 4px 0 0}

.mini-btn.danger{color:var(--red)}

.adm-actions{margin-top:10px}

.pill-tag{font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:6px}

.pill-tag.demo{background:rgba(139,92,246,.2);color:var(--purple)}

.pill-tag.real{background:rgba(47,208,111,.15);color:var(--green)}


/* cores dos cards (fallback sem imagem) */
.gc0{background:linear-gradient(135deg,#3a2c07,#6b4e0a)}
 .gc1{background:linear-gradient(135deg,#07303a,#0a6b7a)}

.gc2{background:linear-gradient(135deg,#3a0718,#7a0a3a)}
 .gc3{background:linear-gradient(135deg,#0a3a1a,#0a7a3a)}

.gc4{background:linear-gradient(135deg,#1a0a3a,#3a0a7a)}
 .gc5{background:linear-gradient(135deg,#3a1a07,#7a4a0a)}


/* ===== JOGO REAL (slots com saldo real) ===== */
.real-bet-box{background:var(--card2);border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:8px}


/* admin: seed de auditoria */
.seed{font-size:.6rem;color:var(--muted);font-family:monospace}

.adm-grid{grid-template-columns:repeat(2,1fr)}


/* ===== arte oficial do jogo no modo real ===== */
.real-game-wrap{position:relative;margin-top:4px}

.real-game-wrap .real-bet-box{margin-top:-56px;position:relative;background:rgba(10,13,19,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:none;border-radius:16px}


/* ===== TELA PERFIL (estilo referência) ===== */
.perf{position:fixed;inset:0;z-index:60;background:var(--bg);display:none;overflow:auto}

.perf.show{display:block}

.perf-scroll{max-width:430px;margin:0 auto;padding:14px 14px 90px}

.perf-top{background:linear-gradient(160deg,#1b2230,#141924 55%);border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:12px}

.pf-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}

.pf-avatar{width:58px;height:58px;border-radius:50%;background:#2a2320;border:2px solid #e8b64c;display:flex;align-items:center;justify-content:center;font-size:30px;flex:0 0 auto}

.pf-name{font-size:1.05rem;color:#fff;display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.vip-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(180deg,#8d99ae,#5c677d);color:#fff;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:20px;box-shadow:0 1px 4px rgba(0,0,0,.4)}

.vip-badge.small{font-size:.62rem;padding:2px 8px}

.pf-id{font-size:.78rem;color:var(--muted);margin-top:4px}

.pf-copy{cursor:pointer;color:#e8b64c;font-weight:700}

.pf-cols{display:flex;border-top:1px solid var(--line);padding-top:12px;margin-bottom:12px}

.pf-col .l{font-size:.72rem;color:var(--muted)}

.pf-col.right{text-align:right}

.pf-col .v{font-size:1.15rem;font-weight:800;margin-top:2px}

.pf-col .v.gold{color:#ff9f43}

.pf-col .v.white{color:#fff}

.pf-btns{display:flex;gap:10px}

.pf-btn{flex:1;border:none;border-radius:12px;padding:13px 8px;font-size:.95rem;font-weight:700;cursor:pointer;color:#fff;background:#232a38;border:1px solid var(--line)}

.pf-btn.dep{background:linear-gradient(180deg,#4a3f22,#2c2513);border-color:#8a6d2f;color:#ffd97a}

/* VIP card */
.perf-vip{background:#171d29;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px}

.pv-top{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#cfd6e4;margin-bottom:12px}

.pv-link{margin-left:auto;font-size:.78rem;color:#9fb0c8;text-decoration:none}

.pv-bar{height:7px;border-radius:5px;background:#2a3140;overflow:hidden;margin:0 4px 10px}

.pv-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#37e05b,#8dff9e);border-radius:5px;transition:width .5s}

.pv-next{text-align:right;font-size:.7rem;color:var(--muted);margin-bottom:10px}

.pv-crit b{font-size:.82rem;color:#fff;display:block;margin-bottom:5px}

.pv-line{font-size:.76rem;color:var(--muted)}

.pv-line .hl{color:#ff9f43;font-weight:700}

.pv-line .mut{opacity:.85}

/* list rows */
.perf-list{background:#171d29;border:1px solid var(--line);border-radius:16px;overflow:hidden}

.pl-row{display:flex;align-items:center;gap:10px;padding:14px;color:#e8edf5;font-size:.92rem;border-top:1px solid #202839;cursor:pointer;text-decoration:none}

.pl-row:first-child{border-top:none}

.pl-ic{width:34px;height:34px;border-radius:10px;background:#232b3a;display:flex;align-items:center;justify-content:center;font-size:16px;flex:0 0 auto}

.pl-ic.red{background:#3a1f24}

.pl-ic.gold{background:#33290f}

.pl-sub{flex:1;font-size:.72rem;color:#ffb14e;text-align:right}

.pl-chev{color:#5c677d;font-size:1.1rem}

.pl-dot{width:8px;height:8px;border-radius:50%;background:#ff4d4d;margin-left:auto}

.pl-row.out{color:#ff7b7b}


/* ===== detalhes VIP + resgate ===== */
.pl-row.goldrow{background:linear-gradient(90deg,#2a2313,#1c180d);color:#ffd97a;font-weight:700}

#vip-conteudo{max-height:62vh;overflow:auto}

.vip-box{overflow-x:auto}

table.vip-ta{width:100%;border-collapse:collapse;font-size:.72rem;margin-bottom:6px}

.vip-ta th{color:#9fb0c8;text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);font-size:.7rem}

.vip-ta td{padding:5px 8px;color:#cfd6e4;border-bottom:1px solid #202839}

.vip-ta tr.cur td{color:#ffd97a;font-weight:700;background:#241d0e}

.vip-regras{font-size:.68rem;color:var(--muted);line-height:1.55;margin-top:10px}


/* ===== CENTRAL DE PROMOÇÕES (estilo 456go) ===== */
.promo{position:fixed;inset:0;z-index:60;background:var(--bg);display:none;overflow:auto}

.promo.show{display:block}

.promo-scroll{max-width:430px;margin:0 auto;padding:12px 14px 90px}

.promo-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}

.pt{flex:0 0 auto;padding:10px 2px;font-size:.85rem;color:var(--muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent}

.pt.on{color:#ff4d6d;font-weight:700;border-bottom-color:#ff4d6d}

/* banner */
.resg-banner{position:relative;border-radius:16px;padding:18px 16px;margin-bottom:14px;background:linear-gradient(120deg,#7b2ff7 0%,#b03fd0 45%,#e84393 100%);overflow:hidden}

/* input + botão */
.resg-input{width:100%;box-sizing:border-box;background:#1a2130;border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:#fff;font-size:.95rem;margin-bottom:12px}

.resg-input::placeholder{color:#5c677d}

.resg-btn{width:100%;border:none;border-radius:12px;padding:15px;font-size:1rem;font-weight:800;color:#fff;background:linear-gradient(90deg,#ff4d6d,#ff2e63);cursor:pointer;box-shadow:0 4px 14px rgba(255,46,99,.35)}

/* compartilhar */
.resg-share-h{text-align:center;color:#ffa751;font-weight:800;font-size:1rem;margin:20px 0 6px}

.resg-share-p{text-align:center;color:var(--muted);font-size:.78rem;line-height:1.5}

.resg-icons{display:flex;justify-content:center;gap:26px;margin:16px 0 8px}

.rc{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#fff;cursor:pointer}

.rc.tg{background:#229ed9}
.rc.wa{background:#25d366}
.rc.fb{background:#1877f2}
.rc.x{background:#000;border:1px solid #444}

/* regras */
.resg-regras-t{color:#8fa0b8;font-size:.85rem;font-weight:700;margin:18px 0 8px;font-style:italic}

.resg-regras{margin:0 0 10px;padding-left:18px}

.resg-regras li{font-size:.76rem;color:#8fa0b8;line-height:1.55;margin-bottom:6px}

.resg-dep{font-size:.78rem;color:#cfd6e4;font-weight:700;text-align:center}

/* rebate */
.rebate-card{background:#171d29;border:1px solid var(--line);border-radius:16px;padding:22px;text-align:center}

.rbt-t{font-size:1.05rem;font-weight:800;color:#fff}

.rbt-p{font-size:.8rem;color:var(--muted);margin-top:8px;line-height:1.55}

.rbt-big{font-size:2.6rem;font-weight:900;color:#3ddc84;margin:12px 0 4px}

/* linhas histórico/pendente */
.ph-row{display:flex;justify-content:space-between;align-items:center;background:#171d29;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px;font-size:.85rem;color:#cfd6e4}

.ph-row.gold{background:linear-gradient(90deg,#2a2313,#1c180d);color:#ffd97a;font-weight:700}

.ph-c{font-family:monospace;letter-spacing:1px}

.ph-v{color:#3ddc84;font-weight:800}

.ph-v.pend{color:#ffb14e}

/* painel: códigos */
.adm-code{display:flex;justify-content:space-between;align-items:center;background:#1a2130;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:8px;font-size:.82rem;color:#cfd6e4}

.delx{color:#ff7b7b;cursor:pointer;font-weight:900;padding:0 6px}

.btn.tiny{padding:7px 12px;font-size:.78rem;border-radius:8px}

.btn.gold{background:linear-gradient(90deg,#ffe259,#ffa751);color:#5c2e00;border:none}


/* ================= 456go: EVENTOS / REBATE / TABELAS ================= */
.ev-card{background:#171d29;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:14px;cursor:pointer}

.ev-banner{position:relative;padding:18px 16px 14px;overflow:hidden}

.evb1{background:linear-gradient(135deg,#8e2de2 0%,#c02fd6 55%,#ff5e62 100%)}

.evb2{background:linear-gradient(135deg,#1f3aa5 0%,#5b2bd6 55%,#a02bc4 100%)}

.evb3{background:linear-gradient(135deg,#4b1fa5 0%,#8e2de2 55%,#c93fb0 100%)}

.evb-logo{font-size:.8rem;font-weight:900;color:#ffe259;letter-spacing:1px}

.evb-k{font-size:1.15rem;font-weight:900;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.4)}

.evb-mid{font-size:1.05rem;font-weight:900;color:#fff;margin-top:4px;text-shadow:0 2px 6px rgba(0,0,0,.4)}

.evb-mid2{font-size:1rem;font-weight:900;color:#fff;margin-top:2px}

.evb-mid2 b{color:#ffe259}

.evb-big{font-size:2rem;font-weight:900;color:#ffe259;text-shadow:0 3px 10px rgba(0,0,0,.45);margin-top:4px}

.evb-big b{color:#ff7a7a}

.evb-pill{display:inline-block;margin-top:10px;background:linear-gradient(90deg,#ffe259,#ffa751);color:#5c2e00;font-weight:900;font-size:.68rem;padding:6px 12px;border-radius:16px;max-width:100%}

.evb-art,.evb-art2,.evb-art3{position:absolute;right:6px;bottom:4px;font-size:40px;transform:rotate(-6deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}

.evb-free{position:absolute;top:10px;right:10px;background:#ff9f1c;color:#4a2500;font-weight:900;font-size:.62rem;padding:4px 10px;border-radius:12px}

.ev-row{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;font-size:.82rem;color:#cfd6e4;font-weight:700}

.ev-status{font-size:.68rem;font-weight:800;color:#ff8fa3;background:rgba(255,77,109,.14);border:1px solid rgba(255,77,109,.4);padding:4px 10px;border-radius:12px}

/* rebate */
.reb-top{display:flex;gap:10px;margin-bottom:12px}

.reb-stat{flex:1;background:#171d29;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:.72rem;color:var(--muted);line-height:1.5}

.reb-stat b{display:block;font-size:1.05rem;color:#ffb14e;font-weight:900}

.reb-grid{display:flex;gap:10px}

.reb-side{width:58px;display:flex;flex-direction:column;gap:8px;align-items:center;padding-top:4px}

.reb-ico{width:44px;height:44px;border-radius:12px;background:#171d29;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;line-height:1}

.reb-ico small{font-size:.5rem;color:var(--muted);margin-top:2px}

.reb-btn{width:52px;border:none;border-radius:10px;padding:8px 2px;font-size:.62rem;font-weight:800;background:#5c2430;color:#ffd9de;cursor:pointer}

.reb-btn.pink{background:linear-gradient(90deg,#ff4d6d,#ff2e63);color:#fff}

#reb-lines{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}

.reb-line{display:flex;gap:8px;background:#171d29;border:1px solid var(--line);border-radius:12px;padding:10px}

.rl-ic{font-size:22px;padding-top:2px}

.rl-b{flex:1;min-width:0}

.rl-t{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.7rem;color:var(--muted)}

.rl-t b{color:#e8edf5;font-size:.78rem}

.rl-t u{text-decoration:none;color:#cfd6e4;font-weight:700}

.rl-s{font-size:.66rem;color:var(--muted);margin-top:6px}

.rl-s u{text-decoration:none;color:#cfd6e4}

.rl-col{color:#8fa0b8}
.rl-col b{color:#ffb14e}

/* tabelas hist/pend */
.ph-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}

.ph-top .chip{font-size:.72rem;color:#cfd6e4;background:#1a2130;border:1px solid var(--line);border-radius:16px;padding:6px 12px;cursor:pointer}

.ph-top .chip b{color:#ff8fa3}

.pb-bonus{font-size:.85rem;color:#cfd6e4}
.pb-bonus b{color:#ffb14e;font-size:1.05rem;font-weight:900;margin-left:4px}

.tabela{border:1px solid var(--line);border-radius:12px;overflow:hidden}

.th{display:grid;grid-template-columns:1fr 1.2fr .8fr .9fr;background:#1a2130;padding:9px 6px;font-size:.68rem;color:var(--muted);text-align:center}

.th i{font-style:normal}

.tr{display:grid;grid-template-columns:1fr 1.2fr .8fr .9fr;padding:10px 6px;border-top:1px solid var(--line);font-size:.7rem;color:#cfd6e4;text-align:center}

.tr-t{color:#8fa0b8;font-size:.66rem}

.tr-n{color:#e8edf5}

.tr-v{color:#ffb14e;font-weight:800}

.tr-f{color:#8fa0b8;font-size:.66rem}

.t-vazia{text-align:center;padding:40px 10px;color:#4a5568}

.t-vazia div{font-size:.85rem;margin-top:10px;color:#6b7688}

.coletar-btn{width:100%;margin-top:14px;border:none;border-radius:14px;padding:15px;font-size:1rem;font-weight:800;color:#ffd9de;background:linear-gradient(90deg,#5c2430,#7a2e40);cursor:pointer}

/* ================= 456go: CENTRAL VIP TELA CHEIA ================= */
.vips,.conv{position:fixed;inset:0;z-index:65;background:linear-gradient(180deg,#141824 0%,#10131c 100%);display:none;overflow:auto}

.vips.show,.conv.show{display:block}

.vips-head,.conv-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;background:rgba(16,19,28,.96);border-bottom:1px solid var(--line)}

.vips-head b,.conv-head b{font-size:.95rem;color:#fff;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.vh-back{font-size:1.6rem;color:#cfd6e4;cursor:pointer;line-height:1;padding:2px 8px}

.vh-ic{font-size:1.1rem}

.vips-scroll,.conv-scroll{max-width:430px;margin:0 auto;padding:14px 14px 110px}

.vips-card{background:linear-gradient(160deg,#1c2333 0%,#161c29 100%);border:1px solid #2a3348;border-radius:18px;padding:16px;margin-bottom:14px}

.vcard-top{display:flex;align-items:center;gap:8px}

.vcard-cur{font-size:.85rem;color:#cfd6e4}

.vcard-claim{margin-left:auto;border:1px solid #3ddc84;background:rgba(61,220,132,.1);color:#3ddc84;font-weight:800;font-size:.72rem;padding:7px 14px;border-radius:16px;cursor:pointer}

.pv-bar{height:8px;background:#232b3d;border-radius:6px;margin:14px 30px 6px 0;position:relative;overflow:visible}

.pv-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#3ddc84,#7cf5ae);border-radius:6px;box-shadow:0 0 10px rgba(61,220,132,.7)}

.vcard-next{display:flex;justify-content:flex-end;margin-bottom:10px}

.vcard-crit{font-size:.8rem;color:#8fa0b8}

.vcard-crit b{color:#e8edf5;display:block;margin-bottom:6px}

.vcard-line .hl{color:#ffb14e;font-weight:800}

.vcard-line .mut{color:#8fa0b8}

.vips-list-t{font-size:.9rem;font-weight:800;color:#e8edf5;margin:16px 0 10px}

.vips-subtabs{display:flex;gap:14px;border-bottom:1px solid var(--line);margin-bottom:12px;overflow-x:auto}

.vt{flex:0 0 auto;padding:8px 2px;font-size:.8rem;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}

.vt.on{color:#ff4d6d;font-weight:700;border-bottom-color:#ff4d6d}

.vrow{display:flex;align-items:center;gap:8px;background:#171d29;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px}

.vrow.cur{border-color:rgba(255,217,122,.65);background:linear-gradient(90deg,#241f10,#171d29)}

.vr-ic{font-size:16px}

.vr-b{flex:0 0 auto;font-size:.72rem;font-weight:800;color:#c9a24a;background:#241f10;border:1px solid rgba(201,162,74,.4);padding:5px 9px;border-radius:9px}

.vrow.cur .vr-b{color:#ffd97a}

.vr-req{flex:1;text-align:right;font-size:.82rem;color:#8fa0b8}

.vr-bon{flex:0 0 84px;text-align:right;font-size:.85rem;color:#ffb14e;font-weight:800}

.vips-bottom{position:fixed;bottom:0;left:0;right:0;background:rgba(16,19,28,.97);border-top:1px solid var(--line);padding:12px 14px calc(12px + env(safe-area-inset-bottom));z-index:3}

.vip-claim-btn{width:100%;max-width:430px;display:block;margin:0 auto;border:none;border-radius:14px;padding:15px;font-size:1rem;font-weight:800;color:#ffd9de;background:linear-gradient(90deg,#5c2430,#8a3247);cursor:pointer}

/* ================= 456go: TELA CONVIDAR ================= */
.conv-banner{position:relative;border-radius:18px;padding:22px 16px 18px;background:radial-gradient(circle at 50% 20%,#31418f 0%,#1d2660 55%,#141a45 100%);overflow:hidden;margin-bottom:12px;text-align:center}

.cb-arch{font-size:1.4rem;font-weight:900;letter-spacing:2px;color:#ffd97a;text-shadow:0 2px 10px rgba(255,200,80,.5)}

.cb-chest{font-size:52px;margin:10px 0 2px;filter:drop-shadow(0 6px 14px rgba(255,190,60,.35))}

.cb-gold{font-size:14px;letter-spacing:6px}

.cb-strip{text-align:center;margin:0 auto 10px;width:max-content;max-width:90%;background:linear-gradient(90deg,#2a3565,#3a4a95,#2a3565);border:1px solid #4a5aa5;color:#cfe0ff;font-weight:800;font-size:.75rem;padding:7px 26px;border-radius:8px;letter-spacing:1px}

.cb-strip.gold{background:linear-gradient(90deg,#6b4a12,#a3741f,#6b4a12);border-color:#c89440;color:#ffe9b0}

.cb-icons{display:flex;justify-content:center;gap:9px;margin-bottom:14px;flex-wrap:wrap}

.ci{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#fff;cursor:pointer}

.ci.fb{background:#1877f2}
.ci.wa{background:#25d366}
.ci.tg{background:#229ed9}
.ci.x{background:#000;border:1px solid #444}

.ci.ig{background:radial-gradient(circle at 30% 30%,#feda75,#fa7e1e 60%,#d62976)}
.ci.mail{background:#5b6b8c}
.ci.yt{background:#ff0033}
.ci.vid{background:#ff5722;font-size:14px}

.cb-linkbox{display:flex;align-items:center;gap:8px;background:#171d29;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px}

.cb-link-t{flex:1;font-size:.72rem;color:#8fa0b8;word-break:break-all}

.cb-link-t b{color:#7cb3ff;font-weight:700}

.cb-copy{font-size:1.1rem;color:#7cb3ff;cursor:pointer;padding:2px 6px}

.cb-subcard{display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(90deg,#232b52,#1a2140);border:1px solid #33407a;border-radius:12px;padding:12px 14px;margin-bottom:14px}

.subtxt{font-size:.75rem;color:#cfd6e4;line-height:1.5}

.hl2{color:#ffe259}
.hl3{color:#3ddc84}

.cb-det{flex:0 0 auto;background:linear-gradient(90deg,#ff4d6d,#ff7a5c);border:none;color:#fff;font-weight:800;font-size:.72rem;padding:9px 14px;border-radius:10px;cursor:pointer}

.inv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}

.inv-node{background:linear-gradient(180deg,#222b56 0%,#1a2140 100%);border:1px solid #33407a;border-radius:12px;padding:8px 4px 6px;text-align:center;position:relative}

.inv-node.lock{filter:grayscale(.75);opacity:.6}

.inv-node.claim{border-color:#ffd97a;box-shadow:0 0 12px rgba(255,217,122,.35)}

.inv-node.done{opacity:.95}

.inv-node.done::after{content:'✓';position:absolute;top:-7px;right:-5px;width:18px;height:18px;border-radius:50%;background:#3ddc84;color:#08301c;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center}

.chest{width:40px;height:30px;margin:4px auto 2px;background:linear-gradient(#e8a33d,#b06a15);border:2px solid #7c4a10;border-radius:5px 5px 4px 4px;position:relative}

.chest::before{content:'';position:absolute;top:-9px;left:-3px;right:-3px;height:11px;background:linear-gradient(#f7c65e,#d18f24);border:2px solid #7c4a10;border-radius:7px 7px 0 0}

.chest i{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:#ffd97a;border-radius:2px;border:1px solid #7c4a10}

.inv-val{font-size:.68rem;color:#3ddc84;font-weight:800;margin-top:4px}

.inv-lab{font-size:.52rem;color:#8fa0b8;margin-top:2px;line-height:1.3}

.conv-claim{width:100%;border:none;border-radius:14px;padding:14px;font-size:.95rem;font-weight:800;color:#ffd9de;background:linear-gradient(90deg,#5c2430,#8a3247);cursor:pointer;margin-bottom:16px}

.cb-q{font-size:.8rem;font-weight:800;color:#e8edf5;margin-bottom:10px}

.cb-q small{display:block;font-weight:400;color:#8fa0b8;font-size:.68rem;margin-top:2px}

.cb-stats{display:flex;gap:10px;margin-bottom:16px}

.cbs{flex:1;background:#171d29;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}

.cbs span{font-size:.64rem;color:#8fa0b8;display:block;line-height:1.4}

.cbs b{display:block;font-size:1rem;color:#ffb14e;font-weight:900;margin:4px 0 2px}

.cbs i{font-style:normal;font-size:.62rem;color:#3ddc84}

.cb-regras-t{font-size:.85rem;font-weight:800;color:#e8edf5;margin-bottom:8px}

.cb-regras{margin:0;padding-left:18px}

.cb-regras li{font-size:.72rem;color:#8fa0b8;line-height:1.55;margin-bottom:6px}


/* ================= MENU LATERAL (drawer estilo 456go) ================= */
.dw-open{background:none;border:none;color:#cfd6e4;font-size:1.25rem;cursor:pointer;padding:2px 8px;margin-right:4px}

.topbar{display:flex;align-items:center}

.dwb{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:80;display:none}

.dwb.show{display:block}

.drawer{position:fixed;top:0;left:0;bottom:0;width:min(84vw,320px);z-index:81;background:#12151f;border-right:1px solid var(--line);transform:translateX(-104%);transition:transform .25s ease;display:flex;flex-direction:column}

.drawer.open{transform:translateX(0)}

.dw-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}

.dw-x{background:none;border:none;color:#cfd6e4;font-size:1.2rem;cursor:pointer;padding:2px 6px}

.dw-logo{font-size:1.35rem;font-weight:900;color:#7cb3ff;letter-spacing:1px}

.dw-logo b{color:#ff4d6d}

.dw-scroll{flex:1;overflow:auto;padding:12px 14px 20px}

.dw-salbox{display:flex;align-items:center;gap:10px;background:#1a2130;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:12px}

.dw-wallet{font-size:1.6rem}

.dw-bal{flex:1;line-height:1.15}

.dw-bal b{display:block;font-size:1.05rem;color:#fff;font-weight:800}

.dw-bal small{color:var(--muted);font-size:.7rem}

.dw-depbtn{border:none;background:linear-gradient(90deg,#ff4d6d,#ff2e63);color:#fff;font-weight:800;font-size:.8rem;padding:9px 16px;border-radius:10px;cursor:pointer}

.dw-pop{background:#171d29;border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px}

.dw-pop-t{font-weight:800;color:#fff;font-size:.95rem}

.dw-pop-s{font-size:.72rem;color:var(--muted);margin:2px 0 10px}

.dw-pop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}

.dw-game{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:3/4;cursor:pointer;background:var(--card2)}

.dw-game img{width:100%;height:100%;object-fit:cover;display:block}

.dw-game span{display:flex;align-items:center;justify-content:center;height:100%;font-size:26px}

.dw-game em{position:absolute;left:0;right:0;bottom:0;font-style:normal;font-size:.5rem;color:#fff;text-align:center;background:rgba(0,0,0,.6);padding:3px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.dw-jack{display:flex;align-items:center;gap:10px;margin-bottom:12px}

.dw-jack-ic{font-size:2rem}

.dw-jack-v b{display:block;font-size:1.05rem;color:#3ddc84;font-weight:900}

.dw-jack-v small{color:#3ddc84;font-weight:800;font-size:.68rem;letter-spacing:1px}

.dw-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}

.dw-grid button{display:flex;align-items:center;gap:8px;background:#1a2130;border:1px solid var(--line);border-radius:12px;padding:12px;color:#e8edf5;font-weight:700;font-size:.78rem;cursor:pointer;text-align:left}

.dw-grid i{font-style:normal;font-size:1.15rem}

.dw-social{display:flex;justify-content:center;gap:14px;padding-top:6px}


/* ================= RANKING DE LUCRO (fake rotativo) ================= */
.rank{background:#171d29;border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:14px}

.rank-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}

.rank-ic{font-size:1.05rem}

.rank-head b{font-size:.95rem;color:#e8edf5}

#rank-live{margin-left:auto;color:#3ddc84;font-size:.58rem;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:4px}

#rank-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#3ddc84;animation:rankPulse 1.4s infinite}

@keyframes rankPulse{0%,100%{opacity:1}50%{opacity:.2}}

.rank-podium{display:flex;justify-content:center;align-items:flex-end;gap:8px;margin-bottom:12px}

.pod{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:32%}

.pod-av{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;background:#232b3d;border:3px solid #4a5568}

.pod-0{order:2}

.pod-0 .pod-av{width:68px;height:68px;font-size:31px;border-color:#ffd97a;box-shadow:0 0 18px rgba(255,217,122,.45);margin-top:-14px}

.pod-1 .pod-av{border-color:#c0c8d8}

.pod-2 .pod-av{border-color:#d08a4f}

.pod-crown{position:absolute;top:-16px;font-size:20px;z-index:1}

.pod-name{font-size:.64rem;color:#cfd6e4}

.pod-val{font-size:.7rem;color:#ffb14e;font-weight:800}

.pod-lab{background:#0d1017;border-radius:12px;padding:3px 16px;font-size:.72rem;font-weight:800;color:#e8edf5}

.rank-list{display:flex;flex-direction:column}

.rank-row{display:grid;grid-template-columns:32px 28px 1fr auto;align-items:center;gap:8px;padding:8px 4px;border-top:1px solid #202839}

.rr-n{color:#ff6b81;font-weight:800;font-size:.72rem;text-align:center}

.rr-av{width:26px;height:26px;border-radius:50%;background:#232b3d;display:flex;align-items:center;justify-content:center;font-size:13px}

.rr-name{font-size:.74rem;color:#cfd6e4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.rr-val{font-size:.74rem;color:#3ddc84;font-weight:800}


/* codigos admin */
.admc{display:flex;align-items:center;gap:8px;background:#1a2130;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:6px}

.admc-c{flex:1;font-weight:800;color:#ffd97a;font-size:.78rem;letter-spacing:.5px}

.admc-v{font-size:.75rem;color:#3ddc84;font-weight:800}

.admc-u{font-size:.66rem;color:var(--muted)}


.ac-add{display:flex;gap:8px;margin-bottom:10px}

.ac-row{display:flex;align-items:center;gap:10px;background:#1a2130;border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin-bottom:8px}

.ac-row b{color:#ffd97a;font-size:.82rem;letter-spacing:1px}

.ac-row span{flex:1;color:var(--muted);font-size:.72rem;text-align:right}

.ac-row .mini-btn{cursor:pointer}


/* ===== Pix instantâneo (Mercado Pago) ===== */
.mp-status{text-align:center;font-size:.8rem;margin:2px 0 10px;min-height:1.1em;font-weight:600}

.mp-status.wait{color:#f6c945}

.mp-status.ok{color:#3ddc84}

.mp-status.err{color:#ff8a8a}

.btn[disabled]{opacity:.65;cursor:default}


/* ===== Deposito 2.0 (layout novo) ===== */
.dep2-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}

.dep2-head span{font-weight:800;font-size:1.05rem}

.recob{display:inline-block;background:#e11d48;color:#fff;font-size:.55rem;font-weight:800;padding:2px 6px;border-radius:6px;vertical-align:middle;margin-left:5px}

.dep2-x{background:none;border:none;color:var(--muted);font-size:1rem;cursor:pointer;padding:4px 8px}

.dep2-online{width:100%;background:#23242b;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center;font-weight:800;color:var(--txt);margin-bottom:14px;font-size:.9rem}

.dep2-lbl{font-size:.78rem;font-weight:700;color:var(--txt);margin:10px 0 6px}

.dep2-payopt{display:inline-block;background:#23242b;border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-weight:800;font-size:.85rem;color:var(--gold)}

.dep2-amt{display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px}

.dep2-amt span{color:var(--gold);font-weight:800;margin-right:10px}

.dep2-amt input{flex:1;background:none;border:none;outline:none;color:var(--txt);font-size:1.05rem;font-weight:800;width:100%}

.dep2-inv{font-size:.72rem;color:var(--gold);margin:2px 0 10px}

.dep2-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}

.dep2-chip{background:#23242b;border:1px solid var(--line);border-radius:10px;color:var(--txt);font-weight:800;font-size:.85rem;padding:12px 4px;cursor:pointer}

.dep2-chip.sel{border-color:#e11d48;background:rgba(225,29,72,.12)}

.dep2-go{width:100%;padding:14px;border-radius:12px;font-size:.95rem;font-weight:800}

.dep2-notes{margin:0 0 10px;padding-left:16px;font-size:.72rem;color:var(--muted);line-height:1.5}

.dep2-qramt{text-align:center;color:var(--gold);font-size:1.25rem;font-weight:800;margin-bottom:10px}

.dep2-qrwrap{text-align:center;margin-bottom:10px}

.dep2-qrwrap img{width:210px;height:210px;background:#fff;padding:8px;border-radius:12px}

.dep2-copycode{width:auto;display:block;margin:0 auto 10px;padding:10px 18px;border-radius:10px}

.dep2-mid{text-align:center;font-size:.75rem;color:var(--muted);margin-bottom:4px}

.dep2-mid b{color:var(--txt)}

.dep2-cico{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.85rem}

.dep2-time{text-align:center;font-size:.8rem;color:var(--muted);margin:10px 0}

.dep2-order{background:#23242b;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:.75rem;margin-bottom:10px}

.dep2-order .row{display:flex;justify-content:space-between;gap:8px;padding:3px 0}

.dep2-order .row span{color:var(--muted)}

.st-pend{color:#f6a723}

.st-ok{color:#3ddc84}

.st-exp{color:#ff8a8a}

.st-st{color:#9aa0aa}

.dep2-back{flex:0 0 auto}

.dep2-confirm{flex:1}


/* ===== Depósito v2 — fluxo 2 etapas (estilo referência) ===== */
.dep-v2 .dep-banner{display:flex;align-items:center;gap:8px;background:#232327;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-weight:800;margin:10px 0 14px}

.rec{background:#ff3b4e;color:#fff;font-size:.55rem;font-weight:900;letter-spacing:.4px;padding:2px 6px;border-radius:4px;font-style:normal}

.dep-v2 .pmrow{margin-bottom:4px}

.pm-chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #ff3b4e;background:#2a1518;color:#fff;font-weight:800;padding:8px 14px;border-radius:10px;font-size:.9rem}

.dep-v2 .lbl{font-size:.7rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin:10px 0 6px}

.dep-v2 .amt{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px}

.dep-v2 .amt b{color:#ffb020;font-size:1rem}

.dep-v2 .amt input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--txt);font-size:1.05rem;font-weight:800}

.dep-v2 .inv{color:#5aa7ff;font-size:.78rem;margin:10px 2px;font-weight:700}

.dep-v2 .dq{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 14px}

.dep-v2 .dq-b{background:#232327;border:1.5px solid var(--line);border-radius:10px;color:var(--txt);font-weight:800;padding:11px 0;font-size:.85rem;cursor:pointer}

.dep-v2 .dq-b.on{border-color:#ff3b4e;background:#2a1518;color:#fff}

.dep-cta{width:100%;background:linear-gradient(135deg,#ff4d6d,#ff2e63);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:900;padding:14px;cursor:pointer;box-shadow:0 6px 18px rgba(255,46,99,.25)}

.dep-cta:active{transform:scale(.98)}

.shake{animation:dshake .4s}

@keyframes dshake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}

.dep-fhead{display:flex;align-items:center;gap:10px;margin-bottom:10px}

.dep-fhead h3{flex:1;margin:0}

.back{background:#232327;border:1px solid var(--line);color:var(--txt);width:34px;height:34px;border-radius:10px;font-size:1rem;cursor:pointer}

.fb{background:#232327;border-radius:12px;padding:12px 14px;font-size:.78rem;line-height:1.45;margin-bottom:12px}

.fb p{margin:4px 0}

.fb .blu{color:#5aa7ff}

.fval{text-align:center;color:#ffb020;font-size:1.5rem;font-weight:900;margin:6px 0 10px}

#dep-step2 #pix-qr{display:block;width:210px;height:210px;background:#fff;padding:8px;border-radius:12px;margin:0 auto 12px}

.fcta{width:100%;background:linear-gradient(135deg,#ff4d6d,#ff2e63);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:900;padding:12px;cursor:pointer}

.ftail{text-align:center;font-size:.78rem;color:var(--muted);margin:10px 0 2px}

.ftail b{color:var(--txt)}

.ftail i{cursor:pointer;font-style:normal}

.ftimer{text-align:center;font-size:.8rem;color:var(--muted);margin:6px 0}

.fmeta{font-size:.75rem;margin:10px 0 4px;border-top:1px solid var(--line);padding-top:10px}

.fmeta div{display:flex;justify-content:space-between;padding:3px 0}

.fmeta span{color:var(--muted)}

.fmeta b.pen{color:#ffb020}
.fmeta b.ok{color:var(--green)}
.fmeta b.man{color:var(--muted)}

.fcp{font-size:.75rem;color:var(--muted);margin:10px 0 6px}

#dep-step2 textarea#pix-code{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--txt);font-size:.68rem;outline:none;resize:none}

#dep-step2 .btn#dep-btn-conf{width:100%;margin-top:8px}

/* ===== Indicação — baú da sorte ===== */
.inv-v2{overflow-x:hidden}

.tesouro{position:relative;width:185px;margin:8px auto 4px;animation:tfloat 3.2s ease-in-out infinite;filter:drop-shadow(0 12px 22px rgba(255,170,0,.28))}

@keyframes tfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.tesouro img{width:100%;display:block;transition:transform .55s cubic-bezier(.2,1.5,.4,1),opacity .4s;position:relative;z-index:1}

.tesouro .tes-a{position:absolute;top:0;left:0;opacity:0;transform:scale(.15) rotate(-25deg)}

.tesouro.aberto .tes-a{opacity:1;transform:scale(1) rotate(0)}

.tesouro.aberto .tes-f{opacity:0;transform:scale(.15) rotate(25deg)}

.tesouro .spark{position:absolute;font-size:1.05rem;opacity:0;z-index:2}

.tesouro .s1{left:6%;top:18%}
.tesouro .s2{left:78%;top:6%}
.tesouro .s3{left:88%;top:40%}
.tesouro .s4{left:2%;top:52%}
.tesouro .s5{left:46%;top:-6%}

.tesouro.aberto .spark{animation:tspark 1.1s ease-out infinite}

.tesouro.aberto .s2{animation-delay:.2s}
.tesouro.aberto .s3{animation-delay:.4s}
.tesouro.aberto .s4{animation-delay:.6s}
.tesouro.aberto .s5{animation-delay:.8s}

@keyframes tspark{0%{opacity:0;transform:translateY(4px) scale(.4)}30%{opacity:1}100%{opacity:0;transform:translateY(-44px) scale(1.2)}}

.cta-gold{display:block;width:calc(100% - 28px);margin:6px auto 12px;background:linear-gradient(135deg,#ffd34d,#ff9f1c);border:none;border-radius:12px;color:#5a3200;font-size:.98rem;font-weight:900;padding:13px;cursor:pointer;box-shadow:0 6px 18px rgba(255,159,28,.3)}

.cta-gold:active{transform:scale(.98)}

.inv-reward{display:flex;align-items:baseline;gap:10px;background:linear-gradient(135deg,#2b1d07,#241a0c);border:1px solid #6b4a12;border-radius:12px;padding:12px 14px;margin-bottom:12px}

.inv-reward b{font-size:1.7rem;font-weight:900;color:#ffd34d;text-shadow:0 0 18px rgba(255,200,60,.45)}

.inv-reward span{font-size:.8rem;color:var(--muted);line-height:1.3}

.inv-steps{background:#232327;border-radius:12px;padding:12px 14px;margin-bottom:12px}

.inv-steps .st{display:flex;align-items:center;gap:10px;font-size:.83rem;padding:6px 0;color:var(--txt)}

.inv-steps .st i{flex:0 0 24px;height:24px;line-height:24px;text-align:center;background:#ffd34d;color:#5a3200;border-radius:50%;font-weight:900;font-style:normal;font-size:.8rem}

.inv-steps b{color:#ffd34d}

.inv-v2 textarea#ind-link{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--txt);font-size:.72rem;outline:none;resize:none}

.inv-btns{display:flex;gap:8px;margin-top:10px}

.inv-btns .btn{flex:1;margin:0}

.inv-contra{font-size:.7rem;color:var(--muted);text-align:center;margin-top:10px}


/* v3.4 — tela de jogo: barra superior + modo Original (grafico real via iframe) */
.jg-topbar{ display:flex; align-items:center; gap:8px; margin:-4px 0 10px; }

.jg-topbar h3{ margin:0; padding:0; flex:1 1 auto; min-width:0; font-size:.95rem; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.jg-back{ flex:0 0 auto; width:34px; height:34px; border:0; border-radius:10px; background:rgba(255,255,255,.08); color:#fff; font-size:1.05rem; cursor:pointer; }

.seg{ border:1px solid rgba(255,255,255,.22); background:transparent; color:#cfd4dd; border-radius:999px; padding:6px 11px; font-size:.72rem; cursor:pointer; white-space:nowrap; }

.seg.on{ background:#f7b500; border-color:#f7b500; color:#1a1205; font-weight:700; }

#game-frame-wrap{ position:relative; height:min(70vh,720px); border-radius:14px; overflow:hidden; background:#000; margin-bottom:8px; border:1px solid rgba(255,255,255,.08); }

#game-frame{ width:100%; height:100%; border:0; display:block; }

@media (min-width:600px){ #game-frame-wrap{ height:min(74vh,780px); } }


/* ================= v3.6 — jogo em tela cheia, sem moldura ================= */
#modal-jogo{ padding:0 !important; }

#modal-jogo .modal{ position:relative; width:100% !important; max-width:100% !important; height:100dvh !important; max-height:100dvh !important; margin:0 !important; border-radius:0 !important; padding:0 !important; background:#000 !important; overflow:hidden !important; }

#modal-jogo .jg-topbar{ position:absolute !important; top:0; left:0; right:0; z-index:30; display:flex; align-items:center; gap:8px; padding:8px 10px; background:linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,0) 100%); }

#modal-jogo .jg-topbar h3{ font-size:.9rem; color:#fff; flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

#modal-jogo .jg-back{ width:34px !important; height:34px !important; min-width:34px; border-radius:50%; background:rgba(0,0,0,.55) !important; border:1px solid rgba(255,255,255,.18) !important; color:#fff !important; font-size:1.05rem !important; line-height:1 !important; padding:0 !important; }

#modal-jogo #game-frame-wrap{ position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; height:100dvh !important; margin:0 !important; border-radius:0 !important; border:none !important; }

#modal-jogo #jg-rtp-info{ position:absolute !important; bottom:8px; left:50%; transform:translateX(-50%); z-index:30; font-size:.6rem; letter-spacing:.4px; color:rgba(255,255,255,.62); background:rgba(0,0,0,.5); padding:3px 12px; border-radius:99px; white-space:nowrap; }

#modal-jogo .jg-fechar-full{ display:none !important; }

#game-load-overlay{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; background:#000; color:#9aa3b2; font-size:.8rem; text-align:center; }

#game-load-overlay .spin{ width:34px; height:34px; border-radius:50%; border:3px solid rgba(255,255,255,.15); border-top-color:#f7b500; animation:gspin 1s linear infinite; }

@keyframes gspin{ to{ transform:rotate(360deg); } }


/* v3.7 — pílula de RTP invisível + botão abrir em nova aba */
#modal-jogo #jg-rtp-info{ display:none !important; }


/* v3.8 — saldo real no topbar + alternância demo⇄real + nota de créditos fictícios */
.jg-chip{ flex:0 0 auto; font-size:.7rem; font-weight:700; letter-spacing:.2px; color:#ffd76a; background:rgba(0,0,0,.55); border:1px solid rgba(255,255,255,.18); border-radius:999px; padding:.4em .7em; white-space:nowrap; line-height:1; }

.jg-chip-btn{ cursor:pointer; color:#fff; background:linear-gradient(135deg,#e0312f,#8c1d1a); border-color:rgba(255,255,255,.28); }

.jg-chip-btn:active{ transform:scale(.96); }

.rb-t{font-size:1.5rem;font-weight:900;color:#ffd97a;text-shadow:0 2px 8px rgba(0,0,0,.35);letter-spacing:1px}

.rb-l1{font-size:.95rem;font-weight:800;color:#fff;margin-top:8px}

.rb-l2{font-size:.95rem;font-weight:800;color:#fff}

.rb-l3{display:inline-block;margin-top:8px;background:linear-gradient(90deg,#ffe259,#ffa751);color:#5c2e00;font-weight:900;font-size:.8rem;padding:5px 14px;border-radius:20px}

.rb-tiger{position:absolute;right:8px;bottom:-6px;font-size:64px;transform:rotate(-8deg);filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}

.rb-ic{position:absolute;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff}

.rb-ic.tg{background:#229ed9;top:14px;right:16px}

.rb-ic.wa{background:#25d366;top:44px;right:34px}

.rb-ic.ig{background:radial-gradient(circle at 30% 30%,#feda75,#fa7e1e 60%,#d62976);top:14px;right:52px}

.rb-ic.fb{background:#1877f2;top:44px;right:60px}

.rb-ic.x{background:#000;border:1px solid #444;top:74px;right:16px}

/* ================= v3.10 — PELE NOVA (IA + dourado/jade) ================= */
:root{ --gold:#f5b301; --gold2:#ffd75e; --jade:#17b877; --redc:#e8362d; }
html,body{background:#04070d;}
body{background:linear-gradient(180deg,#0a1322 0%,#04070d 70%) fixed;}
.app{background:transparent;border-left:none;border-right:none;}
#app-root::before{content:"";position:fixed;inset:0;z-index:-1;background:url(img/bg.webp) center/cover no-repeat;opacity:.5;}
.topbar{position:sticky;top:0;z-index:50;background:rgba(8,12,22,.93);backdrop-filter:blur(10px);border-bottom:1px solid rgba(245,179,1,.28);box-shadow:0 2px 14px rgba(0,0,0,.5);}
.logo{display:flex;align-items:center;gap:7px;font-size:1.05rem;font-weight:900;letter-spacing:.5px;color:#fff;}
.logo b{color:var(--gold);}
.logo-tig{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 0 10px rgba(245,179,1,.55);}
.dw-logo{display:flex;align-items:center;}
.dw-tig{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1.5px solid var(--gold);margin-right:7px;}
.wallet{background:linear-gradient(135deg,#1c2a45,#141d33);border:1px solid rgba(245,179,1,.55);color:#fff;border-radius:999px;padding:6px 12px;font-weight:700;font-size:.78rem;}
.wallet::before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,var(--gold) 60%,#b07d00);margin-right:6px;box-shadow:0 0 6px rgba(245,179,1,.8);vertical-align:-1px;}
.hero{position:relative;margin:10px 12px;height:150px;border-radius:16px;overflow:hidden;border:1px solid rgba(245,179,1,.4);box-shadow:0 6px 22px rgba(0,0,0,.55),0 0 18px rgba(245,179,1,.15);}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,13,.25) 0%,rgba(4,7,13,.12) 40%,rgba(4,7,13,.85) 100%);}
.hero-txt{position:absolute;left:14px;right:14px;bottom:12px;display:flex;flex-direction:column;gap:4px;color:#fff;}
.hero-k{font-size:.58rem;font-weight:800;letter-spacing:2px;color:var(--gold2);text-shadow:0 1px 4px rgba(0,0,0,.8);}
.hero-txt b{font-size:1.3rem;font-weight:900;line-height:1.08;text-shadow:0 2px 8px rgba(0,0,0,.85);}
#welcome-txt{font-size:.66rem;color:#cfd8ea;text-shadow:0 1px 3px #000;}
.hero-cta{margin-top:6px;align-self:flex-start;background:linear-gradient(135deg,var(--gold2),var(--gold) 55%,#d99a00);color:#221500;font-weight:900;font-size:.78rem;letter-spacing:1px;border:none;border-radius:999px;padding:9px 18px;cursor:pointer;animation:goldpulse 2.2s ease-in-out infinite;}
@keyframes goldpulse{0%,100%{box-shadow:0 4px 14px rgba(245,179,1,.45)}50%{box-shadow:0 4px 26px rgba(245,179,1,.9)}}
.prov-tabs{position:sticky;top:54px;z-index:40;display:flex;gap:10px;overflow-x:auto;padding:10px 12px 12px;background:rgba(8,12,22,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(245,179,1,.18);scrollbar-width:none;margin-top:2px;}
.prov-tabs::-webkit-scrollbar{display:none;}
.prov-tabs .ptab{flex:0 0 auto;min-width:54px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 2px;border:none;background:none;cursor:pointer;}
.tbadge{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;letter-spacing:.5px;color:#fff;background:var(--tb,#33415e);border:2px solid rgba(255,255,255,.14);box-shadow:inset 0 -6px 12px rgba(0,0,0,.35);transition:transform .12s;}
.tbadge svg{width:20px;height:20px;}
.tb-fire{background:radial-gradient(circle at 30% 25%,#ff9d4d,#e8362d 72%);}
.tname{font-size:.58rem;font-weight:700;color:#9fb0cc;letter-spacing:.3px;}
.prov-tabs .ptab.on .tbadge{transform:scale(1.07);border-color:#fff;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#221500;box-shadow:0 0 16px rgba(245,179,1,.8);}
.prov-tabs .ptab.on .tname{color:var(--gold2);}
.sec-head h3{font-size:.98rem;font-weight:900;letter-spacing:.4px;display:flex;align-items:center;gap:7px;padding-left:9px;border-left:3px solid var(--gold);}
.fl{width:16px;height:16px;fill:#ff7a3d;}
.cnt{background:rgba(245,179,1,.14);border:1px solid rgba(245,179,1,.35);color:var(--gold2);font-size:.66rem;font-weight:800;padding:2px 9px;border-radius:999px;white-space:nowrap;}
.search-wrap{position:relative;margin:0 12px 12px;}
.search-wrap .smag{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:#8fa0bf;fill:none;stroke-width:2;pointer-events:none;}
.search-wrap .game-search{padding-left:34px;}
.pop,.cas{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 10px;}
.cas{padding-bottom:18px;}
.gcard{background:#0b1322;border:none;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;box-shadow:0 2px 8px rgba(0,0,0,.4);}
.gcard:active{transform:scale(.95);}
.gcard .gimg{height:auto;aspect-ratio:3/4;position:relative;display:block;background:#101a2e;overflow:hidden;}
.gcard .gimg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
.gcard .ginfo{display:none;}
.gnm{position:absolute;left:0;right:0;bottom:0;padding:16px 5px 5px;font-size:.58rem;font-weight:700;color:#fff;text-align:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gcard.crash .gimg-crash{background:radial-gradient(circle at 50% 30%,#2a1a3f 0%,#120a1f 72%);}
.gcard.crash .crash-tig{position:absolute;top:8%;left:14%;right:14%;height:60%;width:auto;object-fit:contain;opacity:.92;filter:drop-shadow(0 0 12px rgba(245,179,1,.5));}
.gcard.crash .gimg-crash b{position:absolute;left:0;right:0;bottom:7px;text-align:center;font-size:.6rem;font-weight:900;letter-spacing:1px;color:var(--gold2);text-shadow:0 0 10px rgba(245,179,1,.8);}
.login-gate{background:radial-gradient(circle at 50% 16%,rgba(245,179,1,.18),transparent 46%),#070d18;}
.big-logo{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:1.7rem;font-weight:900;color:#fff;letter-spacing:1px;}
.big-logo b{color:var(--gold);}
.big-tig{width:92px;height:92px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);box-shadow:0 0 26px rgba(245,179,1,.6);animation:tigrfloat 3.4s ease-in-out infinite;}
@keyframes tigrfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.ib-tiger,.rb-tiger{display:flex;align-items:center;justify-content:center;}
.ib-tiger img{width:64px;height:64px;object-fit:cover;border-radius:14px;border:1.5px solid rgba(245,179,1,.5);}
.rb-tiger img{width:100%;height:100%;object-fit:cover;}
.ic{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:-4px;}
.qbtn .qi svg,.dw-grid button i svg,.pl-ic svg,.rank-ic svg,.vh-ic svg,.wa svg,.pf-btn svg{width:19px;height:19px;}
.bb .ii svg{width:20px;height:20px;vertical-align:middle;}
.dw-wallet svg{width:22px;height:22px;stroke:var(--gold2);fill:none;stroke-width:1.7;}
.dw-pop-t{background:linear-gradient(90deg,rgba(245,179,1,.22),transparent);color:var(--gold2);font-weight:900;letter-spacing:1px;font-size:.72rem;padding:6px 8px;border-radius:8px;}
.dw-jack-img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1.5px solid var(--gold);}
.dw-grid button i{display:inline-flex;vertical-align:-3px;margin-right:6px;}
.dw-grid button i img{width:20px;height:20px;border-radius:5px;object-fit:cover;}
.bottombar{background:rgba(7,11,20,.97);backdrop-filter:blur(12px);border-top:1px solid rgba(245,179,1,.32);}
.bb{color:#8fa0bf;}
.bb.on{color:var(--gold2);}
.modal-bg .modal{border-radius:18px;border:1px solid rgba(245,179,1,.3);box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 20px rgba(245,179,1,.08);}
.cta-gold{background:linear-gradient(135deg,var(--gold2),var(--gold) 60%,#d99a00);color:#221500;font-weight:900;border-radius:12px;box-shadow:0 4px 16px rgba(245,179,1,.4);}
.btn{background:linear-gradient(135deg,#f7c948,#e8a200);color:#221500;font-weight:800;border:none;border-radius:10px;}
.btn.ghost{background:transparent;color:var(--gold2);border:1px solid rgba(245,179,1,.5);}
input:focus{border-color:var(--gold)!important;}
.tesouro{position:relative;width:170px;height:170px;margin:6px auto;}
.tesouro .tes-f,.tesouro .tes-a{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.6));}
.tesouro .tes-a{display:none;}
.tesouro.open .tes-f{display:none;}
.tesouro.open .tes-a{display:block;animation:chestpop .5s cubic-bezier(.2,1.4,.4,1);}
@keyframes chestpop{0%{transform:scale(.6) rotate(-6deg);opacity:.2}100%{transform:scale(1) rotate(0);opacity:1}}
.tesouro .spark{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold2);box-shadow:0 0 8px var(--gold);animation:twinkle 1.5s ease-in-out infinite alternate;}
.tesouro .spark.s0:nth-of-type(1){left:8%;top:18%;animation-delay:.1s;display:block;}
.tesouro .spark.s0:nth-of-type(2){right:10%;top:12%;animation-delay:.4s;display:block;}
.tesouro .spark.s0:nth-of-type(3){left:14%;bottom:16%;animation-delay:.7s;display:block;}
.tesouro .spark.s0:nth-of-type(4){right:14%;bottom:22%;animation-delay:.2s;display:block;}
.tesouro .spark.s0:nth-of-type(5){left:50%;top:4%;animation-delay:.9s;display:block;}
@keyframes twinkle{0%{opacity:.2;transform:scale(.6)}100%{opacity:1;transform:scale(1.3)}}
.cb-chest{width:120px;height:120px;margin:4px auto;}
.cb-chest-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(245,179,1,.35));}
.cb-gold{display:flex;gap:8px;justify-content:center;}
.cb-gold i{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,var(--gold) 60%,#a87700);box-shadow:0 0 8px rgba(245,179,1,.7);animation:coinfloat 1.8s ease-in-out infinite alternate;}
.cb-gold i:nth-child(2){animation-delay:.3s}.cb-gold i:nth-child(3){animation-delay:.6s}
@keyframes coinfloat{0%{transform:translateY(0)}100%{transform:translateY(-5px)}}
.evb-art,.evb-art2,.evb-art3{position:absolute;right:10px;bottom:10px;width:76px;height:76px;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.5);border:1.5px solid rgba(245,179,1,.45);}
.evb-art img,.evb-art2 img,.evb-art3 img{width:100%;height:100%;object-fit:cover;display:block;}
.evb-art2,.evb-art3{width:104px;height:64px;top:10px;bottom:auto;}
.pf-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid var(--gold);box-shadow:0 0 12px rgba(245,179,1,.4);}
.pf-avatar img{width:100%;height:100%;object-fit:cover;}
.pf-btn.dep{background:linear-gradient(135deg,var(--gold2),var(--gold));}
.vip-badge{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#221500;}
.rank-box{border-color:rgba(245,179,1,.25);}
.pod-av:empty,.rr-av:empty{font-weight:900;color:#fff;background:linear-gradient(135deg,#3a4a6b,#22304d)!important;}
.foot{color:#7f8db0;}

/* ================= v3.10.1 — TELA CONVIDAR (referência baú dourado) ================= */
.conv{background:radial-gradient(circle at 50% 0%,#2c2470 0%,#1a1347 55%,#120c33 100%) fixed;}
.conv-head{background:rgba(18,12,51,.85);backdrop-filter:blur(8px);color:#fff;border-bottom:1px solid rgba(245,179,1,.3);}
.conv-scroll{padding:0 14px 24px;}
.conv-banner{position:relative;margin:12px 0 0;height:320px;border-radius:0;overflow:hidden;border:none;}
.cb-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;}
.conv-banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(180deg,transparent,rgba(26,19,71,.9) 70%,#1a1347);}
.cb-arch{position:absolute;z-index:2;top:18px;left:0;right:0;text-align:center;font-size:1.5rem;font-weight:900;letter-spacing:1.5px;background:linear-gradient(180deg,#fff3c4 0%,#ffd75e 45%,#e09a00 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.85)) drop-shadow(0 0 14px rgba(245,179,1,.5));}
.cb-strip{position:relative;display:flex;align-items:center;justify-content:center;margin:14px auto 12px;width:92%;padding:8px 0;background:linear-gradient(180deg,#332a7d,#241c63);border-radius:4px;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%);color:#ffd75e;font-weight:800;font-size:.8rem;letter-spacing:.6px;text-shadow:0 1px 3px rgba(0,0,0,.7);}
.cb-strip::before,.cb-strip::after{content:"";position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#ffd75e,#b07d00);}
.cb-strip::before{left:6px}.cb-strip::after{right:6px}
.cb-strip.gold{background:linear-gradient(180deg,#4a3d9e,#2e2478);box-shadow:0 0 16px rgba(245,179,1,.25);}
.cb-icons{display:flex;justify-content:center;align-items:center;gap:11px;flex-wrap:wrap;margin:2px 0 14px;}
.ci{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;cursor:pointer;box-shadow:0 3px 9px rgba(0,0,0,.45);transition:transform .12s;}
.ci:active{transform:scale(.9);}
.ci svg{width:22px;height:22px;display:block;}
.ci.fb{background:#1877f2}.ci.wa{background:#25d366}.ci.tg{background:#2aabee}.ci.x{background:#0f1115}
.ci.ig{background:linear-gradient(45deg,#f58529,#dd2a7b 55%,#8134af)}.ci.mail{background:#3aa0ff}.ci.yt{background:#ff0000}.ci.vid{background:#ff6d3b}
.cb-linkbox{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(245,179,1,.4);border-radius:12px;padding:11px 13px;margin:0 0 12px;color:#cfd3ff;font-size:.8rem;}
.cb-link-t{word-break:break-all;}
.cb-link-t b{color:#ff5d8f;font-weight:700;}
.cb-copy{order:2;margin-left:auto;color:#ffd75e;font-size:1.05rem;padding:2px 4px;}
.cb-subcard{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 14px;margin:0 0 14px;color:#e6e9ff;font-size:.82rem;line-height:1.55;}
.subtxt .hl2,.subtxt .hl3{color:#ffd75e;}
.cb-det{flex:0 0 auto;background:linear-gradient(135deg,#ff7aa2,#f43f6b);color:#fff;font-weight:800;border:none;border-radius:999px;padding:8px 16px;font-size:.78rem;white-space:nowrap;box-shadow:0 3px 10px rgba(244,63,107,.4);cursor:pointer;}
.inv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 14px;}
.inv-node{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(245,179,1,.35);border-radius:12px;padding:10px 4px 8px;text-align:center;}
.inv-node .chest{height:42px;display:flex;align-items:center;justify-content:center;}
.inv-node .chest i{width:38px;height:38px;background:url(img/bauxes-f.webp) center/contain no-repeat;filter:grayscale(.95) brightness(.65);}
.inv-node.claim{border-color:#f5b301;box-shadow:0 0 14px rgba(245,179,1,.5);}
.inv-node.claim .chest i{filter:none;}
.inv-node.done{opacity:.6;}
.inv-node.done .chest i{filter:none;}
.inv-node.done::after{content:"\2713";position:absolute;top:3px;right:7px;color:#4ade80;font-weight:900;}
.inv-node.lock{opacity:.38;}
.inv-val{display:inline-block;margin-top:4px;background:rgba(0,0,0,.42);border:1px solid rgba(245,179,1,.55);color:#ffd75e;font-weight:900;font-size:.72rem;border-radius:8px;padding:2px 8px;}
.inv-lab{margin-top:4px;color:#9aa4d8;font-size:.58rem;}
.conv-claim{width:100%;margin:2px 0 14px;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,#ffe9a8,#f5b301 55%,#d99a00);color:#221500;font-weight:900;font-size:.9rem;letter-spacing:.5px;box-shadow:0 4px 16px rgba(245,179,1,.4);cursor:pointer;}
.cb-q{color:#cfd3ff;font-size:.8rem;font-weight:700;margin:12px 0 8px;}
.cb-q small{display:block;color:#8b93c9;font-weight:400;font-size:.68rem;}
.cb-stats{margin:0 0 6px;}
.cbs{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;margin:6px 0;color:#cfd3ff;font-size:.74rem;}
.cbs b{display:block;text-align:right;color:#ffd75e;font-size:.95rem;}
.cbs i{display:block;text-align:right;font-style:normal;color:#8b93c9;font-size:.64rem;}
.cb-regras-t{color:#ffd75e;font-weight:800;font-size:.8rem;margin:14px 0 6px;}
.cb-regras{color:#9aa4d8;font-size:.7rem;line-height:1.55;padding-left:18px;margin:0 0 20px;}

/* ================= v3.10.3 — banner moto (recorte) + logo topo tigre moto ================= */
.hero{height:auto;background:#0b1220;}
.hero-art{position:static;display:block;width:100%;height:auto;object-fit:contain;object-position:center;}
.hero-scrim{display:none;}
.hero-txt{left:0;right:0;top:auto;bottom:0;transform:none;display:flex;justify-content:center;align-items:flex-end;}
.hero-txt::before{display:none;}
.hero-txt h1,.hero-txt p{display:none;}
.hero-cta{position:static;width:auto;margin:0 0 10px;padding:9px 24px;border-radius:999px;background:linear-gradient(135deg,#ffe9a8,#f5b301 55%,#d99a00);color:#221500;font-weight:900;font-size:.8rem;letter-spacing:.5px;box-shadow:0 6px 20px rgba(0,0,0,.65),0 0 16px rgba(245,179,1,.45);}
.logo-tig{height:40px;width:auto;border-radius:10px;object-fit:cover;box-shadow:0 2px 10px rgba(0,0,0,.55),0 0 14px rgba(245,179,1,.45);}

/* ================= v3.10.4 — logo tigre-moto tambem no login ================= */
.big-logo{align-items:center;}
.big-tig{height:80px;width:auto;border-radius:14px;object-fit:cover;filter:none;box-shadow:0 4px 18px rgba(0,0,0,.6),0 0 26px rgba(245,179,1,.45);}

/* ================= v3.10.5 — logo 333GO.ONLINE oficial (sem nome antigo) ================= */
.logo{gap:0;}
.logo-new{display:block;height:42px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));}
.big-logo{gap:0;}
.big-logo .logo-new{height:auto;max-height:108px;max-width:min(92vw,640px);filter:drop-shadow(0 6px 22px rgba(0,0,0,.65)) drop-shadow(0 0 28px rgba(245,179,1,.35));}
@media (max-width:560px){.big-logo .logo-new{max-height:80px;}}

/* ================= v3.10.6 — grade padronizada (todos os tamanhos iguais) ================= */
.pop,#cas-grid,.dw-pop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.pop .gcard,#cas-grid .gcard,.dw-pop-grid .gcard{width:auto;height:auto;margin:0;}
@media (min-width:700px){ .pop,#cas-grid{grid-template-columns:repeat(6,1fr);} }

/* v3.10.9 anti-bot: honeypot invisivel + caixa de verificação */
.hp-field{position:absolute !important;left:-9999px !important;width:1px;height:1px;padding:0;margin:0;border:0;opacity:0;pointer-events:none}
.chalbox{margin:10px 0 2px;padding:10px;border:1px solid rgba(245,179,1,.4);border-radius:10px;background:rgba(245,179,1,.06)}
.chal-q{font-size:14px;margin-bottom:8px;color:#ffd76a}
.chal-inp{width:90px;padding:8px;font-size:16px;text-align:center;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.3);color:#fff}
.chal-ok{margin-left:8px;padding:8px 14px;font-size:13px;border-radius:8px}
.chal-err{font-size:12px;color:#ff7a6b;margin-top:6px}