/* ====== Telas: bilhete, evento, minhas apostas, cassino, jogos, carteira, conta ====== */
/* bilhete */
.sels{display:grid;gap:8px;margin-bottom:12px}
.sel{padding:12px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line)}
.sel.bad{border-color:var(--down)}
.sel-l{font-weight:800;font-size:15px}.sel-m{color:var(--muted);font-size:13px;margin-top:2px}.sel-e{color:var(--faint);font-size:12.5px;margin-top:2px}
.sel-o{font:800 17px var(--display);display:block;margin-top:6px}.sel-o.up{color:var(--up)}.sel-o.down{color:var(--down)}
.sel-w{margin-top:8px;padding:7px 10px;border-radius:9px;background:var(--hot-soft);color:var(--hot);font-size:12.5px;font-weight:700}.sel-w.err{background:rgba(255,77,94,.12);color:var(--down)}
.x{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--faint);margin-left:auto}.x:hover{background:var(--surface-3);color:var(--text)}
.slip-sum{display:grid;gap:8px;margin:14px 0 4px;padding:14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line)}
.ret{font:800 20px var(--display);color:var(--brand)}:root[data-theme=light] .ret{color:var(--text)}
.slip .empty{padding:30px 10px}
/* evento */
.match{position:relative;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--line);padding:26px 18px 20px;margin-bottom:16px;background:var(--surface)}
.match-bg{position:absolute;inset:0;background:radial-gradient(70% 120% at 50% -20%,var(--brand-soft),transparent 70%),radial-gradient(60% 80% at 100% 100%,var(--hot-soft),transparent 70%)}
.match-in{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.team{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font:700 17px var(--display)}
.mid{display:flex;flex-direction:column;align-items:center;gap:8px}
.score{display:flex;align-items:center;gap:10px;font:800 44px var(--display);letter-spacing:-.04em}.score i{font-style:normal;color:var(--faint)}.score.vs{font-size:22px;color:var(--faint)}
.clock{color:var(--hot);font-weight:800}
.mkt{margin-bottom:18px}.mkt h3{font-size:16px;margin-bottom:10px;color:var(--muted)}
.bsum{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;margin-bottom:16px;border-radius:var(--r-md);background:var(--brand-soft);border:1px solid var(--line-2)}
.vs{font-variant-numeric:tabular-nums}
/* minhas apostas */
.bet-sels{display:grid;gap:10px}
.dot{width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--line-2);flex:0 0 auto}.dot.won{background:var(--up)}.dot.lost{background:var(--down)}
.li{display:flex;align-items:center;gap:12px}.li-i{width:40px;height:40px;border-radius:12px;background:var(--surface-3);display:grid;place-items:center;flex:0 0 auto;font-size:20px}
/* cassino */
.input-wrap .pre{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--faint);font-weight:700;display:grid;place-items:center}
.game-stage{padding:24px;border-radius:var(--r-lg);border:1px solid var(--line);background:radial-gradient(90% 120% at 80% 0,hsl(var(--h) 80% 50%/.22),transparent 60%),var(--surface);max-width:760px;margin:0 auto}
.game-bar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:16px}
.win-line{min-height:24px;margin-top:12px;text-align:center;font-weight:700;color:var(--muted)}.win-line.on{color:var(--up)}
.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:420px;margin:0 auto}
.reel{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);font-size:46px;color:var(--brand)}
:root[data-theme=light] .reel{color:var(--text)}
.reel.hit{border-color:var(--up);box-shadow:0 0 0 2px var(--up) inset}
.reels.spinning .reel{animation:blur .12s infinite alternate}@keyframes blur{to{transform:translateY(5px);opacity:.6}}
.crash{height:230px;display:grid;place-content:center;text-align:center;border-radius:var(--r-lg);background:linear-gradient(180deg,transparent,var(--brand-soft)),var(--surface-2);border:1px solid var(--line)}
.crash-m{font:800 68px var(--display);letter-spacing:-.04em;color:var(--brand)}.crash-m.bust{color:var(--down)}:root[data-theme=light] .crash-m{color:var(--text)}
.crash-sub{color:var(--muted);font-weight:600;margin-top:6px}
.wheel-wrap{display:grid;place-items:center;gap:12px}
.wheel{position:relative;width:220px;height:220px;border-radius:50%;background:conic-gradient(#0e9f5b 0 9.7deg,#d92d3f 9.7deg 19.4deg,#1b1f2a 19.4deg 29deg,#d92d3f 29deg 38.9deg,#1b1f2a 38.9deg 48.6deg,#d92d3f 48.6deg 58.3deg,#1b1f2a 58.3deg 68deg,#d92d3f 68deg 77.8deg,#1b1f2a 77.8deg 87.5deg,#d92d3f 87.5deg 97.2deg,#1b1f2a 97.2deg 360deg);border:8px solid var(--surface-3);box-shadow:var(--shadow)}
.wheel::after{content:"";position:absolute;inset:34%;border-radius:50%;background:var(--surface);border:4px solid var(--surface-3)}
.ball{position:absolute;top:-12px;left:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--brand);z-index:2}
.wheel-n{font:800 34px var(--display);min-width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--surface-3)}.wheel-n.red{background:#d92d3f;color:#fff}.wheel-n.black{background:#1b1f2a;color:#fff}.wheel-n.zero{background:#0e9f5b;color:#fff}
.bjt{display:grid;gap:16px;min-height:230px;padding:16px;border-radius:var(--r-lg);background:radial-gradient(100% 100% at 50% 0,#0e6b45,#0a4a31);color:#fff}
.bjt .faint{color:rgba(255,255,255,.7)}.bjt .win-line{color:#fff}.bjt .win-line.on{color:var(--brand)}
.cards{display:flex;gap:8px;margin-top:6px}.pc{width:52px;height:74px;border-radius:9px;background:#fff;color:#111;display:grid;place-items:center;font:800 20px var(--display)}.pc.back{background:repeating-linear-gradient(45deg,#2b3a8c,#2b3a8c 6px,#1f2b6e 6px,#1f2b6e 12px)}
/* promoções */
.promo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.promo-hero{position:relative;overflow:hidden;border-radius:var(--r-lg);min-height:200px;border:1px solid var(--line)}.promo-hero>svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.promo-hero-t{position:relative;padding:28px;max-width:520px;text-shadow:0 1px 12px rgba(0,0,0,.35);color:#fff}.promo-hero-t .muted{color:rgba(255,255,255,.85)}
.terms{display:grid;gap:10px}.terms li{display:flex;gap:10px;color:var(--muted)}.terms .ic{color:var(--up);margin-top:2px}
.prize-wheel{position:relative;width:240px;height:240px;margin:0 auto;border-radius:50%;background:conic-gradient(var(--brand) 0 60deg,var(--surface-3) 60deg 120deg,var(--hot) 120deg 180deg,var(--surface-3) 180deg 240deg,var(--info) 240deg 300deg,var(--surface-3) 300deg 360deg);border:6px solid var(--surface-3)}
.prize-wheel::before{content:"";position:absolute;top:-16px;left:calc(50% - 10px);border:10px solid transparent;border-top:18px solid var(--text);z-index:3}
.pz{position:absolute;inset:0;transform:rotate(calc(var(--i)*60deg + 30deg));}.pz b{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:70px;font-size:10.5px;line-height:1.1;text-align:center;color:#111}
/* carteira / conta */
.qr{display:inline-block;padding:10px;border-radius:14px;background:#fff}
.copy{display:flex;gap:8px;align-items:center;padding:8px 8px 8px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.copy code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}
.acc{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}.acc-nav{display:grid;gap:4px}
.steps{display:grid;gap:14px;counter-reset:s}.steps li{display:flex;gap:12px;align-items:center}.steps .n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);font-weight:800;color:var(--faint)}
.steps .done .n{background:var(--up);color:#06210f}.steps .now .n{background:var(--brand);color:var(--brand-ink)}
.faq{border-bottom:1px solid var(--line);padding:14px 0}.faq:last-child{border:0}.faq summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq p{margin-top:10px}
.faq[open] summary .ic{transform:rotate(180deg)}
/* formulários extras */
.ferr{display:block;min-height:0;color:var(--down);font-size:12.5px;font-weight:600;margin-top:4px}.ferr:empty{display:none}
.meter{height:5px;border-radius:5px;background:var(--surface-3);margin-top:8px;overflow:hidden}.meter i{display:block;height:100%;width:0;transition:.25s}
.or{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--faint);font-size:12px}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
@media (max-width:1100px){.acc{grid-template-columns:1fr}.acc-nav{grid-auto-flow:column;overflow:auto;grid-auto-columns:max-content}.match{padding:18px 12px}.score{font-size:34px}.team{font-size:14px}.crash-m{font-size:52px}}
/* ajustes */
.slide{padding-bottom:46px}.slide .btn{align-self:flex-start}
.odd .v{white-space:nowrap}.odd .was{font-size:11px;font-weight:600;color:var(--faint);text-decoration:line-through}
.odd.boost{padding:0 8px}.odd.boost .l{display:none}.odd.boost .v{margin:0 auto}
.grid2 .chips,.card .chips{flex-wrap:wrap;overflow:visible}
.promo-hero>svg{left:auto;right:-30px;width:55%;opacity:.9}.promo-hero{background:var(--surface-2)}
.prize-wheel{background:conic-gradient(var(--brand) 0 60deg,#FFC24B 60deg 120deg,var(--hot) 120deg 180deg,var(--info) 180deg 240deg,#2BD27F 240deg 300deg,#C084FC 300deg 360deg)}
.pz b{color:#111;font-weight:800}
.input-wrap .input:only-child{padding-left:14px}
/* mobile */
.bal{white-space:nowrap}.bal .btn{flex:0 0 auto}
.page-h{flex-wrap:wrap;gap:12px}
@media (max-width:1100px){
  .topbar .icon-btn.show-m{flex:0 0 auto}
  .top-right{gap:6px;min-width:0}
  .logo>span:last-child{display:none}.logo{gap:0}
}
@media (max-width:520px){
  .demo-bar{font-size:11px;padding:5px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .top-right [data-a=theme]{display:none}
  .bal{padding:3px 4px 3px 10px}.bal b{font-size:13px}.bal .btn-sm{padding:0 10px;height:32px;font-size:12px}
  .page-h .row,.page-h .input-wrap,.page-h .select{width:100%;min-width:0!important}
  .slide{padding-top:34px}
  .game-stage{padding:14px}.game-bar{flex-direction:column;align-items:stretch}
  .promo-hero-t{padding:20px}
}
@media (max-width:640px){.hero{min-height:250px}}
:root[data-theme=light] .odd{border-color:var(--line);background:var(--surface)}
:root[data-theme=light] .odd.on{border-color:transparent;background:var(--brand)}
#mkts{margin-top:16px}
/* barra inferior: Ao Vivo + bilhete flutuante */
.bn .pill.live{background:var(--hot);color:#fff}
.bdot{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--hot);border:2px solid var(--bg)}
.slipbar{display:none}
@media (max-width:1100px){
  .slipbar{position:fixed;left:12px;right:12px;bottom:calc(var(--bottom) + 10px + env(safe-area-inset-bottom));z-index:52;height:54px;padding:0 8px 0 10px;align-items:center;gap:10px;border-radius:var(--r-pill);background:var(--brand);color:var(--brand-ink);box-shadow:0 12px 30px -8px rgba(0,0,0,.6);transform:translateY(140%);opacity:0;pointer-events:none;transition:.25s}
  .slipbar.on{display:flex;transform:none;opacity:1;pointer-events:auto}
  .slipbar .n{width:30px;height:30px;border-radius:50%;background:var(--brand-ink);color:var(--brand);display:grid;place-items:center;font:800 14px var(--font)}
  .slipbar .muted{color:inherit;opacity:.75;font-weight:700}
  .slipbar .go{display:flex;align-items:center;gap:4px;padding:8px 14px;border-radius:var(--r-pill);background:var(--brand-ink);color:var(--brand);font-weight:800}
  .main{padding-bottom:calc(var(--bottom) + 80px)}
}
.rcpt{display:grid;gap:10px}.rcpt hr{border:0;border-top:1px dashed var(--line-2);width:100%;margin:2px 0}
.star{display:inline-grid;place-items:center;width:24px;height:24px;color:var(--faint);cursor:pointer;border-radius:50%}.star:hover{color:var(--warn)}.star.on{color:var(--warn)}.star.on svg path:first-child{opacity:.9}
.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th,.tbl td{padding:11px 12px;text-align:center;border-bottom:1px solid var(--line)}.tbl th{color:var(--faint);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.tbl td:nth-child(2),.tbl th:nth-child(2){text-align:left}
.tbl tr.z1 td:first-child{box-shadow:inset 3px 0 var(--up)}.tbl tr.z3 td:first-child{box-shadow:inset 3px 0 var(--down)}.score-s{min-width:56px;text-align:center;padding:4px 8px;border-radius:8px;background:var(--surface-3)}
.face{position:relative;width:150px;height:150px;border-radius:50%;margin:0 auto;display:grid;place-items:center;font-size:64px;color:var(--faint);background:var(--surface-2);border:3px dashed var(--brand)}
.face i{position:absolute;left:8%;right:8%;height:3px;background:var(--brand);box-shadow:0 0 14px var(--brand);animation:scan 1.4s ease-in-out infinite alternate}@keyframes scan{from{top:12%}to{top:86%}}
.pitch{width:100%;border-radius:12px;background:linear-gradient(90deg,#14753f 0 50%,#16803f 50% 100%);background-size:20% 100%;max-height:330px}
.pitch .pl{fill:none;stroke:rgba(255,255,255,.65);stroke-width:.4}.pitch .heat ellipse{fill:#fff}
.pm{cursor:pointer}.pm circle{fill:var(--brand);stroke:#06210f;stroke-width:.5;transition:r .15s}.pm:hover circle,.pm:focus circle{r:4.6}.pm text{font:800 2.8px var(--font);fill:var(--brand-ink);pointer-events:none}
.mv{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.mv[data-n="1"]{grid-template-columns:1fr;max-width:640px}
.mv-v{position:relative;aspect-ratio:16/9;border-radius:12px;background:#05080d;display:grid;place-items:center;overflow:hidden;color:var(--faint);text-align:center}.mv-v .ic{font-size:34px;margin:0 auto 6px}
.mv-v.play{background:linear-gradient(120deg,#0e5a35,#14753f,#0e5a35);background-size:200% 100%;animation:pan 6s linear infinite alternate;color:#fff}@keyframes pan{to{background-position:100% 0}}
.mv-live{display:flex;align-items:center;gap:8px;font-weight:800}.mv-x{position:absolute;top:8px;right:8px;width:32px;height:32px}
.days{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto}.day{flex:0 0 62px;padding:10px 0;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);display:grid;gap:2px;text-align:center}.day small{text-transform:capitalize;color:var(--faint);font-weight:700}.day b{font:800 20px var(--display)}.day.on{background:var(--brand);color:var(--brand-ink);border-color:transparent}.day.on small{color:inherit;opacity:.7}
.lvl-i{width:54px;height:54px;border-radius:16px;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-size:28px}
.quickbox{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin:0 0 12px;padding:10px 12px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line)}.quickbox .check{margin:0}
.up-slot{aspect-ratio:1;border:2px dashed var(--line-2);border-radius:var(--r-md);display:grid;place-items:center;align-content:center;gap:6px;color:var(--faint);font-weight:700;font-size:13px;cursor:pointer;overflow:hidden;text-align:center}.up-slot .ic{font-size:26px}.up-slot:hover{border-color:var(--brand)}.up-slot img{width:100%;height:100%;object-fit:cover}.up-slot.has{border-style:solid;border-color:var(--up)}
.cam{width:100%;max-height:300px;border-radius:14px;background:#000;transform:scaleX(-1)}
.pin-d{display:flex;gap:12px;justify-content:center;margin:18px 0}.pin-d i{width:16px;height:16px;border-radius:50%;border:2px solid var(--line-2)}.pin-d i.on{background:var(--brand);border-color:var(--brand)}
.pin-k{display:grid;grid-template-columns:repeat(3,72px);gap:12px;justify-content:center}.pin-k button{height:60px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);font:700 22px var(--display);display:grid;place-items:center}.pin-k button:active{background:var(--surface-3)}
.gheart{position:relative;z-index:3;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;cursor:pointer}.gheart.on{color:#ff4d6d}.gheart.big{width:42px;height:42px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.gheart.big.on{color:#ff4d6d}
.tour{margin:14px 0;padding:14px 16px;border-radius:var(--r-lg);border:1px solid var(--line-2);background:linear-gradient(100deg,var(--brand-soft),var(--hot-soft))}
.helpc{display:grid;gap:4px;justify-items:start;text-align:left;cursor:pointer}.helpc .ic{font-size:28px;color:var(--brand);margin-bottom:6px}:root[data-theme=light] .helpc .ic{color:var(--text)}.helpc:hover{border-color:var(--line-2)}
.chat{display:grid;gap:8px;max-height:46vh;overflow:auto;padding:4px}.msg{max-width:82%;padding:10px 14px;border-radius:16px;font-size:14.5px}.msg.b{background:var(--surface-3);border-bottom-left-radius:4px}.msg.u{background:var(--brand);color:var(--brand-ink);justify-self:end;border-bottom-right-radius:4px}
@media print{.topbar,.menu,.slip,.bottomnav,.demo-bar,.slipbar,.legal,.chips,.seg,.btn{display:none!important}.app{display:block}.main{padding:0}}
#view{min-width:0;max-width:100%}.chips{max-width:100%}
@media (max-width:760px){.mv{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.helpc{padding:14px}}