/* Cassino10 (16/10/2026): home no molde da Blaze por cima da IG System.
   Tudo com prefixo c10-. A classe html.c10 e posta pelo JS; sem JS nada muda. */

/* ===== tema ===== */
html.c10{--color-surface:#10231A;--color-surface-2:#16301F;--color-border:#1C3A27;--color-text-muted:#8CA595;--c10-gold:#F5C21B;--c10-gold2:#FFD84D;--c10-bg:#07120C;--c10-panel:#10231A;--c10-panel2:#16301F;--c10-line:#1C3A27;--c10-line2:#27512F;--c10-muted:#8CA595;--c10-muted2:#5F7A69;--c10-green:#22C55E}
html.c10 body{background:var(--c10-bg)}
html.c10 header.sticky{background:rgba(7,18,12,.92) !important;border-bottom:1px solid var(--c10-line) !important}
html.c10 aside.fixed{background:#0B1A11 !important;border-right:1px solid var(--c10-line) !important}

/* so cassino: esconde o lado de esportes */
html.c10 a[href*="/esportes"]{display:none !important}

/* menu lateral: item ativo em pilula com filete dourado */
html.c10 aside nav a{border-radius:8px}
html.c10 aside nav a.bg-\[var\(--color-primary\)\],html.c10 aside nav a[class*="bg-[var(--color-primary)"]{background:var(--c10-panel2) !important;color:#fff !important;box-shadow:inset 3px 0 0 var(--c10-gold)}

/* main de largura cheia: a coluna "Maiores ganhos" vira ticker + feed */
@media(min-width:1024px){html.c10 main .lg\:pr-72{padding-right:0 !important}html.c10 main .lg\:mr-\[12px\]{margin-right:0 !important}}
html.c10 .c10-src-desk,html.c10 .c10-src-mob{display:none !important}
html.c10 .c10-hide{display:none !important}

/* cabecalhos de fileira no padrao Blaze */
html.c10 main section > div.flex.items-center h2{font-size:17px;font-weight:900;letter-spacing:-.01em}

/* ===== ticker de ganhos ===== */
.c10-tk{height:34px;margin:0 -1px;background:#0B1A11;border-bottom:1px solid var(--c10-line);display:flex;align-items:center;overflow:hidden;position:relative}
.c10-tk-lab{flex:none;height:100%;display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--c10-panel);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--c10-gold);border-right:1px solid var(--c10-line);z-index:1;white-space:nowrap}
.c10-tk-lab i{width:7px;height:7px;border-radius:50%;background:var(--c10-green);box-shadow:0 0 0 3px rgba(34,197,94,.2);animation:c10-pulse 1.6s infinite}
@keyframes c10-pulse{50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}
.c10-tk-track{display:flex;gap:28px;white-space:nowrap;animation:c10-tick var(--c10-dur,60s) linear infinite;padding-left:20px;will-change:transform}
.c10-tk-track:hover{animation-play-state:paused}
@keyframes c10-tick{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.c10-tk-track{animation:none}}
.c10-tk-it{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--c10-muted);text-decoration:none}
.c10-tk-it img{width:22px;height:22px;border-radius:5px;object-fit:cover}
.c10-tk-it b{color:#fff;font-weight:600}.c10-tk-it em{font-style:normal;color:var(--c10-gold);font-weight:800}

/* ===== banner grande (17/10, Blaze): um slide por vez, bolinhas da IG em dourado ===== */
html.c10 main section.c10-bn > div.relative.rounded-xl{border-radius:14px;border:1px solid var(--c10-line)}
@media(min-width:1024px){html.c10 main section.c10-bn > div.relative.rounded-xl{aspect-ratio:16/5 !important}}
@media(max-width:639.98px){html.c10 main section.c10-bn > div.relative.rounded-xl{aspect-ratio:16/9 !important}}
html.c10 main section.c10-bn div.c10-bn-slide{background:radial-gradient(70% 140% at 100% 50%,rgba(245,194,27,.22),transparent 60%),linear-gradient(120deg,#0F3320 0%,#0A1F14 55%,#07120C 100%) !important}
html.c10 main section.c10-bn button[aria-label]{display:none !important}
html.c10 main section.c10-bn > div.absolute{bottom:10px !important;gap:6px}
html.c10 main section.c10-bn > div.absolute button{height:6px !important;border-radius:999px}
.c10-bn-in{position:relative;z-index:2;padding:22px 20px;max-width:54%}
.c10-bn-eye{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--c10-gold);margin-bottom:6px}
.c10-bn-t{font-size:22px;line-height:1.05;font-weight:900;color:#fff;letter-spacing:-.01em;margin-bottom:6px}
.c10-bn-s{font-size:12px;line-height:1.4;color:rgba(234,242,236,.78);margin-bottom:12px;max-width:380px}
.c10-bn-cta{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:999px;background:var(--c10-gold);color:#141407;font-weight:800;font-size:12.5px;text-decoration:none}
.c10-bn-cta:hover{filter:brightness(1.06)}
.c10-bn-art{position:absolute;right:4%;top:50%;transform:translateY(-50%);display:flex;gap:0;z-index:1;pointer-events:none}
.c10-bn-art img{width:17%;min-width:76px;max-width:150px;aspect-ratio:3/4;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.c10-bn-art img:nth-child(1){transform:rotate(-10deg) translate(26px,8px)}
.c10-bn-art img:nth-child(2){transform:translateY(-10px);z-index:2}
.c10-bn-art img:nth-child(3){transform:rotate(10deg) translate(-26px,8px)}
@media(min-width:1024px){
  .c10-bn-in{padding:36px 44px;max-width:52%}
  .c10-bn-eye{font-size:12px;margin-bottom:10px}
  .c10-bn-t{font-size:36px;margin-bottom:10px}
  .c10-bn-s{font-size:15px;margin-bottom:18px;max-width:460px}
  .c10-bn-cta{height:42px;padding:0 20px;font-size:13.5px}
  .c10-bn-art{right:5%}
  .c10-bn-art img{width:132px}
}
@media(max-width:639.98px){
  .c10-bn-in{max-width:68%;padding:16px 16px}
  .c10-bn-t{font-size:19px}
  .c10-bn-s{display:none}
  .c10-bn-cta{height:32px;font-size:12px;padding:0 13px}
  .c10-bn-art{right:-4%}
  .c10-bn-art img{width:70px;min-width:0;border-radius:8px}
  .c10-bn-art img:nth-child(1){transform:rotate(-10deg) translate(18px,6px)}
  .c10-bn-art img:nth-child(3){transform:rotate(10deg) translate(-18px,6px)}
}
/* ===== pilulas de categoria (Blaze) ===== */
.c10-pills{margin-top:12px}
.c10-pills-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.c10-pills-row::-webkit-scrollbar{display:none}
.c10-pill{flex:none;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:999px;background:var(--c10-panel);border:1px solid var(--c10-line);color:var(--c10-muted);font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap;transition:color .15s,border-color .15s}
.c10-pill:hover{color:#fff;border-color:var(--c10-line2)}
.c10-pill.on{background:var(--c10-gold);border-color:var(--c10-gold);color:#141407}
.c10-pill svg{flex:none}

/* ===== Originals ===== */
.c10-og-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 7*12px)/8);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:4px;scrollbar-width:none}
.c10-og-row::-webkit-scrollbar{display:none}
@media(max-width:1200px){.c10-og-row{grid-auto-columns:calc((100% - 5*12px)/6)}}
@media(max-width:640px){.c10-og-row{grid-auto-columns:calc((100% - 2*10px)/3);gap:10px}}
.c10-og{position:relative;aspect-ratio:3/4;border-radius:10px;overflow:hidden;scroll-snap-align:start;border:1px solid var(--c10-line);display:flex;flex-direction:column;justify-content:flex-end;padding:12px;transition:.18s;isolation:isolate;text-decoration:none;color:#fff}
.c10-og:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.45);border-color:var(--c10-line2)}
.c10-og b{font-size:18px;line-height:1;font-weight:900;letter-spacing:-.01em;color:#fff}
.c10-og small{font-size:10.5px;color:rgba(255,255,255,.72);margin-top:4px;font-weight:600;line-height:1.2}
.c10-og .mk{position:absolute;top:10px;left:10px;height:18px;padding:0 6px;border-radius:4px;background:rgba(0,0,0,.4);font-size:9px;letter-spacing:.14em;font-weight:800;color:var(--c10-gold);display:flex;align-items:center;gap:4px;text-transform:uppercase}
.c10-og .mk::before{content:"";width:10px;height:10px;border-radius:2px;background:var(--c10-gold)}
.c10-og .fx{position:absolute;inset:0;z-index:-1}
.c10-og-crash{background:linear-gradient(160deg,#0E2D1C,#07120C)}
.c10-og-crash .fx{background:linear-gradient(transparent 94%,rgba(255,255,255,.06) 94%) 0 0/100% 22px,linear-gradient(90deg,transparent 94%,rgba(255,255,255,.06) 94%) 0 0/22px 100%}
.c10-og-crash .fx::after{content:"";position:absolute;left:8%;bottom:28%;width:84%;height:52%;background:linear-gradient(to top right,transparent 49.3%,var(--c10-gold) 49.3%,var(--c10-gold) 51.5%,transparent 51.5%);clip-path:polygon(0 100%,100% 0,100% 100%);opacity:.9;filter:drop-shadow(0 0 10px rgba(245,194,27,.6))}
.c10-og-crash .fx::before{content:"2.47\00d7";position:absolute;right:12px;top:40px;font-size:22px;font-weight:900;color:var(--c10-gold)}
.c10-og-plinko{background:linear-gradient(160deg,#102A1B,#07120C)}
.c10-og-plinko .fx{background:radial-gradient(circle,#F5C21B 1.6px,transparent 2px) 0 0/18px 18px;-webkit-mask:linear-gradient(to bottom,transparent 12%,#000 20%,#000 65%,transparent 78%);mask:linear-gradient(to bottom,transparent 12%,#000 20%,#000 65%,transparent 78%)}
.c10-og-plinko .fx::after{content:"";position:absolute;left:50%;top:14%;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff;transform:translateX(-50%)}
.c10-og-dice{background:linear-gradient(160deg,#0E2D1C,#07120C)}
.c10-og-dice .fx::before{content:"";position:absolute;left:50%;top:38%;width:66px;height:66px;border-radius:14px;background:linear-gradient(145deg,#FFF,#D1D5DB);transform:translate(-50%,-50%) rotate(14deg);box-shadow:0 14px 30px rgba(0,0,0,.5)}
.c10-og-dice .fx::after{content:"";position:absolute;left:50%;top:38%;width:12px;height:12px;border-radius:50%;background:#07120C;transform:translate(-50%,-50%);box-shadow:-20px -20px 0 #07120C,20px 20px 0 #07120C,20px -20px 0 #07120C,-20px 20px 0 #07120C}
.c10-og-goal{background:linear-gradient(160deg,#0C3D1F,#07120C)}
.c10-og-goal .fx::before{content:"\26BD";position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-size:58px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.6))}
.c10-og-hilo{background:linear-gradient(160deg,#16301F,#07120C)}
.c10-og-hilo .fx::before,.c10-og-hilo .fx::after{content:"";position:absolute;width:48px;height:66px;border-radius:8px;top:30px;background:linear-gradient(145deg,#fff,#CBD5E1);box-shadow:0 10px 24px rgba(0,0,0,.5)}
.c10-og-hilo .fx::before{left:22px;transform:rotate(-12deg)}.c10-og-hilo .fx::after{left:62px;top:44px;transform:rotate(10deg);background:linear-gradient(145deg,#F87171,#B91C1C)}
.c10-og-keno{background:linear-gradient(160deg,#0E2D1C,#07120C)}
.c10-og-keno .fx{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:34px 14px 70px}
.c10-og-keno .fx i{border-radius:6px;background:#1C3A27;border:1px solid #2A5438}
.c10-og-keno .fx i:nth-child(3),.c10-og-keno .fx i:nth-child(10){background:radial-gradient(circle at 40% 40%,#FFE27A,#B98D06);border-color:#F5C21B;box-shadow:0 0 14px rgba(245,194,27,.6)}
.c10-og-keno .fx i:nth-child(7){background:radial-gradient(circle at 40% 40%,#FCA5A5,#991B1B);border-color:#EF4444}
.c10-og-roleta{background:linear-gradient(160deg,#2A1E05,#07120C)}
.c10-og-roleta .fx::before{content:"";position:absolute;left:50%;top:40%;width:96px;height:96px;border-radius:50%;transform:translate(-50%,-50%);background:conic-gradient(var(--c10-gold) 0 25%,#EF4444 0 50%,var(--c10-gold) 0 75%,#0F172A 0);box-shadow:0 0 0 6px #07120C,0 0 0 8px #B98D06,0 16px 40px rgba(0,0,0,.6)}
.c10-og-roleta .fx::after{content:"";position:absolute;left:50%;top:40%;width:34px;height:34px;border-radius:50%;background:#07120C;transform:translate(-50%,-50%);border:3px solid var(--c10-gold)}
.c10-og-hotline{background:linear-gradient(160deg,#102A1B,#07120C)}
.c10-og-hotline .fx::before{content:"";position:absolute;left:50%;top:22%;width:4px;height:44%;background:linear-gradient(to top,var(--c10-gold),transparent);transform:translateX(-50%);box-shadow:0 0 14px rgba(245,194,27,.6)}
.c10-og-hotline .fx::after{content:"\1F680";position:absolute;left:50%;top:18%;transform:translateX(-50%);font-size:34px}

/* ===== feed "Ultimas apostas" ===== */
.c10-feed{border:1px solid var(--c10-line);border-radius:12px;background:#0B1A11;overflow:hidden}
.c10-feed-h{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--c10-line)}
.c10-feed-h h2{font-size:15px;font-weight:900;margin:0 auto 0 0;display:flex;align-items:center;gap:10px}
.c10-feed-h h2 i{width:8px;height:8px;border-radius:50%;background:var(--c10-green);animation:c10-pulse 1.6s infinite}
.c10-feed table{width:100%;border-collapse:collapse;font-size:13px}
.c10-feed th{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--c10-muted2);text-align:left;font-weight:700;padding:10px 14px}
.c10-feed td{padding:11px 14px;border-top:1px solid var(--c10-line);white-space:nowrap}
.c10-feed tr:nth-child(even) td{background:rgba(255,255,255,.015)}
.c10-feed td.gm{display:flex;align-items:center;gap:10px;font-weight:600}.c10-feed td.gm img{width:30px;height:30px;border-radius:6px;object-fit:cover;object-position:top}
.c10-feed td.usr{color:var(--c10-muted)}.c10-feed td.win{text-align:right;color:var(--c10-green);font-weight:800;font-variant-numeric:tabular-nums}
.c10-feed td.gm a{color:inherit;text-decoration:none}
@media(max-width:640px){.c10-feed th:nth-child(2),.c10-feed td:nth-child(2){display:none}}

/* ===== anti-pisca: o lobby so aparece montado ===== */
html.c10-montando main{visibility:hidden}

/* b (16/10): o atalho Originals do menu herdava o fundo dourado do item ativo por uma regra da IG */
html.c10 aside nav a.c10-nav-og{background:transparent !important;color:var(--c10-muted) !important}
html.c10 aside nav a.c10-nav-og:hover{background:rgba(255,255,255,.05) !important;color:#fff !important}

/* ===== c (16/10): menu lateral no molde da Blaze (lista curta com icone de linha) ===== */
html.c10 aside nav.c10-nav{display:block;padding:14px 12px 24px}
.c10-seg{display:grid;grid-template-columns:1fr 1fr;background:var(--c10-panel);border-radius:999px;padding:4px;margin-bottom:14px}
.c10-seg a{height:38px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:800;font-size:13px;color:var(--c10-muted);text-decoration:none}
.c10-seg a.on{background:linear-gradient(180deg,var(--c10-gold2),var(--c10-gold));color:#1A1400}
.c10-seg a svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.c10-nav-t{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--c10-muted2);font-weight:800;padding:14px 12px 8px}
.c10-nav a.c10-it{display:flex;align-items:center;gap:12px;height:42px;padding:0 12px;border-radius:8px;color:var(--c10-muted);font-weight:600;font-size:13.5px;text-decoration:none;transition:.15s}
.c10-nav a.c10-it:hover{background:var(--c10-panel);color:#fff}
.c10-nav a.c10-it.on{background:var(--c10-panel2);color:#fff;box-shadow:inset 3px 0 0 var(--c10-gold)}
.c10-nav a.c10-it svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.c10-nav a.c10-it .tag{margin-left:auto;font-size:9.5px;font-weight:800;letter-spacing:.08em;padding:3px 7px;border-radius:999px;background:#EF4444;color:#fff}
.c10-nav a.c10-it .tag.g{background:var(--c10-gold);color:#1A1400}
.c10-nav .c10-card{margin:14px 4px 0;padding:14px;border-radius:12px;background:linear-gradient(160deg,#153A22,#0C2416);border:1px solid var(--c10-line2)}
.c10-nav .c10-card b{display:block;font-size:13px;color:#fff}.c10-nav .c10-card p{margin:4px 0 10px;font-size:12px;color:var(--c10-muted);line-height:1.4}
.c10-nav .c10-card a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:linear-gradient(180deg,var(--c10-gold2),var(--c10-gold));color:#1A1400;font-weight:800;font-size:12.5px;text-decoration:none}

/* ===== d (16/10): area da conta no molde da Blaze (Minha conta, Depositar, Sacar, Extrato, Promocoes, Avisos) ===== */
html.c10.c10-conta main > div{max-width:980px !important}
.c10-ct{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:4px;margin:0 0 18px;background:var(--c10-panel);border:1px solid var(--c10-line);border-radius:10px}
.c10-ct::-webkit-scrollbar{display:none}
.c10-ct a{flex:none;display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:700;color:var(--c10-muted);text-decoration:none;white-space:nowrap}
.c10-ct a svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.c10-ct a:hover{color:#fff;background:rgba(255,255,255,.04)}
.c10-ct a.on{background:var(--c10-panel2);color:#fff;box-shadow:inset 0 -2px 0 var(--c10-gold)}
/* cartoes da IG: cantos menores, borda e fundo da paleta */
html.c10.c10-conta main .rounded-2xl,html.c10.c10-conta main .rounded-xl{border-radius:8px !important}
html.c10.c10-conta main .bg-\[var\(--color-surface\)\]{background:#0B1A11 !important}
html.c10.c10-conta main h1{font-weight:900 !important;letter-spacing:-.01em}
/* botoes: principal dourado com texto escuro, secundario contorno */
html.c10.c10-conta main button[type=submit],html.c10.c10-conta main a.bg-\[var\(--color-primary\)\],html.c10.c10-conta main .bg-\[var\(--color-primary\)\]:not(input):not(div){background:linear-gradient(180deg,var(--c10-gold2),var(--c10-gold)) !important;color:#1A1400 !important;border-radius:8px !important;font-weight:800 !important}
html.c10.c10-conta main input[type=text],html.c10.c10-conta main input[type=email],html.c10.c10-conta main input[type=password],html.c10.c10-conta main input[type=tel],html.c10.c10-conta main input[type=number],html.c10.c10-conta main select{background:#10231A !important;border:1px solid #1C3A27 !important;border-radius:8px !important;color:#fff !important}
html.c10.c10-conta main input:focus{border-color:var(--c10-gold) !important;box-shadow:none !important;outline:0 !important}
/* chips de valor do deposito */
html.c10.c10-conta main form button[type=button]{border-radius:8px !important}
/* esconde a barra "aj-barra" e o Voltar da IG (a aba ja navega) */
html.c10.c10-conta main .aj-barra{display:none !important}

/* ===== e (16/10): cabecalho no molde da Blaze (saldo em pilula, Depositar dourado, sem Sacar no topo) ===== */
html.c10 header.sticky div.h-10.rounded-lg{background:#10231A !important;border:1px solid #1C3A27 !important;border-radius:999px !important;overflow:hidden}
html.c10 header.sticky div.h-10.rounded-lg > button{padding:0 12px 0 14px !important}
html.c10 header.sticky div.h-10.rounded-lg > button .uppercase{color:#8CA595 !important;letter-spacing:.12em}
html.c10 header.sticky div.h-10.rounded-lg > button .font-bold{color:#fff !important}
html.c10 header.sticky div.h-10.rounded-lg > a[href$="/depositar"]{background:linear-gradient(180deg,#FFD84D,#F5C21B) !important;color:#1A1400 !important;font-weight:800 !important;padding:0 14px !important;border-radius:999px !important;margin:3px !important;height:calc(100% - 6px) !important}
html.c10 header.sticky a.c10-sacar-topo{display:none !important}
html.c10 header.sticky > div > a[href$="/entrar"],html.c10 header.sticky > div > a[href$="/cadastrar"]{border-radius:999px !important;font-weight:800 !important}
html.c10 header.sticky > div > a[href$="/entrar"]{border:1px solid #27512F !important;background:transparent !important;color:#fff !important}
html.c10 header.sticky > div > a[href$="/cadastrar"]{background:linear-gradient(180deg,#FFD84D,#F5C21B) !important;color:#1A1400 !important}
html.c10 header.sticky .c10-avatar{box-shadow:0 0 0 2px #F5C21B}

/* ===== e: no celular a IG esconde o header nas telas de carteira (auth-janela) e deixa so a barra .aj-barra,
   que a gente tirou. Resultado: jogador sem menu nenhum. Header volta sempre. ===== */
html.c10.c10-conta header.sticky{display:block !important}
html.c10.c10-conta main .auth-janela{padding-top:8px !important}

/* ===== f (17/10): a regra da IG que esconde o header no celular e
   `@media(max-width:1023.98px) body:has(.auth-janela) header.sticky.top-0{display:none!important}` (0,3,2),
   empatava com a nossa e ganhava por vir depois. Aqui com especificidade maior. ===== */
@media(max-width:1023.98px){
  html.c10.c10-conta body:has(.auth-janela) header.sticky.top-0{display:block !important}
}

/* ===== g (17/10): a barra de baixo (nav.bb-mobile-bar) tambem sumia nas telas de carteira; volta junto com o header ===== */
@media(max-width:1023.98px){
  html.c10.c10-conta body:has(.auth-janela) nav.bb-mobile-bar{display:block !important}
  html.c10.c10-conta body:has(.auth-janela) main{padding-bottom:calc(84px + env(safe-area-inset-bottom)) !important}
}

/* ===== h (16/10): barra inferior do celular no molde da Blaze ===== */
html.c10 nav.c10-bar > div{display:grid;grid-template-columns:repeat(5,1fr);height:64px;align-items:stretch}
html.c10 nav.c10-bar .c10-bi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--c10-muted);text-decoration:none;background:none;border:0}
html.c10 nav.c10-bar .c10-bi svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.c10 nav.c10-bar .c10-bi.on{color:var(--c10-gold)}
html.c10 nav.c10-bar .c10-bcenter i{width:50px;height:50px;border-radius:50%;margin-top:-30px;background:linear-gradient(180deg,var(--c10-gold2),var(--c10-gold));display:grid;place-items:center;box-shadow:0 8px 20px rgba(245,194,27,.35),0 0 0 5px #07120C}
html.c10 nav.c10-bar .c10-bcenter i svg{stroke:#1A1400;width:24px;height:24px}
html.c10 nav.c10-bar .c10-bcenter span{color:#fff}
/* ===== h: rodape ===== */
html.c10 footer.c10-ft{margin-top:40px;border-top:1px solid var(--c10-line);background:#07120C}
.c10-ft-in{padding:34px 24px 20px}
.c10-ft-g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
.c10-ft-marca img{height:36px;width:auto;margin-bottom:12px}
.c10-ft-marca p{color:var(--c10-muted);font-size:12.5px;max-width:360px;margin:0 0 14px;line-height:1.5}
.c10-ft-btn{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--c10-line2);color:#fff;font-size:12.5px;font-weight:700;text-decoration:none}
.c10-ft-g h4{margin:0 0 10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c10-muted2)}
.c10-ft-g a{display:block;padding:5px 0;color:var(--c10-muted);font-size:13px;text-decoration:none}
.c10-ft-g a:hover{color:#fff}
.c10-ft-prov{margin-top:28px;display:flex;gap:8px;overflow:auto;scrollbar-width:none}
.c10-ft-prov span{flex:none;height:44px;padding:0 18px;display:flex;align-items:center;border-radius:8px;background:var(--c10-panel);border:1px solid var(--c10-line);font-size:13px;font-weight:900;color:var(--c10-muted)}
.c10-ft-b{margin-top:22px;padding-top:16px;border-top:1px solid var(--c10-line);display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--c10-muted2);font-size:11.5px}
.c10-ft-b .age{width:34px;height:34px;border-radius:50%;border:2px solid var(--c10-muted);display:grid;place-items:center;font-weight:900;color:#fff;font-size:12px;flex:none}
.c10-ft-b .lic{flex:1;min-width:260px}
@media(max-width:980px){.c10-ft-g{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.c10-ft-g{grid-template-columns:1fr}.c10-ft-in{padding:28px 16px 90px}}

/* ===== i (16/10): barra inferior sem orbe (Cassino no meio com icone normal) e header sem hamburguer no celular ===== */
html.c10 nav.c10-bar .c10-bcenter i{display:none}
html.c10 nav.c10-bar .c10-bcenter span{color:inherit}
html.c10 nav.c10-bar .c10-bcenter.on{color:var(--c10-gold)}
@media(max-width:1023.98px){
  html.c10 header.sticky > div > button.lg\:hidden:first-child{display:none !important}
  html.c10 header.sticky > div > a.lg\:hidden{margin-left:0 !important}
}

/* ===== j (16/10): coroa da logo como icone de Cassino na barra inferior ===== */
html.c10 nav.c10-bar .c10-bi img.c10-coroa{width:28px;height:auto;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
html.c10 nav.c10-bar .c10-bcenter:not(.on) img.c10-coroa{filter:grayscale(.35) brightness(.85)}

/* ===== k (17/10): barra inferior nao acompanha o "puxa pra baixo" do celular (bounce do iOS/Chrome):
   sem overscroll na pagina e a barra ancorada na camada de composicao ===== */
html.c10,html.c10 body{overscroll-behavior-y:none}
html.c10 nav.c10-bar{bottom:0 !important;transform:translateZ(0);will-change:transform}
html.c10 nav.c10-bar .c10-bi svg{width:24px;height:24px;stroke-width:1.7}

/* ===== l (17/10): no celular a pagina "andava pro lado" (Safari/iOS ignora overflow-x:hidden so no body;
   o ticker e as fileirinhas largas davam o que puxar). Recorte horizontal no html e no body e pintura contida
   nos blocos que rolam por dentro. ===== */
html.c10,html.c10 body{overflow-x:clip !important;max-width:100vw}
html.c10 .c10-tk{contain:paint}
html.c10 .c10-og-row,html.c10 .c10-ct,html.c10 .c10-ft-prov{contain:paint;overscroll-behavior-x:contain}

/* ===== m (17/10): a barra inferior da IG nao aparece antes de virar a nossa (Carlos: "abre layout antigo e depois vem pro novo") ===== */
html.c10 nav.bb-mobile-bar:not(.c10-bar) > *{visibility:hidden}
html.c10 footer:not(.c10-ft) > *{visibility:hidden}

/* ===== n (17/10): fileira de Originais com as capas no molde da Blaze ===== */
.c10-og.c10-og-capa{padding:0;background:#10231A}
.c10-og.c10-og-capa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* 17/10: cards limpos (Blaze): sem caixa "Pagou hoje" e sem o espaco reservado pra ela */
html.c10 a.bb-gamecard div.absolute.bottom-0.rounded-lg{display:none!important}
html.c10 a.bb-gamecard{padding-bottom:0!important}

/* 17/10: rodape compacto no celular (Carlos: "rodape no mobile muito comprido") */
@media(max-width:640px){
  .c10-ft-in{padding:20px 16px 84px}
  .c10-ft-g{grid-template-columns:1fr 1fr 1fr;gap:8px 12px}
  .c10-ft-marca{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:4px}
  .c10-ft-marca img{height:24px;margin:0}
  .c10-ft-marca p{flex:1 1 100%;font-size:11.5px;line-height:1.4;margin:0 0 2px;max-width:none}
  .c10-ft-btn{height:30px;padding:0 12px;font-size:11.5px}
  .c10-ft-g h4{margin:0 0 4px;font-size:10px;letter-spacing:.1em}
  .c10-ft-g a{padding:2px 0;font-size:11.5px}
  .c10-ft-prov{margin-top:12px;gap:6px}
  .c10-ft-prov span{height:26px;padding:0 10px;font-size:10px;border-radius:6px}
  .c10-ft-b{margin-top:10px;padding-top:10px;gap:6px 10px;font-size:10px;line-height:1.35}
  .c10-ft-b .age{width:24px;height:24px;font-size:9.5px;border-width:1.5px}
  .c10-ft-b .lic{min-width:0;flex:1 1 100%}
}

/* 17/10: botao da conta ao lado do Depositar = quadrado escuro com silhueta de usuario
   (print do Carlos), no lugar do quadrado dourado com a inicial. O botao da IG e
   button.size-9.rounded-lg.font-black com a inicial como texto solto (por isso color:transparent). */
html.c10 header.sticky .c10-avatar,
html.c10 header.sticky button[class*="size-9"][class*="rounded-lg"][class*="font-black"]{width:38px !important;height:38px !important;min-width:38px;border-radius:10px !important;background:#10231A !important;border:1px solid #1C3A27 !important;box-shadow:none !important;position:relative;overflow:hidden;padding:0 !important;color:transparent !important;font-size:0 !important}
html.c10 header.sticky .c10-avatar > *,
html.c10 header.sticky button[class*="size-9"][class*="rounded-lg"][class*="font-black"] > *{opacity:0 !important}
html.c10 header.sticky .c10-avatar::after,
html.c10 header.sticky button[class*="size-9"][class*="rounded-lg"][class*="font-black"]::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/></svg>") center/20px 20px no-repeat}
html.c10 header.sticky .c10-avatar:hover,
html.c10 header.sticky button[class*="size-9"][class*="rounded-lg"][class*="font-black"]:hover{border-color:#F5C21B !important}

/* ===== 17/10 c: menu lateral no molde Blaze (secoes recolhiveis) ===== */
.c10-nav .c10-seg{display:none}
.c10-nav-sec{margin-top:10px;border-top:1px solid var(--c10-line);padding-top:6px}
.c10-nav-h{width:100%;display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 12px;background:none;border:0;cursor:pointer;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--c10-muted2);font-weight:800}
.c10-nav-h svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .15s}
.c10-nav-sec:not(.open) .c10-nav-h svg{transform:rotate(-90deg)}
.c10-nav-sec:not(.open) .c10-nav-b{display:none}
.c10-nav a.c10-it{height:38px;font-size:13px}
.c10-nav a.c10-it-og img{width:22px;height:22px;border-radius:5px;object-fit:cover;flex:none;border:1px solid var(--c10-line)}
.c10-nav a.c10-it-home{margin-bottom:2px}
/* logo some do aside no desktop: ela vai pro cabecalho */
@media(min-width:1024px){
  html.c10 aside > a:first-child{display:none !important}
  html.c10 aside{padding-top:64px !important}
}
/* ===== cabecalho desktop: hamburguer + logo + abas ===== */
.c10-topo{display:none}
@media(min-width:1024px){
  .c10-topo{display:flex;align-items:center;gap:14px;flex:1;min-width:0}
  html.c10 header.sticky > div > div.flex-1.min-w-0{display:none}
  .c10-hb{width:38px;height:38px;border-radius:10px;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
  .c10-hb:hover{background:var(--c10-panel)}
  .c10-hb svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
  .c10-logo img{height:34px;width:auto;display:block}
  .c10-tabs{display:flex;align-items:stretch;gap:4px;margin-left:auto;margin-right:auto;height:64px}
  .c10-tabs a{display:flex;align-items:center;gap:7px;padding:0 16px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c10-muted);text-decoration:none;border-bottom:2px solid transparent}
  .c10-tabs a:hover{color:#fff}
  .c10-tabs a.on{color:#fff;border-bottom-color:var(--c10-gold)}
  html.c10 header.sticky{z-index:50}
  html.c10.c10-sb-min aside{transform:translateX(-100%) !important}
  html.c10.c10-sb-min main{--c10-x:0}
  html.c10.c10-sb-min .lg\:ml-64{margin-left:0 !important}
}

/* 17/10 h: icone nas abas do cabecalho (lupa na Pesquisa, pedido do Carlos) + arte do banner afastada do titulo no celular */
.c10-tabs a svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media(max-width:639.98px){
  .c10-bn-in{max-width:58%}
  .c10-bn-art{right:-10%}
  .c10-bn-art img{width:64px}
}

/* 17/10 i: menu lateral do desktop rola (Carlos: "ta fixo e tem mais coisas pra baixo").
   O aside da IG e fixed + flex-col; o nav antigo tinha flex-1 overflow-y-auto e o nosso nao. */
html.c10 aside nav.c10-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:40px}
html.c10 aside nav.c10-nav::-webkit-scrollbar{display:none}

/* 17/10 j: "Falar com o suporte" no rodape: so no celular (no desktop vai ter o icone do chat),
   texto centralizado dentro do campo (estava colado na borda esquerda) */
html.c10 footer.c10-ft .c10-ft-btn{display:inline-flex !important;align-items:center;justify-content:center;box-sizing:border-box;padding:0 18px !important;white-space:nowrap;line-height:1}
@media(max-width:640px){html.c10 footer.c10-ft .c10-ft-btn{width:100%;height:38px;font-size:13px}}
@media(min-width:1024px){html.c10 footer.c10-ft .c10-ft-btn{display:none !important}}