/* cm-helix-top.css — barra de cima do Count Master igual a do Helix
   (valores tirados do index.php do Helix: blocos gx-topbtn/gx-topbal, themev4 e gxdephide) */
/* barra de cima e de baixo: transparentes, so um pouco escurecidas (as duas iguais) */
nav.navtop-color,:is(.dark nav.navtop-color),.nav-glass,.nav-glass[class]{background:rgba(6,8,18,.7)!important;background-image:none!important;-webkit-backdrop-filter:blur(10px) saturate(1.2)!important;backdrop-filter:blur(10px) saturate(1.2)!important;box-shadow:none!important}
nav.navtop-color,:is(.dark nav.navtop-color){background:rgba(6,8,18,.7)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.nav-glass{border-top:1px solid rgba(255,255,255,.08)!important}
/* troca de aba sem o "apagar e acender" de 0,6s: era nesse intervalo que so o papel de parede aparecia */
.page-opacity-enter-active,.page-opacity-leave-active{transition:none!important}
.navtop-color img{height:36px!important;max-width:160px!important;width:auto!important;object-fit:contain!important}
/* saldo: caixinha com moeda dourada */
.navtop-color .bgnewone{min-width:0!important;padding:5px 9px!important;height:38px!important;font-size:13px!important;white-space:nowrap!important;background:#12203a!important;border-radius:8px!important;border:0!important;box-shadow:none!important}
.navtop-color .bgnewone::before{content:"";display:inline-block;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fff08a,#ffd21e 42%,#eba81c 78%,#c8860c);border:1px solid #a9760a;margin-right:7px;flex:0 0 auto;vertical-align:middle}
.navtop-color .bgnewone span{font-size:14px!important;font-weight:400!important}
.navtop-color .bgnewone svg{width:14px!important;height:14px!important;margin-left:8px!important;color:#757575!important}
/* Helix nao mostra o botao de deposito no topo (deposito fica na barra de baixo) */
.navtop-color .cm-dep-host{display:none!important}
/* caixinha do saldo: abre logo abaixo do botao, na mesma posicao do Helix */
.navtop-color .bgnewone + div.absolute,.navtop-color .relative > div.absolute.min-w-\[262px\]{top:41px!important;bottom:auto!important;right:-40px!important;background:#0a1124!important;z-index:60}
.navtop-color .bgnewone{cursor:pointer}
/* avatar: bolinha com borda amarela e a inicial */
.navtop-color button[class*="bg-white/[0.06]"]{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;background:linear-gradient(180deg,#1b2740,#0e1830)!important;border:2px solid #ffd21e!important;border-radius:50%!important;color:#ffd21e!important;font-size:14px!important}
.navtop-color button[class*="bg-white/[0.06]"] *{color:inherit}
.navtop-color button[class*="bg-white/[0.06]"] span{color:#fff!important}
/* botao do jogo (Jogar / Jogar gratis): 3D igual ao "JOGADA GRATIS" da home, em azul #0cc8fd */
.cm-action.cm-play,.cm-action.cm-play[class],.cm-action.cm-cash,.cm-action.cm-cash[class]{--b-alt:6px;background:linear-gradient(180deg,#b6effe 0%,#0cc8fd 16%,#09a7d6 100%)!important;border:2px solid #033847!important;border-radius:999px!important;color:#fff!important;text-transform:uppercase;letter-spacing:.04em;font-weight:800!important;text-shadow:0 2px 0 rgba(0,0,0,.45);box-shadow:0 6px 0 #055a72,0 13px 18px rgba(0,0,0,.5),inset 0 2px 0 rgba(255,255,255,.45)!important;margin-bottom:6px;animation:cmx-bub3d-pulse 2.8s ease-in-out infinite;transition:transform .07s,box-shadow .07s,filter .15s}
.cm-action.cm-play:not(:disabled):hover,.cm-action.cm-cash:not(:disabled):hover{filter:brightness(1.06);animation:none}
.cm-action.cm-play:not(:disabled):active,.cm-action.cm-cash:not(:disabled):active{transform:translateY(6px)!important;box-shadow:0 0 0 #055a72,0 3px 8px rgba(0,0,0,.5),inset 0 2px 0 rgba(255,255,255,.3)!important;animation:none}
.cm-action.cm-play:disabled,.cm-action.cm-cash:disabled{animation:none;filter:none!important;opacity:.85!important;cursor:default}
/* jogo: a caixinha de cima (modo/aposta) fica POR CIMA do jogo, e o jogo ocupa a tela ate o topo */
.cm-wrap{position:relative}
.cm-wrap>.cm-topbar{position:absolute!important;top:15px;left:15px;right:15px;z-index:20;background:rgba(10,14,23,.55)!important;border-color:rgba(255,255,255,.12)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* dica do jogo: pilula de vidro com borda em degrade azul/branco e maozinha deslizando */
.cm-board .cm-tip{display:flex!important;align-items:center;gap:9px;bottom:20px!important;max-width:calc(100% - 40px)!important;padding:8px 18px 8px 12px!important;border:1.5px solid transparent!important;background:linear-gradient(rgba(7,11,22,.84),rgba(7,11,22,.84)) padding-box,linear-gradient(90deg,#0cc8fd,#ffffff 50%,#0cc8fd) border-box!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 18px rgba(12,200,253,.35),0 8px 20px rgba(0,0,0,.3)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;letter-spacing:.02em;white-space:nowrap;animation:cmTipIn .35s ease-out both}
.cm-board .cm-tip::before{content:"";flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#0cc8fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11V5.5a1.5 1.5 0 0 1 3 0V11'/%3E%3Cpath d='M12 10.5V9a1.5 1.5 0 0 1 3 0v2'/%3E%3Cpath d='M15 10.5a1.5 1.5 0 0 1 3 0V15a6 6 0 0 1-6 6h-1.2a5 5 0 0 1-3.9-1.9L4.6 16.4a1.6 1.6 0 0 1 2.3-2.2L9 16V11'/%3E%3C/svg%3E") center/15px no-repeat;box-shadow:0 0 0 3px rgba(12,200,253,.25);animation:cmTipSwipe 1.4s ease-in-out infinite}
.cm-board .cm-tip::after{content:none!important}
@keyframes cmTipSwipe{0%,100%{transform:translateX(-3px) rotate(-8deg)}50%{transform:translateX(3px) rotate(8deg)}}
@keyframes cmTipIn{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
/* ===== jogo: caixinha de cima (modo + aposta) e caixinha do premio, visual novo ===== */
.cm-wrap>.cm-topbar{border:1.5px solid transparent!important;background:linear-gradient(180deg,rgba(9,14,28,.78),rgba(9,14,28,.62)) padding-box,linear-gradient(90deg,rgba(12,200,253,.7),rgba(255,255,255,.25) 50%,rgba(12,200,253,.7)) border-box!important;border-radius:16px!important;padding:8px 10px 8px 14px!important;box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 14px rgba(12,200,253,.18)!important}
.cm-wrap .cm-lbl{color:#8fb3d9!important;font-size:9.5px!important;font-weight:800!important;letter-spacing:.14em!important}
.cm-topbar .cm-val{font-size:17px!important;font-weight:900!important;color:#ffd21e!important;text-shadow:0 2px 0 rgba(0,0,0,.35)}
.cm-topbar .cm-betctl{gap:4px!important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:3px}
.cm-topbar .cm-betctl button{width:30px!important;height:30px!important;min-width:30px;border-radius:50%!important;border:1.5px solid #033847!important;background:linear-gradient(180deg,#b6effe 0%,#0cc8fd 22%,#09a7d6 100%)!important;color:#fff!important;font-size:18px!important;font-weight:900!important;line-height:1!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:0 3px 0 #055a72,inset 0 1px 0 rgba(255,255,255,.5)!important;cursor:pointer;transition:transform .07s,box-shadow .07s}
.cm-topbar .cm-betctl button:active{transform:translateY(3px);box-shadow:0 0 0 #055a72,inset 0 1px 0 rgba(255,255,255,.4)!important}
.cm-topbar .cm-betctl button:disabled{opacity:.45}
.cm-topbar .cm-amt{min-width:84px;text-align:center;font-size:15px!important;font-weight:900!important;color:#fff!important;font-variant-numeric:tabular-nums}

.cm-footer .cm-multirow{gap:14px!important;padding:10px 14px!important;border-radius:18px!important;border:1.5px solid transparent!important;background:linear-gradient(135deg,#0f1d3a,#0a1226) padding-box,linear-gradient(90deg,rgba(12,200,253,.55),rgba(255,255,255,.18) 50%,rgba(12,200,253,.55)) border-box!important;box-shadow:0 8px 22px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05)!important}
.cm-footer .cm-mval{font-size:24px!important;font-weight:900!important;color:#ffd21e!important;line-height:1.1!important;text-shadow:0 0 14px rgba(255,210,30,.35),0 2px 0 rgba(0,0,0,.35)}
.cm-footer .cm-hint{font-size:11.5px!important;color:#7f93b5!important;margin-top:2px}
/* "APOSTA" centralizado em cima do controle de aposta */
.cm-topbar .cm-stat.cm-right{align-items:center!important}
/* premio: sem a bola. Texto a esquerda e o multiplicador numa pilula a direita */
.cm-footer .cm-multirow{justify-content:space-between}
.cm-footer .cm-mtext{order:1;flex:1 1 auto;min-width:0}
.cm-footer .cm-mbubble{order:2;width:auto!important;height:auto!important;min-width:76px;padding:7px 12px!important;border-radius:999px!important;background:rgba(12,200,253,.12)!important;border:1.5px solid rgba(12,200,253,.55);box-shadow:0 0 14px rgba(12,200,253,.25)!important;flex-direction:column;gap:1px;transform:none!important}
.cm-footer .cm-mbubble::after{content:none!important}
.cm-footer .cm-mbubble::before{content:"MULTIPLICADOR";font-size:8px;font-weight:800;letter-spacing:.12em;color:#8fb3d9}
.cm-footer .cm-mbubble span,.cm-footer .cm-mbubble span.cm-small{font-size:17px!important;font-weight:900;color:#fff;text-shadow:none;font-variant-numeric:tabular-nums;line-height:1}
.cm-footer .cm-mbubble span::after{content:"x";font-size:12px;margin-left:1px;color:#0cc8fd}

/* avatar do topo e do menu: boneco vermelho/azul */
.cm-av-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.navtop-color button[class*="bg-white/[0.06]"]{overflow:visible}
.navtop-color button[class*="bg-white/[0.06]"] .cm-av-img{border-radius:50%;overflow:hidden}
/* jogo: botao Sair em vermelho */
.cm-wrap .cm-back.cm-sair{width:auto!important;padding:0 14px!important;background:linear-gradient(180deg,#f87171,#dc2626)!important;border:1px solid #7f1d1d!important;color:#fff!important;font-weight:800;font-size:13px;letter-spacing:.02em;box-shadow:0 3px 0 #7f1d1d}
.cm-wrap .cm-back.cm-sair:active{transform:translateY(2px);box-shadow:0 1px 0 #7f1d1d}
/* tela "Sair da partida?" */
.cm-sairwrap .cm-saircard{text-align:center;max-width:340px;width:100%}
.cm-sairwrap .cm-sairtxt{color:#cbd5e1;font-size:14px;line-height:1.45;margin:10px 0 16px}
.cm-sairwrap .cm-sairfica{display:block;width:100%;margin-top:10px;padding:12px;border-radius:14px;border:1px solid #2A3B5E;background:#182541;color:#e8eef9;font-weight:700;font-size:14px;cursor:pointer}

/* jogo: sem selecao de texto / menu de copiar ao segurar e arrastar no celular */
.cm-page,.cm-page *,.cm-wrap,.cm-wrap *,.cm-layer,.cm-layer *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent}
.cm-page input,.cm-page textarea,.cm-wrap input,.cm-wrap textarea{-webkit-user-select:text!important;user-select:text!important}
.cm-wrap canvas{touch-action:none}