:root{
  --bg:#0a1631; --card:#10224a; --card2:#142a5c; --line:rgba(246,195,63,.18); --navy:#0a1631; --navy2:#1a3570;
  --gold:#f6c33f; --gold2:#e0a11d; --txt:#ffffff; --txt2:#dbe3f3; --mut:#a3b2d1; --mut2:#6f80a8;
  --green:#3fd46f; --red:#ff3b5c;
  --gg:linear-gradient(180deg,#fff3b0 0%,#f8d453 40%,#e6a91f 100%);
  --r:18px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;width:100%;overflow:hidden;overscroll-behavior:none}
body{position:fixed;inset:0;touch-action:manipulation;background:#050b1a;color:var(--txt);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:14px;overflow:hidden;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
a{color:inherit;text-decoration:none}
input{font:inherit;color:inherit}
svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.phone{position:relative;max-width:430px;height:100%;margin:0 auto;background:var(--bg);overflow:hidden}
.screen{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior:contain;padding:0 16px 110px;scrollbar-width:none}
.screen::-webkit-scrollbar{display:none}
/* V spotlight */
.beams{position:absolute;left:0;right:0;top:0;height:420px;pointer-events:none;overflow:hidden}
.beams:before,.beams:after{content:'';position:absolute;top:-40px;width:150px;height:520px;background:linear-gradient(180deg,rgba(255,236,180,.30),rgba(255,214,130,.08) 55%,transparent);filter:blur(10px)}
.beams:before{left:22%;transform:rotate(-24deg);transform-origin:top center}
.beams:after{right:22%;transform:rotate(24deg);transform-origin:top center}
.beams i{position:absolute;inset:0;background:radial-gradient(ellipse 80% 55% at 50% 0,rgba(255,220,140,.16),transparent 70%)}
/* header */
.top{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:10px;padding:12px 16px 8px;margin:0 -16px;transition:background .2s}
.top.solid{background:rgba(10,22,49,.92);backdrop-filter:blur(12px)}
.top .ttl{font-weight:800;font-size:15px;opacity:0;transition:opacity .2s}
.top.solid .ttl,.top.always .ttl{opacity:1}
.top .sp{flex:1}
.ava{width:34px;height:34px;border-radius:50%;background:linear-gradient(140deg,#24479a,#0e2150);display:grid;place-items:center;font-size:17px;border:1.5px solid rgba(246,195,63,.7);flex:none;overflow:hidden}
.back{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;flex:none}
.back svg{width:16px;height:16px}
.bal{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border-radius:99px;background:rgba(12,28,66,.88);border:1.5px solid rgba(246,195,63,.55);font-weight:800;font-size:13px;box-shadow:0 0 14px rgba(246,195,63,.25)}
.bal .sep{width:1px;height:14px;background:rgba(255,255,255,.2)}
.bal svg{width:16px;height:16px;color:var(--gold)}
/* coin */
.coin{position:relative;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fffbe2 0,#ffe17c 28%,#f3ba2e 62%,#c4870c 100%);color:#0a1631;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-style:normal;font-weight:800;font-size:11px;line-height:1;letter-spacing:0;text-shadow:0 1px 0 rgba(255,246,205,.85),0 -1px 0 rgba(120,72,0,.18);box-shadow:inset 0 0 0 1px rgba(150,95,0,.5),inset 0 -2px 3px rgba(150,95,0,.25),0 0 8px rgba(246,195,63,.35);flex:none}
.coin:before{content:'';position:absolute;inset:2.5px;border-radius:50%;border:1px solid rgba(150,95,0,.42);box-shadow:0 1px 0 rgba(255,246,205,.6),inset 0 1px 0 rgba(255,246,205,.5);pointer-events:none}
.coin.md{overflow:hidden;width:44px;height:44px;font-size:22px;box-shadow:inset 0 0 0 1.5px rgba(150,95,0,.5),inset 0 -3px 6px rgba(150,95,0,.28),0 0 22px rgba(246,195,63,.5)}
.coin.md:before{inset:5px;border-width:1.5px}
.coin.lg{display:inline-grid;place-items:center;gap:0;overflow:hidden;white-space:normal;color:#0a1631;font-weight:800;width:76px;height:76px;font-size:38px;box-shadow:inset 0 0 0 2px rgba(150,95,0,.5),inset 0 -5px 10px rgba(150,95,0,.28),0 0 36px rgba(246,195,63,.6)}
.coin.lg:before{inset:8px;border-width:2px}
/* type */
h1{font-size:28px;font-weight:800;letter-spacing:-.6px;line-height:1.1}
.sub{color:var(--mut);font-size:13px;margin-top:4px;line-height:1.4}
.online{display:flex;align-items:center;gap:7px;color:var(--mut);font-size:12.5px;margin-top:7px;font-weight:600}
.dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.sec{display:flex;justify-content:space-between;align-items:flex-end;margin:24px 0 10px}
.sec h2{font-size:17px;font-weight:800}
.sec a,.sec .lnk{color:var(--gold);font-size:12px;font-weight:700;display:flex;align-items:center;gap:2px}
.sec a svg{width:14px;height:14px}
.row{display:flex;align-items:center;gap:10px}
.between{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mut{color:var(--mut)} .sm{font-size:12.5px} .xs{font-size:11px} .b{font-weight:800}
.foot{text-align:center;color:var(--mut2);font-size:11px;margin:22px 8px;line-height:1.6}
/* cards */
.card{background:linear-gradient(165deg,rgba(36,70,145,.5),rgba(12,27,62,.92));border:1px solid rgba(255,255,255,.11);border-radius:var(--r);padding:16px;position:relative;overflow:hidden}
.card.gold{background:linear-gradient(165deg,#1d3a7c,#0c1c44 75%);border:1.5px solid rgba(246,195,63,.6);box-shadow:0 0 26px rgba(246,195,63,.18),inset 0 1px 0 rgba(255,235,170,.25)}
.card.greenish{background:linear-gradient(100deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 70%);border-color:rgba(255,255,255,.26)}
.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.08);font-size:11px;color:var(--mut);font-weight:600}
.pill.g{background:var(--gg);color:#0a1631;font-weight:700}
.pill .d{width:6px;height:6px;border-radius:50%;background:var(--mut)}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border-radius:99px;background:var(--gg);color:#0a1631;font-weight:700;font-size:14px;box-shadow:0 6px 26px rgba(246,195,63,.35),inset 0 1px 0 #fff8;transition:transform .1s}
.btn:active{transform:scale(.97)}
.btn svg{width:17px;height:17px}
.btn.ghost{background:rgba(255,255,255,.04);color:var(--txt);box-shadow:none;border:1px solid rgba(255,255,255,.14);font-weight:700}
.btn.ghost.gl{color:var(--gold);border-color:rgba(246,195,63,.4)}
.btn:disabled{opacity:.4;pointer-events:none}
.bar{height:6px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:8px}
.bar i{display:block;height:100%;background:var(--gg);border-radius:9px;box-shadow:0 0 8px rgba(246,195,63,.6)}
.chev{color:var(--mut);display:grid;place-items:center} .chev svg{width:16px;height:16px}
/* game tiles */
.games{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gt{border-radius:18px;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:10px 6px 12px;text-align:center;border:1px solid rgba(255,255,255,.14);transition:transform .15s;aspect-ratio:.72}
.gt:active{transform:scale(.96)}
.gt .art{position:absolute;inset:0 0 34% 0;display:grid;place-items:center}
.gt b{position:relative;font-size:15px;font-weight:800;line-height:1.05;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.gt small{position:relative;font-size:10px;opacity:.8;margin-top:3px}
.tag{position:absolute;top:8px;left:8px;font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:99px;background:rgba(0,0,0,.45);z-index:2}
.tag.tp{left:auto;right:8px;background:#f6c33f;color:#0a1631}
.rays{position:absolute;inset:-30%;background:repeating-conic-gradient(rgba(255,255,255,.13) 0 8deg,transparent 8deg 20deg);-webkit-mask:radial-gradient(circle,#000 20%,transparent 60%);mask:radial-gradient(circle,#000 20%,transparent 60%)}
.t-rol{background:radial-gradient(circle at 50% 35%,#2d56b8,#10265e 70%,#0a1631)}
.t-bj{background:radial-gradient(circle at 50% 35%,#ffffff,#e3e9f5 60%,#b9c6df)}
.t-bj b,.t-bj small{color:#0a1631;text-shadow:none}
.t-bj .tag{background:#0a1631;color:#fff}
.t-bj .rays{background:repeating-conic-gradient(rgba(10,22,49,.07) 0 8deg,transparent 8deg 20deg)}
.t-cc{background:radial-gradient(circle at 50% 35%,#ffe27a,#e0a823 65%,#a8780c)}
.t-cc b,.t-cc small{color:#0a1631;text-shadow:none}
.t-cc .tag{background:#0a1631;color:#fff}
.t-hl{background:linear-gradient(135deg,#1f428f,#0a1631);border-color:rgba(246,195,63,.45)}
.pcard{width:34px;height:48px;border-radius:5px;background:#fff;color:#0a1631;font-weight:800;display:inline-flex;flex-direction:column;align-items:flex-start;padding:3px 4px;font-size:12px;box-shadow:0 4px 12px rgba(0,0,0,.45);line-height:1;position:relative;flex:none}
.pcard .s{position:absolute;right:4px;bottom:4px;font-size:18px}
.pcard.r{color:#e01b3c}
.pcard.back{background:repeating-linear-gradient(45deg,#1a3570 0 4px,#0e2150 4px 8px);border:2.5px solid #e9b23a}
.bigcoin{position:relative;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fffbe2 0,#ffe17c 28%,#f3ba2e 62%,#c4870c 100%);display:grid;place-items:center;color:#0a1631;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-style:normal;font-weight:800;font-size:16px;letter-spacing:.5px;text-shadow:0 1px 0 rgba(255,246,205,.85),0 -1px 0 rgba(120,72,0,.18);box-shadow:inset 0 0 0 2px rgba(150,95,0,.45),inset 0 -4px 8px rgba(150,95,0,.28),0 0 30px rgba(255,210,90,.7);flex:none}
.bigcoin:before{content:'';position:absolute;inset:6px;border-radius:50%;border:1.5px solid rgba(150,95,0,.4);box-shadow:0 1px 0 rgba(255,246,205,.6)}
/* horizontal scroll */
.hs{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}
.hs::-webkit-scrollbar{display:none}
.gcard{min-width:230px;padding:12px 14px}
.lg{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--mut);font-weight:600;white-space:nowrap;overflow:hidden}
.lg .t{overflow:hidden;text-overflow:ellipsis;flex:1}
.team{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;margin-top:6px}
.crest{width:18px;height:20px;border-radius:4px 4px 9px 9px;display:grid;place-items:center;font-size:8px;font-weight:900;color:#fff;flex:none;border:1px solid rgba(255,255,255,.3)}
.flag{display:inline-block;width:14px;height:10px;border-radius:2px;flex:none}
.mkt{font-size:10.5px;color:var(--mut);margin-top:8px}
.mkt b{display:block;color:var(--txt);font-size:12px;margin-top:2px}
/* nav */
.nav{position:absolute;left:0;right:0;bottom:0;z-index:20;height:74px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:0 4px 10px;background:linear-gradient(180deg,rgba(10,22,49,0),rgba(10,22,49,.97) 28%)}
.nav button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;white-space:nowrap;color:var(--mut);font-weight:600}
.nav button .ic{width:44px;height:28px;display:grid;place-items:center;border-radius:10px}
.nav button.on{color:var(--gold)}
.nav button.on .ic{background:linear-gradient(180deg,rgba(246,195,63,.45),rgba(200,140,20,.35));color:#ffe28a}
.nav .vip .ic{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c4,#f6c94a 45%,#c98a10);color:#0a1631;margin-top:-26px;box-shadow:0 0 0 4px var(--bg),0 0 26px rgba(246,195,63,.7)}
.nav .vip .ic svg{width:26px;height:26px}
.nav .vip.on .ic{background:radial-gradient(circle at 35% 30%,#fff6c4,#f6c94a 45%,#c98a10);color:#0a1631}
.nav .vip{color:var(--gold)}
/* rewards */
.ring{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;flex:none}
.ring>div{width:46px;height:46px;border-radius:50%;background:#0e1f47;display:grid;place-items:center;text-align:center;line-height:1.05;font-size:12px;font-weight:800}
.ring small{font-size:8px;font-weight:600;color:var(--mut)}
.slots{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:14px 0 10px}
.slots span{aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(255,255,255,.24)}
.slots span.f{background:var(--gg);border:0;box-shadow:0 0 8px rgba(246,195,63,.6)}
.mi{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;border-radius:16px}
.mi .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.08);flex:none}
.mi .ic svg{width:18px;height:18px}
.mi.done .ic{background:var(--gg);color:#0a1631}
.mi .rw{display:flex;align-items:center;gap:5px;font-weight:800;font-size:13px;align-self:flex-end}
/* tabs & chips */
.seg{display:flex;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:4px;gap:4px;margin:16px 0}
.seg button{flex:1;height:36px;border-radius:10px;font-size:12.5px;font-weight:600;color:var(--mut);position:relative}
.seg button.on{background:var(--gg);color:#0a1631;box-shadow:0 0 16px rgba(246,195,63,.35)}
.seg .soon{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:700;padding:1px 6px;border-radius:99px;background:#fff;color:#0a1631;white-space:nowrap;border:1px solid #fff}
.chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;align-items:center;margin:0 -16px;padding:2px 16px}
.chips::-webkit-scrollbar{display:none}
.chips button{height:32px;padding:0 13px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:700;color:var(--txt);white-space:nowrap;display:flex;align-items:center;gap:7px;flex:none}
.chips button.on{background:var(--gg);color:#0a1631;border-color:transparent}
.chips .sq{width:32px;padding:0;justify-content:center;margin-left:auto}
.chips .sq svg{width:15px;height:15px}
.nlogo{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-style:normal;font-weight:800;font-size:12px;line-height:1;flex:none}
/* shop */
.prods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.prod{padding:10px 10px 12px;cursor:pointer}
.prod .img{height:120px;display:grid;place-items:center;margin:20px 0 8px}
.prem{position:absolute;top:10px;left:10px;font-size:9.5px;padding:3px 8px}
.ok{color:var(--green);font-size:11px;font-weight:700;display:flex;align-items:center;gap:3px;margin-top:4px}
.ok svg{width:12px;height:12px}
/* vip */
.vwrap{perspective:1000px;margin:14px auto 0;max-width:300px;cursor:pointer}
.vcard{width:100%;aspect-ratio:1.586;border-radius:16px;position:relative;transition:transform .8s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.vcard.flipped{transform:rotateY(180deg)}
.vcard .f,.vcard .bk{position:absolute;inset:0;border-radius:16px;padding:16px;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#0a1631;box-shadow:0 18px 40px rgba(0,0,0,.6),0 0 40px var(--vg,rgba(246,195,63,.3));overflow:hidden}
.vcard .f:after,.vcard .bk:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 45%,transparent 60%)}
.vcard .bk{transform:rotateY(180deg)}
.vcard .bk .stripe{position:absolute;left:0;right:0;top:22px;height:34px;background:#0a1631}
.vcard .bk .sig{position:absolute;left:16px;right:90px;top:72px;height:26px;border-radius:4px;background:repeating-linear-gradient(90deg,#fff 0 6px,#eee 6px 12px)}
.vcard .bk .big{position:absolute;right:14px;bottom:10px;font-size:46px;font-weight:900;font-style:italic;opacity:.25;font-family:Georgia,serif}
.vcard .hd{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:13px}
.vcard .hd .n{font-family:Georgia,serif;font-style:italic;font-size:17px;font-weight:900;margin-right:6px}
.vcard .hd .tr{letter-spacing:2px;font-size:11px;display:flex;align-items:center;gap:4px}
.vcard .hd .tr svg{width:13px;height:13px}
.vcard .mem{position:absolute;top:58px;left:16px;font-size:9px;opacity:.7}
.vcard .dots{position:absolute;top:72px;left:16px;letter-spacing:9px;font-size:18px}
.vcard .nm{position:absolute;bottom:16px;left:16px;font-size:12px;font-weight:800;letter-spacing:1.5px}
.vcard .id{position:absolute;bottom:14px;right:16px;font-size:9px;text-align:right;font-weight:600;opacity:.85}
.vcard .id b{display:block;font-size:12px;letter-spacing:1px}
.vcard .seal{position:absolute;right:30px;top:46px;width:58px;height:58px;border-radius:50%;border:2px solid currentColor;opacity:.18}
.shadow{width:70%;height:22px;margin:8px auto 0;border-radius:50%;background:radial-gradient(ellipse,rgba(255,225,150,.35),transparent 70%)}
.t-bronze{background:linear-gradient(125deg,#f8cfa6,#d48a5a 45%,#f2b48a 70%,#c97a48);--vg:rgba(212,138,90,.45)}
.t-prata{background:linear-gradient(125deg,#ffffff,#c5c8ce 45%,#f1f2f4 70%,#b3b6bd);--vg:rgba(220,220,230,.35)}
.t-ouro{background:linear-gradient(125deg,#fff4ac,#e9b522 45%,#ffe486 70%,#d9a316);--vg:rgba(246,195,63,.55)}
.t-platina{background:linear-gradient(125deg,#f2fbf8,#c7dfd8 35%,#e9f3ff 60%,#bcd6cd);--vg:rgba(190,230,220,.45)}
.tiers{display:flex;justify-content:space-between;position:relative;margin:18px 4px}
.tiers:before{content:'';position:absolute;top:26px;left:28px;right:28px;height:2px;background:linear-gradient(90deg,rgba(208,134,78,.5),rgba(195,200,209,.4),rgba(234,181,42,.5),rgba(169,220,207,.5))}
.tiers button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;font-weight:700}
.tiers button .c{width:54px;height:54px;display:grid;place-items:center;position:relative;transition:transform .25s cubic-bezier(.2,.9,.3,1.4),filter .25s;margin-bottom:4px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}
.tiers .tbadge{width:54px;height:54px;overflow:visible}
.tiers button .c.locked .tbadge{filter:saturate(.35) brightness(.72)}
.tiers button .lk{position:absolute;right:1px;bottom:2px;width:18px;height:18px;border-radius:50%;background:#0a1631;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:var(--txt2)}
.tiers button .lk svg{width:9px;height:9px}
.tiers button.on .c{transform:scale(1.14) translateY(-2px);filter:drop-shadow(0 0 10px var(--tc)) drop-shadow(0 4px 8px rgba(0,0,0,.45))}
.tiers button.on .c.locked .tbadge{filter:saturate(.6) brightness(.9)}
.tiers button.on{color:#fff}
.tiers small{color:var(--mut);font-size:10px;font-weight:600}
.perks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.perks .card{padding:14px}
.perks .ic{width:36px;height:36px;border-radius:10px;background:rgba(246,195,63,.16);color:var(--gold);display:grid;place-items:center;margin-bottom:12px}
.perks .ic svg{width:18px;height:18px}
.lvl{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.lvl .c{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:rgba(0,0,0,.5)}
.lvl .c svg{width:12px;height:12px}
.adv{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px}
.adv .ic{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.07);display:grid;place-items:center;flex:none}
.adv .ic svg{width:18px;height:18px}
/* roleta */
.strip-wrap{position:relative;height:72px;overflow:hidden;margin:8px -16px 6px;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.strip{display:flex;gap:8px;position:absolute;left:0;top:6px;will-change:transform}
.strip div{width:56px;height:60px;border-radius:12px;flex:none;display:grid;place-items:center;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-style:normal;font-weight:800;color:#0a1631;font-size:24px;text-shadow:0 1px 0 rgba(255,246,205,.85),0 -1px 0 rgba(120,72,0,.18)}
.s-r{background:linear-gradient(#ffffff,#dce4f2);box-shadow:inset 0 -2px 0 rgba(10,22,49,.12)}
.s-b{background:linear-gradient(#24479a,#0e2150);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.s-g{background:radial-gradient(circle at 40% 30%,#fff6c4,#f6c94a 50%,#d39a18)}
.marker{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--gold);box-shadow:0 0 10px var(--gold),0 0 20px var(--gold);z-index:2;border-radius:3px}
.rres{text-align:center;font-weight:800;font-size:15px;min-height:24px;margin:2px 0 10px}
.choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.choice button{height:58px;border-radius:14px;font-weight:800;font-size:14px;line-height:1.15;border:1.5px solid rgba(255,255,255,.12);transition:transform .1s,opacity .2s}
.choice button small{display:block;font-size:10px;font-weight:600;opacity:.75}
.choice button:active{transform:scale(.96)}
.c-r{background:linear-gradient(#ffffff,#dce4f2);color:#0a1631}
.c-g{background:var(--gg);color:#0a1631}
.c-b{background:linear-gradient(#24479a,#0e2150);color:#fff;border-color:rgba(255,255,255,.25)!important}
.choice.busy button{opacity:.55}
.choice button.on{opacity:1;box-shadow:0 0 0 2px var(--gold),0 0 18px rgba(246,195,63,.45)}
.betbox{padding:14px;margin-top:12px}
.betv{display:flex;align-items:center;gap:6px;font-weight:800;font-size:20px}
.betv input{width:58px;background:none;border:0;border-bottom:1px dashed rgba(255,255,255,.25);outline:none;font-weight:800;font-size:20px;text-align:right}
.betv svg{width:14px;height:14px;color:var(--mut)}
.amt{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:12px 0 6px}
.amt button,.amt2 button{height:36px;border-radius:10px;background:rgba(255,255,255,.05);font-weight:700;font-size:12.5px;color:var(--mut)}
.amt button.on{background:var(--gg);color:#0a1631}
.amt2{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.hist .h{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.hist .h:last-child{border:0}
.hist .hc{width:30px;height:30px;border-radius:50%;background:rgba(246,195,63,.12);display:grid;place-items:center;flex:none}
.hist .hc i{width:12px;height:12px;border-radius:50%;background:var(--gg)}
.hist .r{margin-left:auto;font-weight:800}
.win{color:var(--green)} .lose{color:var(--red)}
/* blackjack */
.felt{background:radial-gradient(ellipse at 50% 30%,#2a4fa8,#0b1d4a 80%);border:2.5px solid #d6b55a;border-radius:22px;padding:14px 16px;height:270px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:inset 0 0 40px rgba(0,0,0,.45),0 0 24px rgba(246,195,63,.15);margin-top:6px}
.lbl{font-size:12px;font-weight:600;color:var(--txt2);text-align:center}
.lbl b{font-size:16px;color:#fff;margin-left:4px}
.hand{display:flex;justify-content:center;min-height:84px;align-items:center}
.hand .pcard{width:58px;height:82px;font-size:17px;padding:5px 6px;animation:deal .3s ease-out;margin-left:-18px}
.hand .pcard:first-child{margin-left:0}
.hand .pcard .s{font-size:26px}
.hand .ph{width:58px;height:82px;border-radius:7px;border:1.5px dashed rgba(255,255,255,.3)}
@keyframes deal{from{transform:translateY(-30px) rotate(-8deg);opacity:0}}
.bja{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.bja button{height:58px;border-radius:14px;font-weight:700;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative}
.bja button svg{width:18px;height:18px}
.bja button:disabled{opacity:.35}
.bja .x2{position:absolute;top:-6px;right:-4px;background:#0a1631;color:var(--gold);font-size:9px;font-weight:800;border-radius:99px;padding:2px 5px;border:1px solid var(--gold)}
.rules{font-size:12px;color:var(--mut);line-height:1.55;margin-top:14px}
.rules b{color:var(--txt)}
.flipcoin{width:140px;height:140px;margin:24px auto 10px;position:relative;transform-style:preserve-3d;transition:transform 2s cubic-bezier(.2,.8,.2,1)}
.flipcoin div{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fffbe2 0,#ffe17c 28%,#f3ba2e 62%,#c4870c 100%);display:grid;place-items:center;font-size:34px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-style:normal;font-weight:800;letter-spacing:1px;color:#0a1631;text-shadow:0 1px 0 rgba(255,246,205,.85),0 -1px 0 rgba(120,72,0,.18);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 3px rgba(150,95,0,.45),inset 0 0 0 12px rgba(255,236,160,.25),inset 0 0 0 14px rgba(150,95,0,.3),inset 0 -8px 16px rgba(150,95,0,.25),0 0 40px rgba(246,195,63,.5)}
.flipcoin div:last-child{transform:rotateY(180deg)}
.flipcoin div svg{width:60px;height:60px;stroke-width:2}
/* bets */
.wallet{display:flex;align-items:center;gap:12px;padding:12px 14px}
.wallet .ic{width:36px;height:36px;border-radius:11px;background:var(--gg);color:#0a1631;display:grid;place-items:center;flex:none}
.wallet .ic svg{width:18px;height:18px}
.emptyc{text-align:center;padding:32px 20px}
.emptyc b{font-size:15px}
.bet{padding:12px 14px 12px 16px;margin-bottom:10px;border-left:3px solid var(--red)}
.bet.w{border-left-color:var(--green)}
.bet .hd{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--mut);font-weight:600}
.gtag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px 2px 3px;border-radius:99px;background:rgba(246,195,63,.15);color:var(--gold);font-size:10px;font-weight:700;white-space:nowrap}
.gtag .nlogo{width:14px;height:14px;font-size:10px;border-radius:4px}
.amt-neon{font-weight:800;font-size:17px;text-align:right;white-space:nowrap}
.amt-neon.l{color:#ff3b5c;text-shadow:0 0 10px rgba(255,59,92,.7)}
.amt-neon.w{color:#46f07b;text-shadow:0 0 10px rgba(70,240,123,.6)}
.nb{display:inline-block;font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:6px;border:1.5px solid;margin-top:4px;letter-spacing:.5px}
.nb.l{color:#ff3b5c;border-color:#ff3b5c;box-shadow:0 0 8px rgba(255,59,92,.5)}
.nb.w{color:#46f07b;border-color:#46f07b;box-shadow:0 0 8px rgba(70,240,123,.5)}
.chart{height:110px;margin:10px -4px 0;display:block;width:calc(100% + 8px)}
.stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.stats3 div{background:rgba(255,255,255,.05);border-radius:12px;padding:9px;text-align:center}
.date-h{font-size:12px;color:var(--mut);margin:16px 0 8px;font-weight:700}
.dd{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 12px;border-radius:99px;background:rgba(255,255,255,.06);font-size:12px;font-weight:700}
.dd svg{width:13px;height:13px}
/* sheets */
.overlay{position:absolute;inset:0;z-index:50;background:rgba(3,8,20,.6);backdrop-filter:blur(5px);display:flex;align-items:flex-end;animation:fade .2s}
@keyframes fade{from{opacity:0}}
.sheet{width:100%;max-height:92%;overflow-y:auto;background:linear-gradient(#16306a,#0a1631 60%);border:1px solid var(--line);border-bottom:0;border-radius:26px 26px 0 0;padding:10px 18px 28px;animation:up .3s cubic-bezier(.2,.8,.2,1);position:relative;scrollbar-width:none}
.overlay.full .sheet{max-height:100%;height:100%;border-radius:0;padding-top:18px}
@keyframes up{from{transform:translateY(100%)}}
.grab{width:42px;height:5px;border-radius:5px;background:rgba(255,255,255,.22);margin:0 auto 14px}
.close{position:absolute;right:16px;top:16px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;z-index:2}
.close svg{width:15px;height:15px}
.casinos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
.casinos button{aspect-ratio:1;border-radius:14px;background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:.3px}
.casinos button i{font-style:normal;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:900}
.casinos button.on{border-color:var(--gold);background:rgba(246,195,63,.12);box-shadow:0 0 14px rgba(246,195,63,.3)}
.field{width:100%;height:48px;font-size:16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);padding:0 14px;outline:none}
.field:focus{border-color:var(--gold)}
.list{padding:0}
.list .li{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}
.list .li:last-child{border:0}
.list .li .ic{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.07);display:grid;place-items:center;flex:none;font-size:14px}
.list .li .ic svg{width:16px;height:16px}
.list .li .l{font-size:10.5px;color:var(--mut)}
.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mc{padding:14px;cursor:pointer;min-height:104px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:20px;isolation:isolate;
  background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--ac) 22%,transparent),transparent 55%),linear-gradient(160deg,rgba(34,64,136,.55),rgba(10,24,58,.95));
  border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.25);transition:transform .15s,border-color .2s,box-shadow .2s}
.mc:before{content:'';position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ac) 70%,transparent),transparent);opacity:.8}
.mc:active{transform:scale(.97);border-color:color-mix(in srgb,var(--ac) 50%,transparent)}
.mc.wide{grid-column:span 2;min-height:92px}
.mc .ic{position:relative;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;margin-bottom:auto;color:#0a1631;
  background:linear-gradient(160deg,#fff3b0,#f6c33f 45%,#d8970f);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 3px rgba(140,90,5,.45),0 0 0 3px color-mix(in srgb,var(--ac) 18%,transparent),0 6px 16px color-mix(in srgb,var(--ac) 35%,transparent)}
.mc .ic svg{width:19px;height:19px;stroke-width:2.2}
.mc .wm{position:absolute;right:-14px;bottom:-18px;color:var(--ac);opacity:.09;z-index:-1;transform:rotate(-12deg)}
.mc .wm svg{width:96px;height:96px;stroke-width:1.5}
.mc .go{position:absolute;right:12px;top:12px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--txt2)}
.mc .go svg{width:13px;height:13px;stroke-width:2.4}
.mc.gold .go{background:var(--gg);color:#0a1631;border:0}
.mc b{font-size:15.5px;margin-top:12px;position:relative;letter-spacing:-.2px}
.mc .xs{position:relative;max-width:58%;line-height:1.35}
.mc:not(.wide) .xs{max-width:100%}
.mc .art{position:absolute;right:46px;top:50%;transform:translateY(-50%);display:flex;gap:4px;align-items:center}
.toast{position:absolute;left:50%;top:16px;transform:translateX(-50%);z-index:99;background:#fff;color:#0a1631;font-weight:700;font-size:13px;padding:10px 16px;border-radius:99px;box-shadow:0 10px 30px rgba(0,0,0,.5);animation:tin .3s;white-space:nowrap}
@keyframes tin{from{transform:translate(-50%,-30px);opacity:0}}
.pava{width:56px;height:56px;font-size:26px}
.confetti{position:absolute;inset:0;pointer-events:none;z-index:98;overflow:hidden}
.confetti i{position:absolute;top:-10px;width:8px;height:12px;border-radius:2px;animation:fall 1.6s ease-in forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}
.invwheel{width:160px;height:160px;margin:6px auto 0;border-radius:50%;position:relative;display:grid;place-items:center}
.invwheel .ticks{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(rgba(246,195,63,.35) 0 2deg,transparent 2deg 9deg);-webkit-mask:radial-gradient(closest-side,transparent 82%,#000 83%);mask:radial-gradient(closest-side,transparent 82%,#000 83%)}
.invwheel .arc{position:absolute;inset:0;border-radius:50%;--p:var(--to);background:conic-gradient(#fff3b0,#f6c33f var(--p),transparent var(--p));-webkit-mask:radial-gradient(closest-side,transparent 82%,#000 83%);mask:radial-gradient(closest-side,transparent 82%,#000 83%);filter:drop-shadow(0 0 6px rgba(246,195,63,.8))}
.invwheel .glow{position:absolute;inset:6px;border-radius:50%;box-shadow:0 0 30px rgba(246,195,63,.25)}
.invwheel .orbit{position:absolute;inset:0;border-radius:50%}
.invwheel .orbit:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -60deg,transparent,rgba(246,195,63,.35) 16.6%,transparent 17%);-webkit-mask:radial-gradient(closest-side,transparent 82%,#000 83%);mask:radial-gradient(closest-side,transparent 82%,#000 83%)}
.invwheel .iwc{display:inline-block;transform:scale(.7);margin:-6px 0 -8px}
.invwheel:before{content:'';position:absolute;inset:14px;border-radius:50%;background:radial-gradient(circle,#16306a,#0a1631)}
.invwheel>div{position:relative;text-align:center}
.invwheel .knob{position:absolute;top:-4px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff3b0;box-shadow:0 0 0 3px rgba(246,195,63,.35),0 0 14px var(--gold);z-index:1}
@media (prefers-reduced-motion:no-preference){
  .invwheel .ticks{animation:spin 30s linear infinite}
  .invwheel .orbit{animation:spin 4s linear infinite}
  .invwheel .arc{animation:arcfill 1.2s cubic-bezier(.2,.8,.2,1) .15s backwards}
  .invwheel .glow{animation:iwglow 2.4s ease-in-out infinite}
  .invwheel{animation:pop .5s cubic-bezier(.2,.9,.3,1.3) backwards}
}
@keyframes arcfill{from{--p:0deg}}
@keyframes iwglow{50%{box-shadow:0 0 44px rgba(246,195,63,.45),inset 0 0 20px rgba(246,195,63,.12)}}
.step{display:flex;align-items:center;gap:10px;padding:11px 12px;margin-bottom:6px;border-radius:14px}
.step .n{width:22px;height:22px;border-radius:50%;background:var(--gg);color:#0a1631;font-weight:800;font-size:11px;display:grid;place-items:center;flex:none}
.legend{display:flex;justify-content:center;gap:14px;font-size:10.5px;color:var(--mut);flex-wrap:wrap}
.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}

/* ---------- entrar · login · registo ---------- */
.phone.auth .nav{display:none}
.phone.auth .screen{padding-bottom:28px}
.splash{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:40px;transition:opacity .3s,transform .3s}
.splash.out{opacity:0;transform:scale(1.04)}
.sp-logo{position:relative;display:grid;place-items:center;width:150px;height:150px}
.sp-logo:before{content:'';position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(246,195,63,.38),transparent 65%)}
.sp-logo .logo{position:relative}
.splash .sp-logo .logo{animation:none}
.sp-ring{position:absolute;inset:4px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 55%,rgba(246,195,63,.9) 85%,#fff3b0 92%,transparent 93%);-webkit-mask:radial-gradient(circle,transparent 68px,#000 69px);mask:radial-gradient(circle,transparent 68px,#000 69px);animation:spin 1.4s linear infinite}
.sp-t{font-size:30px;font-weight:800;letter-spacing:6px;margin:18px -6px 0 0}
.splash .brand-sub{margin:4px 0 0}
.sp-bar{width:220px;height:6px;margin-top:34px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.06);overflow:hidden}
.sp-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#d8970f,#f6c33f 60%,#fff3b0);box-shadow:0 0 12px rgba(246,195,63,.7);transition:width .25s ease-out;position:relative;overflow:hidden}
.sp-bar i:after{content:'';position:absolute;top:0;bottom:0;left:0;width:50px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:barsh 1.1s linear infinite}
@keyframes barsh{from{transform:translateX(-60px)}to{transform:translateX(240px)}}
.sp-l{width:220px;display:flex;justify-content:space-between;margin-top:10px;font-size:11px;font-weight:600;color:var(--mut)}
.sp-l .tnum{color:var(--gold);font-weight:800}
.auth-logo.big .orbit{position:absolute;inset:-14px;border-radius:50%;border:1px dashed rgba(246,195,63,.35);animation:spin 18s linear infinite}
.auth-logo .fc{position:absolute;z-index:1}
.auth-logo .fc .coin{width:24px;height:24px;font-size:12px}
.auth-logo .fc.a{left:-30px;top:18px}.auth-logo .fc.b{right:-34px;top:46px}.auth-logo .fc.c{left:-14px;bottom:-8px}
.auth-logo .fc.b .coin{width:30px;height:30px;font-size:15px}.auth-logo .fc.c .coin{width:18px;height:18px;font-size:9px}
@media (prefers-reduced-motion:no-preference){.auth-logo .fc{animation:floaty 3.4s ease-in-out infinite}.auth-logo .fc.b{animation-delay:.8s}.auth-logo .fc.c{animation-delay:1.6s}}
.wstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}
.wstats div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);text-align:center}
.wstats b{font-size:20px;font-weight:800}
.wstats span{font-size:10.5px;font-weight:600;color:var(--mut);line-height:1.25}
.wsec{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--mut);margin:20px 4px 10px}
.wsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative}
.wsteps:before{content:'';position:absolute;top:16px;left:16%;right:16%;height:2px;background:linear-gradient(90deg,rgba(246,195,63,.6),rgba(246,195,63,.15))}
.wsteps div{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}
.wsteps .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--gg);color:#0a1631;font-weight:800;font-size:14px;box-shadow:0 0 0 4px var(--bg),0 0 16px rgba(246,195,63,.4);margin-bottom:6px}
.wsteps b{font-size:12px;line-height:1.25}
.wsteps small{font-size:10.5px;color:var(--mut);font-weight:500}
.wcta{position:sticky;bottom:-28px;margin:22px -16px 0;padding:22px 16px 34px;background:linear-gradient(rgba(8,18,44,0),rgba(8,18,44,.97) 26%);z-index:3}
.wcta .btn svg{width:16px;height:16px;stroke-width:2.6}
.splash .coin{animation:pulse 1.2s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(.9);opacity:.7}}
.auth-top{position:sticky;top:0;z-index:6;display:flex;align-items:center;padding:12px 0 8px;margin:0 -16px;padding-left:16px;background:linear-gradient(var(--bg) 60%,transparent)}
.auth-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 0 22px}
.auth-logo{position:relative;display:grid;place-items:center;width:128px;height:128px}
.auth-logo:before{content:'';position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,rgba(246,195,63,.4),transparent 66%)}
.auth-logo .coin{position:relative}
.auth-logo .coin.lg{width:104px;height:104px;font-size:52px}
.auth-logo.sm{width:60px;height:60px;margin:10px 0 16px}
.auth-logo.sm:before{inset:-12px}
.auth-h{font-size:32px;margin:20px 0 4px}
.gtxt{background:var(--gg);-webkit-background-clip:text;background-clip:text;color:transparent}
.perks-list{padding:4px 0}
.perk{display:flex;align-items:center;gap:12px;padding:12px 16px}
.perk+.perk{border-top:1px solid rgba(255,255,255,.06)}
.perk .ic,.auth-ic{width:38px;height:38px;border-radius:12px;background:var(--gg);color:#0a1631;display:grid;place-items:center;flex:none}
.perk .ic svg{width:19px;height:19px}
.auth-ic{width:52px;height:52px;border-radius:16px;margin:4px auto 12px;box-shadow:0 0 26px rgba(246,195,63,.35)}
.auth-ic svg{width:24px;height:24px}
.aform{margin-top:20px;display:flex;flex-direction:column;gap:14px}
.fl{display:block}
.fl>span{display:block;font-size:12px;font-weight:700;margin:0 0 6px 2px;color:var(--txt2)}
.fl>span em{font-style:normal;color:var(--mut2);font-weight:600}
.fi{display:flex;align-items:center;gap:10px;height:50px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);padding:0 6px 0 14px;transition:border-color .15s,box-shadow .15s}
.fi:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(246,195,63,.15)}
.fi>svg{width:18px;height:18px;color:var(--mut)}
.fi:focus-within>svg{color:var(--gold)}
.fi input{flex:1;min-width:0;height:100%;background:none;border:0;outline:none;font-size:16px}
.fi input::placeholder{color:var(--mut2)}
.fi .pre{color:var(--mut);font-weight:700;margin-right:-9px}
.fi .eye{width:38px;height:38px;display:grid;place-items:center;color:var(--mut);border-radius:10px;flex:none}
.fi .eye svg{width:19px;height:19px}
.fl.bad .fi{border-color:var(--red);box-shadow:0 0 0 3px rgba(255,59,92,.12)}
.fe{display:block;color:#ff8a9c;font-size:11.5px;font-weight:600;margin:6px 0 0 2px}
.fe:empty{display:none}
.lnk{color:var(--gold);font-weight:700;font-size:12.5px;align-self:flex-end;margin-top:-6px;padding:2px 0}
.pwm{display:flex;gap:4px;margin-top:8px}
.pwm i{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.1);transition:background .2s}
.pwm[data-s="1"] i:nth-child(1){background:var(--red)}
.pwm[data-s="2"] i:nth-child(-n+2){background:#ff9f43}
.pwm[data-s="3"] i:nth-child(-n+3){background:var(--gold)}
.pwm[data-s="4"] i{background:var(--green)}
.pwl{font-size:11px;color:var(--mut);margin:6px 0 0 2px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--txt2);line-height:1.45;cursor:pointer;position:relative;margin-top:2px}
.chk input{position:absolute;opacity:0;width:1px;height:1px}
.chk .bx{width:22px;height:22px;border-radius:7px;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;flex:none;transition:background .15s,border-color .15s}
.chk .bx svg{width:14px;height:14px;opacity:0;stroke-width:3}
.chk input:checked+.bx{background:var(--gg);border-color:transparent;color:#0a1631}
.chk input:checked+.bx svg{opacity:1}
.chk input:focus-visible+.bx{box-shadow:0 0 0 3px rgba(246,195,63,.3)}
.chk.bad .bx{border-color:var(--red)}
.err-banner{display:flex;gap:10px;align-items:center;background:rgba(255,59,92,.12);border:1px solid rgba(255,59,92,.35);color:#ffc7d0;border-radius:14px;padding:12px 14px;font-size:12.5px;font-weight:600;line-height:1.4}
.err-banner[hidden]{display:none}
.err-banner svg{width:18px;height:18px;color:#ff8a9c}
.btn.loading{pointer-events:none}
.spin{width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(10,22,49,.25);border-top-color:#0a1631;animation:rot .7s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.alt{text-align:center;margin-top:20px;font-size:13px;color:var(--mut)}
.alt a{color:var(--gold);font-weight:800}
.ava.ini{font-size:13px;font-weight:800;color:#fff;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.ava.ini.pava{font-size:20px}
.list .li.danger,.list .li.danger .ic{color:#ff8a9c}
.list .li.danger .ic{background:rgba(255,59,92,.12)}

/* ---------- marca UDT ---------- */
.logo{display:block;flex:none;filter:drop-shadow(0 0 18px rgba(246,195,63,.28))}
.auth-logo .logo{position:relative}
.splash .logo{animation:pulse 1.2s ease-in-out infinite}
.brand-sub{font-size:11px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold);margin:6px 0 10px}
.menu-brand{display:flex;align-items:center;gap:10px;margin:4px 0 16px}
.menu-brand b{font-size:20px}
.menu-brand small{display:block;font-size:10.5px;color:var(--mut);font-weight:600}
.btn.ghost{border-color:rgba(255,255,255,.22)}

/* ---------- entrada do VIP Club (portas) ---------- */
.vipgate{position:absolute;inset:0;z-index:90;overflow:hidden;pointer-events:all}
.vipgate .door{position:absolute;top:0;bottom:0;width:50.5%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 28px),linear-gradient(90deg,#050c1f,#0c1c45 55%,#0a1631);box-shadow:inset 0 0 60px rgba(0,0,0,.6)}
.vipgate .door{background:radial-gradient(ellipse 120% 60% at var(--hx,100%) 50%,rgba(246,195,63,.14),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 22px),linear-gradient(180deg,#071230,#0d1f4d 50%,#071230)}
.vipgate .door.r{--hx:0%}
.vipgate .door:before{content:'';position:absolute;top:8%;bottom:8%;left:14%;right:14%;border-radius:16px;border:1px solid rgba(246,195,63,.35);box-shadow:inset 0 0 0 5px rgba(7,18,48,.9),inset 0 0 0 6px rgba(246,195,63,.14),inset 0 0 40px rgba(0,0,0,.5)}
.vipgate .door:after{content:'';position:absolute;left:24%;right:24%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(246,195,63,.4),transparent)}
.vipgate .hdl{position:absolute;z-index:1;top:50%;width:4px;height:52px;margin-top:-26px;border-radius:4px;background:linear-gradient(180deg,#fff3b0,#e6a91f 60%,#9a6608);box-shadow:0 0 10px rgba(246,195,63,.6)}
.vipgate .door.l .hdl{right:9%}.vipgate .door.r .hdl{left:9%}
.vipgate .rays{position:absolute;left:50%;top:50%;width:640px;height:640px;margin:-320px 0 0 -320px;background:repeating-conic-gradient(from 0deg,rgba(255,228,140,.16) 0 6deg,transparent 6deg 22deg);-webkit-mask:radial-gradient(circle,#000 8%,transparent 62%);mask:radial-gradient(circle,#000 8%,transparent 62%);animation:rays 2.4s ease both}
@keyframes rays{0%,16%{opacity:0;transform:rotate(0) scale(.6)}34%,64%{opacity:1}72%{opacity:1;transform:rotate(50deg) scale(1.15)}86%,100%{opacity:0;transform:rotate(70deg) scale(1.4)}}
.vipgate .sparks i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#ffe9a3;box-shadow:0 0 8px 2px rgba(246,195,63,.8);opacity:0;animation:spark 1.4s ease-out var(--d) both}
@keyframes spark{0%{opacity:0;transform:translateY(14px) scale(.4)}35%{opacity:1}100%{opacity:0;transform:translateY(-36px) scale(1)}}
.vipgate .emb .crn{color:var(--gold);margin-bottom:12px;filter:drop-shadow(0 0 10px rgba(246,195,63,.8));animation:crn 1.6s cubic-bezier(.2,.9,.3,1.4) .45s both}
.vipgate .emb .crn svg{width:30px;height:30px}
@keyframes crn{0%{opacity:0;transform:translateY(16px) scale(.5)}40%,100%{opacity:1;transform:none}}
.vipgate .halo,.vipgate .orb{position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none}
.vipgate .halo{z-index:-1}
.vipgate .halo{width:190px;height:190px;margin:-95px 0 0 -95px;background:radial-gradient(circle,rgba(246,195,63,.45),rgba(246,195,63,.12) 45%,transparent 70%);animation:glow2 1.1s ease-in-out .6s 2 alternate}
.vipgate .orb{width:124px;height:124px;margin:-62px 0 0 -62px;border:1.5px dashed rgba(246,195,63,.8);animation:spin 6s linear infinite}
.vipgate .orb:after{content:'';position:absolute;top:-4px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#fff3b0;box-shadow:0 0 10px 3px rgba(246,195,63,.9)}
@keyframes glow2{to{transform:scale(1.18);opacity:.75}}
.vipgate .emb small{font-size:9.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--mut);margin-top:-6px}
.vipgate .door.l{left:0;border-right:1px solid rgba(246,195,63,.7);animation:doorL 2.4s cubic-bezier(.65,0,.35,1) both}
.vipgate .door.r{right:0;border-left:1px solid rgba(246,195,63,.7);animation:doorR 2.4s cubic-bezier(.65,0,.35,1) both}
@keyframes doorL{0%{transform:translateX(-101%)}18%,70%{transform:translateX(0)}100%{transform:translateX(-101%)}}
@keyframes doorR{0%{transform:translateX(101%)}18%,70%{transform:translateX(0)}100%{transform:translateX(101%)}}
.vipgate .seam{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:linear-gradient(transparent,#ffe9a3 12%,#f6c33f 50%,#ffe9a3 88%,transparent);box-shadow:0 0 14px 3px rgba(246,195,63,.75),0 0 40px 10px rgba(246,195,63,.3);animation:seam 2.4s ease both;transform-origin:center}
@keyframes seam{0%,14%{opacity:0;transform:scaleY(0)}26%{opacity:1;transform:scaleY(1)}62%{opacity:1;transform:scaleX(1)}72%{opacity:1;transform:scaleX(6)}84%,100%{opacity:0;transform:scaleX(10)}}
.vipgate .flash{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(255,240,190,.95),rgba(246,195,63,.75) 45%,rgba(200,140,20,.35) 75%,transparent);animation:flash 2.4s ease both;pointer-events:none}
@keyframes flash{0%,60%{opacity:0}72%{opacity:.9}100%{opacity:0}}
.vipgate .emb{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translate(-50%,-50%);animation:emb 2.4s ease both}
.vipgate .emb b{position:relative;font-size:22px;font-weight:900;letter-spacing:5px;margin-right:-5px;margin-top:8px;background:linear-gradient(180deg,#fffbe2,#ffe17c 45%,#e6a91f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(246,195,63,.6))}
.vipgate .ring{position:relative;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,#13275a,#0a1631 70%);border:2px solid var(--gold);box-shadow:0 0 0 5px #0a1631,0 0 30px 6px rgba(246,195,63,.65),0 0 80px rgba(246,195,63,.35);animation:glow 1.1s ease-in-out .6s 2 alternate}
.vipgate .ring .coin.lg{width:76px;height:76px}
@keyframes emb{0%,14%{opacity:0;transform:translate(-50%,-50%) scale(.45)}30%{opacity:1;transform:translate(-50%,-50%) scale(1)}62%{opacity:1;transform:translate(-50%,-50%) scale(1)}72%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}
@keyframes glow{to{box-shadow:0 0 0 5px #0a1631,0 0 44px 12px rgba(246,195,63,.85),0 0 110px rgba(246,195,63,.5)}}


/* ---------- Início ---------- */
@property --p{syntax:'<angle>';inherits:false;initial-value:0deg}
.ring{background:conic-gradient(var(--gold) var(--p),rgba(255,255,255,.12) 0)}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.qa{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 4px 10px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:11.5px;font-weight:700;color:var(--txt);transition:transform .15s,background .15s}
.qa:active{transform:scale(.94);background:rgba(246,195,63,.12)}
.qa .ic{width:42px;height:42px;border-radius:14px;background:var(--gg);color:#0a1631;display:grid;place-items:center;box-shadow:0 0 16px rgba(246,195,63,.35),inset 0 1px 0 #fff8}
.qa .ic svg{width:20px;height:20px}
.daily .ic{width:36px;height:36px;border-radius:11px;background:rgba(246,195,63,.16);color:var(--gold);display:grid;place-items:center;flex:none}
.daily .ic svg{width:18px;height:18px}
.tnum{font-variant-numeric:tabular-nums}
.streak{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px}
.streak span{height:32px;border-radius:10px;display:grid;place-items:center;font-size:11.5px;font-weight:800;color:var(--mut);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.streak span svg{width:15px;height:15px;stroke-width:2.6}
.streak span.on{background:var(--gg);color:#0a1631;border-color:transparent;box-shadow:0 0 12px rgba(246,195,63,.3)}
.streak span.today{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px #fff,0 0 16px rgba(246,195,63,.5)}
.prize{min-width:148px;max-width:148px;padding:12px;display:block}
.prize .img{height:96px;display:grid;place-items:center;margin-bottom:6px}
a.card,.card[data-invite],.gt{transition:transform .15s}
a.card:active,.card[data-invite]:active{transform:scale(.98)}
.floatn{position:absolute;z-index:95;transform:translateX(-50%);font-weight:800;font-size:13px;pointer-events:none;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.floatn.up{color:var(--gold)} .floatn.down{color:#ff8a9c}

/* ---------- animações (desligadas com "reduzir movimento") ---------- */
@media (prefers-reduced-motion:no-preference){
  .screen.enter>:not(.top){animation:rise .5s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0) * 45ms)}
  .enter :is(.games,.hs,.quick,.prods,.perks,.tiers)>*{animation:pop .5s cubic-bezier(.2,.9,.3,1.25) backwards;animation-delay:.18s}
  .enter :is(.games,.hs,.quick,.prods,.perks,.tiers)>:nth-child(2){animation-delay:.24s}
  .enter :is(.games,.hs,.quick,.prods,.perks,.tiers)>:nth-child(3){animation-delay:.3s}
  .enter :is(.games,.hs,.quick,.prods,.perks,.tiers)>:nth-child(4){animation-delay:.36s}
  .enter :is(.games,.hs,.quick,.prods,.perks,.tiers)>:nth-child(n+5){animation-delay:.42s}
  .enter .streak span.on{animation:pop .4s cubic-bezier(.2,.9,.3,1.4) backwards}
  .enter .streak span:nth-child(2){animation-delay:.05s}.enter .streak span:nth-child(3){animation-delay:.1s}.enter .streak span:nth-child(4){animation-delay:.15s}
  .enter .streak span:nth-child(5){animation-delay:.2s}.enter .streak span:nth-child(6){animation-delay:.25s}.enter .streak span:nth-child(7){animation-delay:.3s}
  .bar i{animation:grow 1.1s cubic-bezier(.2,.8,.2,1) .25s backwards}
  .ring{animation:ringfill 1.3s cubic-bezier(.2,.8,.2,1) .2s backwards}
  .dot{animation:ping 2s ease-out infinite}
  .nav button.on .ic{animation:navpop .45s cubic-bezier(.2,.9,.3,1.5)}
  .nav .vip .ic{animation:vipglow 2.8s ease-in-out infinite}
  .bal.bump{animation:bump .5s cubic-bezier(.2,.9,.3,1.5)}
  .floatn{animation:floatup 1.15s cubic-bezier(.2,.8,.2,1) forwards}
  .coin.md:after,.coin.lg:after{content:'';position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.75) 50%,transparent 58%);animation:shine 4.5s ease-in-out infinite;pointer-events:none}
  .card.gold:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,236,170,.09) 50%,transparent 65%);animation:sheen 7s ease-in-out infinite;pointer-events:none}
  .gt .rays{animation:spin 40s linear infinite}
  .wheel:before{animation:spin 18s linear infinite}
  .wheel span:before{animation:spin 6s linear infinite reverse}
  .t-cc .bigcoin{animation:floaty 3.2s ease-in-out infinite}
  .t-bj .art>div{animation:floaty 3.6s ease-in-out .5s infinite}
  .t-hl .art .pcard:first-child{animation:sway 4s ease-in-out infinite}
  .prize .img>div{animation:floaty 4s ease-in-out infinite}
  .hs>.prize:nth-child(2) .img>div{animation-delay:.7s}.hs>.prize:nth-child(3) .img>div{animation-delay:1.4s}
  .qa .ic svg{transition:transform .2s}.qa:active .ic svg{transform:scale(.85)}
}
@keyframes rise{from{opacity:0;translate:0 16px}}
@keyframes pop{from{opacity:0;scale:.86;translate:0 10px}}
@keyframes grow{from{width:0}}
@keyframes ringfill{from{--p:0deg}}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(63,212,111,.6),0 0 8px var(--green)}100%{box-shadow:0 0 0 9px rgba(63,212,111,0),0 0 8px var(--green)}}
@keyframes navpop{0%{scale:.75}60%{scale:1.12}100%{scale:1}}
@keyframes vipglow{0%,100%{box-shadow:0 0 0 4px var(--bg),0 0 22px rgba(246,195,63,.55)}50%{box-shadow:0 0 0 4px var(--bg),0 0 38px rgba(246,195,63,.95)}}
@keyframes bump{40%{scale:1.12}}
@keyframes floatup{0%{opacity:0;translate:0 0}15%{opacity:1}100%{opacity:0;translate:0 -30px}}
@keyframes shine{0%,72%{transform:translateX(-75%)}100%{transform:translateX(75%)}}
@keyframes sheen{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes spin{to{rotate:360deg}}
@keyframes floaty{50%{translate:0 -5px}}
@keyframes sway{50%{rotate:4deg;translate:0 -4px}}

.pimg{width:110px;height:110px;object-fit:contain;border-radius:12px;display:block}

/* telemóvel: a app fica presa à largura do ecrã; só as filas de cartões deslizam para o lado */
.hs,.chips{touch-action:pan-x pan-y;overscroll-behavior-x:contain}
.phone{width:100%;touch-action:pan-y}

/* ---------- instalar no ecrã ---------- */
.instc{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;cursor:pointer;border-color:rgba(246,195,63,.35);background:linear-gradient(110deg,rgba(246,195,63,.14),rgba(12,27,62,.92) 60%)}
.instc .ii{flex:none;display:grid}
.instc .ib{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;border-radius:99px;background:var(--gg);color:#0a1631;font-size:12px;font-weight:800;flex:none}
.instc .ib svg{width:14px;height:14px;stroke-width:2.6}
.instc:active{transform:scale(.98)}
.inst-hd{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:6px 0 14px}
.inst-hd h2{margin-top:6px}
.inst-steps{display:flex;flex-direction:column;gap:8px}
.inst-steps>div{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.inst-steps .n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--gg);color:#0a1631;font-size:12px;font-weight:800;flex:none}
.inst-steps .si{color:var(--gold);display:grid;flex:none}
.inst-steps .si svg{width:18px;height:18px}
.inst-steps p{font-size:13px;color:var(--txt2);line-height:1.35}
.inst-steps b{color:#fff}

/* ---------- VIP: vantagens do clube ---------- */
.vsec{display:flex;align-items:center;justify-content:space-between;gap:10px}
.vsec p{margin-top:3px}
.vcrown{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:rgba(246,195,63,.1);border:1px solid rgba(246,195,63,.3);box-shadow:0 0 18px rgba(246,195,63,.2);flex:none}
.vcrown svg{width:17px;height:17px}
.vperks .card.vp{position:relative;display:flex;flex-direction:column;padding:14px;border-radius:20px;isolation:isolate;min-height:168px;
  background:radial-gradient(120% 80% at 0% 0%,rgba(246,195,63,.13),transparent 55%),linear-gradient(160deg,rgba(34,64,136,.55),rgba(10,24,58,.95));
  border:1px solid rgba(246,195,63,.16);box-shadow:inset 0 1px 0 rgba(255,236,170,.1),0 10px 24px rgba(0,0,0,.28)}
.vperks .card.vp:before{content:'';position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(246,195,63,.75),transparent)}
.vperks .vp.wide{grid-column:span 2;min-height:0;display:grid;grid-template-columns:1fr auto;grid-template-areas:'top art' 'tx art';column-gap:12px}
.vperks .vp.wide .vp-top{grid-area:top}.vperks .vp.wide .vp-tx{grid-area:tx}
.vperks .vp.wide .art{grid-area:art;align-self:center;margin:0}
.vp-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.vperks .vp .ic{width:40px;height:40px;border-radius:13px;margin:0;color:#0a1631;background:linear-gradient(160deg,#fff3b0,#f6c33f 45%,#d8970f);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 3px rgba(140,90,5,.45),0 6px 16px rgba(246,195,63,.3)}
.vperks .vp .ic svg{width:19px;height:19px;stroke-width:2.2}
.vp .vtag{font-size:9.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--gold);padding:4px 8px;border-radius:99px;background:rgba(246,195,63,.1);border:1px solid rgba(246,195,63,.28);white-space:nowrap}
.vp.wide .vtag{display:none}
.vp .wm{position:absolute;right:-16px;bottom:-20px;color:var(--gold);opacity:.06;z-index:-1;transform:rotate(-12deg)}
.vp .wm svg{width:100px;height:100px;stroke-width:1.4}
.vp.wide .wm{display:none}
.vp-tx{margin-top:auto;padding-top:14px}
.vp-tx .no{display:block;font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--mut2);margin-bottom:3px}
.vp-tx b{display:block;font-size:15px;letter-spacing:-.2px}
.vp-tx p{font-size:11.5px;color:var(--mut);line-height:1.4;margin-top:4px}
.vp .art{margin-top:10px}
.vp .big{font-size:34px;font-weight:800;line-height:1;letter-spacing:-1px}
.vp .big span{font-size:20px}
.mcard{position:relative;width:104px;height:66px;border-radius:9px;padding:8px 9px;color:#0a1631;transform:rotate(-8deg);box-shadow:0 10px 22px rgba(0,0,0,.45),0 0 24px var(--vg),inset 0 1px 0 rgba(255,255,255,.6);overflow:hidden}
.mcard:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%)}
.mcard .chip{position:absolute;left:9px;top:24px;width:16px;height:12px;border-radius:3px;background:linear-gradient(135deg,#fff7d0,#c99a2a);box-shadow:inset 0 0 0 1px rgba(120,80,0,.35)}
.mcard b{font:italic 900 13px Georgia,serif}
.mcard small{position:absolute;left:9px;bottom:6px;font-size:7px;font-weight:800;letter-spacing:1px;opacity:.75}
.cchat{display:flex;flex-direction:column;gap:5px;align-items:flex-start;width:128px}
.cchat span{font-size:10.5px;font-weight:600;padding:6px 9px;border-radius:12px 12px 12px 4px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:var(--txt2)}
.cchat .me{align-self:flex-end;border-radius:12px 12px 4px 12px;background:var(--gg);color:#0a1631;border:0;font-weight:800}
.btn.peek{margin-top:16px;justify-content:space-between;padding:0 18px;background:linear-gradient(180deg,rgba(246,195,63,.14),rgba(246,195,63,.05));color:var(--gold);border:1px solid rgba(246,195,63,.5);box-shadow:0 0 22px rgba(246,195,63,.12),inset 0 1px 0 rgba(255,236,170,.2);position:relative;overflow:hidden}
.btn.peek span{flex:1;text-align:center}
.btn.peek svg{width:18px;height:18px}
.btn.peek:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,236,170,.18) 50%,transparent 65%);transform:translateX(-100%)}
@media (prefers-reduced-motion:no-preference){.btn.peek:after{animation:peeksh 3.6s ease-in-out infinite}.mcard:after{animation:shine 4.5s ease-in-out infinite}}
@keyframes peeksh{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.vpass{position:relative;display:inline-flex;flex-direction:column;justify-content:center;height:40px;padding:0 26px 0 12px;border-radius:8px;background:var(--gg);color:#0a1631;transform:rotate(-4deg);box-shadow:0 8px 18px rgba(0,0,0,.4),0 0 18px rgba(246,195,63,.3);
  -webkit-mask:radial-gradient(circle 6px at 100% 50%,transparent 98%,#000) ,linear-gradient(#000,#000);-webkit-mask-composite:source-in;mask:radial-gradient(circle 6px at 100% 50%,transparent 98%,#000)}
.vpass small{font-size:7px;font-weight:800;letter-spacing:1.4px;opacity:.7}
.vpass b{font-size:14px;font-weight:900;letter-spacing:.5px;line-height:1.05}
.vpass i{position:absolute;right:14px;top:6px;bottom:6px;border-left:1.5px dashed rgba(10,22,49,.45)}

/* ---------- arranque: casino ---------- */
.splash.cas{position:absolute;inset:0;z-index:50;display:block;padding:0;overflow:hidden;background:radial-gradient(ellipse 85% 50% at 50% 44%,#1d3876,#0a1631 55%,#040919);animation:casin .5s ease backwards;transition:opacity .4s,transform .4s}
.splash.cas.out{opacity:0;transform:scale(1.08)}
@keyframes casin{from{opacity:0}}
.cas .logo{animation:none}
.cas .rays{position:absolute;left:50%;top:44%;width:900px;height:900px;margin:-450px 0 0 -450px;background:repeating-conic-gradient(rgba(246,195,63,.11) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 12%,transparent 52%);mask:radial-gradient(circle,#000 12%,transparent 52%);animation:spin 40s linear infinite}
.cas .twk i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff3b0;box-shadow:0 0 6px 2px rgba(246,195,63,.7);opacity:0;animation:twk 2.1s ease-in-out var(--d) infinite}
@keyframes twk{50%{opacity:.9;transform:scale(1.5)}}
.cas-top{position:absolute;top:62px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:5px;animation:casDown .6s .1s cubic-bezier(.2,.8,.2,1) backwards}
.cas-top b{font-size:14px;font-weight:900;letter-spacing:9px;margin-right:-9px;color:var(--gold);text-shadow:0 0 12px rgba(246,195,63,.6)}
.cas-top span{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--mut)}
@keyframes casDown{from{opacity:0;transform:translateY(-14px)}}
.cas .stage{position:absolute;left:50%;top:44%;width:0;height:0}
/* roleta */
.rwheel{position:absolute;left:-108px;top:-108px;width:216px;height:216px;border-radius:50%;z-index:2;background:#091330;box-shadow:0 0 0 3px #f6c33f,0 0 0 7px #0a1631,0 0 0 8px rgba(246,195,63,.45),0 0 44px rgba(246,195,63,.45),0 22px 40px rgba(0,0,0,.6);animation:wheelIn .8s .15s cubic-bezier(.2,.9,.3,1.3) backwards}
@keyframes wheelIn{from{opacity:0;transform:scale(.3) rotate(-140deg)}}
.cas.done .rwheel{animation:wheelPop .6s ease}
@keyframes wheelPop{40%{transform:scale(1.07)}}
.rwheel .prog{position:absolute;inset:-16px;border-radius:50%;background:conic-gradient(#fff3b0,#f6c33f var(--p),rgba(255,255,255,.07) var(--p));-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));filter:drop-shadow(0 0 6px rgba(246,195,63,.8))}
.rwheel .segs{position:absolute;inset:8px;border-radius:50%;background:repeating-conic-gradient(#16306c 0 10deg,#0a1a42 10deg 20deg);-webkit-mask:radial-gradient(closest-side,transparent 70%,#000 70.5%);mask:radial-gradient(closest-side,transparent 70%,#000 70.5%);animation:spin 5s linear infinite}
.rwheel .segs:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(rgba(246,195,63,.75) 0 .7deg,transparent .7deg 10deg)}
.rwheel .orbit{position:absolute;inset:14px;border-radius:50%;animation:spin 1.1s linear infinite reverse}
.rwheel .orbit i{position:absolute;left:50%;top:3px;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#cfd5e2);box-shadow:0 0 8px rgba(255,255,255,.85)}
.cas.done .segs,.cas.done .orbit{animation-play-state:paused}
.rwheel .hub{position:absolute;inset:44px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#1f3e82,#0a1631 70%);box-shadow:inset 0 0 0 2px rgba(246,195,63,.85),inset 0 0 22px rgba(0,0,0,.6),0 0 0 5px #0a1631}
.rwheel .hub .logo{position:relative;filter:drop-shadow(0 0 12px rgba(246,195,63,.5))}
.rwheel .shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%);transform:translateX(-120%);animation:hubshine 2.6s 1.2s ease-in-out infinite}
@keyframes hubshine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
/* cartas em leque atrás da roleta */
.cas .fan{position:absolute;left:0;top:0;z-index:1}
.icard{position:absolute;left:-28px;top:-40px;width:56px;height:80px;border-radius:7px;background:linear-gradient(160deg,#fff,#e6e9f1);color:#0a1631;box-shadow:0 10px 20px rgba(0,0,0,.55),inset 0 0 0 1px rgba(0,0,0,.08);transform-origin:50% 150%;--a:calc((var(--k) - 1.5) * 22deg);transform:rotate(var(--a)) translateY(-112px);animation:cardOut .7s calc(.45s + var(--k) * .07s) cubic-bezier(.2,.9,.3,1.2) backwards}
@keyframes cardOut{from{opacity:0;transform:rotate(0deg) translateY(-20px) scale(.6)}}
.icard.r{color:#d4243b}
.icard b{position:absolute;left:6px;top:5px;font-size:15px;font-weight:800;line-height:1}
.icard b.b2{left:auto;top:auto;right:6px;bottom:5px;transform:rotate(180deg)}
.icard span{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;line-height:1}
/* fichas */
.cas .chipz{position:absolute;top:-178px;z-index:1}
.cas .chipz.l{left:-172px}.cas .chipz.r{left:96px}
.chip3{position:absolute;left:calc(var(--k) * 15px);top:calc(var(--k) * 7px);width:44px;height:44px;border-radius:50%;--c:#e8b22a;--e:#fff6d0;background:radial-gradient(circle,var(--c) 0 11px,var(--e) 11.5px 12.5px,var(--c) 13px 15px,transparent 15.5px),repeating-conic-gradient(var(--c) 0 22.5deg,var(--e) 22.5deg 45deg);box-shadow:inset 0 0 0 2px rgba(0,0,0,.22),0 8px 14px rgba(0,0,0,.5)}
.chip3:after{content:'U';position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:900;color:rgba(0,0,0,.45)}
.chip3.n{--c:#1a3170;--e:#f6c33f}.chip3.n:after{color:#f6c33f}
.chip3.r{--c:#c8243b;--e:#fff}.chip3.r:after{color:#fff}
.chipz.l .chip3{animation:chipL .8s calc(.7s + var(--k) * .08s) cubic-bezier(.2,.8,.3,1.15) backwards}
.chipz.r .chip3{animation:chipR .8s calc(.75s + var(--k) * .08s) cubic-bezier(.2,.8,.3,1.15) backwards}
@keyframes chipL{from{opacity:0;transform:translate(-150px,-110px) rotateY(540deg) scale(.6)}}
@keyframes chipR{from{opacity:0;transform:translate(150px,-110px) rotateY(-540deg) scale(.6)}}
/* dados 3D */
.cas .die{position:absolute;top:96px;width:46px;height:46px;perspective:500px;z-index:3}
.cas .die.d1{left:-150px;animation:dieIn1 1.2s .85s cubic-bezier(.3,.7,.4,1) backwards}
.cas .die.d2{left:104px;animation:dieIn2 1.2s .95s cubic-bezier(.3,.7,.4,1) backwards}
.cas .die:after{content:'';position:absolute;left:-6px;right:-6px;bottom:-16px;height:12px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent)}
@keyframes dieIn1{0%{opacity:0;transform:translate(-120px,170px)}20%{opacity:1}55%{transform:translate(0,-42px)}75%{transform:translate(0,0)}87%{transform:translate(0,-10px)}100%{transform:none}}
@keyframes dieIn2{0%{opacity:0;transform:translate(120px,170px)}20%{opacity:1}55%{transform:translate(0,-42px)}75%{transform:translate(0,0)}87%{transform:translate(0,-10px)}100%{transform:none}}
.cube{position:relative;width:46px;height:46px;transform-style:preserve-3d}
.d1 .cube{transform:rotateX(-24deg) rotateY(28deg) rotateZ(0deg);animation:tumble1 1.2s .85s cubic-bezier(.25,.8,.3,1) backwards}
.d2 .cube{transform:rotateX(-24deg) rotateY(-28deg) rotateZ(0deg);animation:tumble2 1.2s .95s cubic-bezier(.25,.8,.3,1) backwards}
@keyframes tumble1{from{transform:rotateX(696deg) rotateY(-452deg) rotateZ(200deg)}}
@keyframes tumble2{from{transform:rotateX(-604deg) rotateY(512deg) rotateZ(-160deg)}}
.cube .fc{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:6px;border-radius:7px;backface-visibility:hidden}
.d1 .fc{background:radial-gradient(circle at 30% 25%,#fff8d6,#f6c33f 55%,#c98a10);box-shadow:inset 0 0 0 1px rgba(140,90,5,.5),inset 0 -3px 6px rgba(140,90,5,.4)}
.d2 .fc{background:radial-gradient(circle at 30% 25%,#2c4d98,#132b64 60%,#0a1631);box-shadow:inset 0 0 0 1px rgba(246,195,63,.6),inset 0 -3px 6px rgba(0,0,0,.4)}
.cube .fc i{place-self:center;width:8px;height:8px;border-radius:50%;opacity:0}
.cube .fc i.on{opacity:1}
.d1 .fc i{background:#0a1631;box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}
.d2 .fc i{background:#ffe17c;box-shadow:0 0 4px rgba(246,195,63,.8)}
.fc.ft{transform:translateZ(23px)}.fc.bk{transform:rotateY(180deg) translateZ(23px)}.fc.rt{transform:rotateY(90deg) translateZ(23px)}
.fc.lf{transform:rotateY(-90deg) translateZ(23px)}.fc.tp{transform:rotateX(90deg) translateZ(23px)}.fc.bt{transform:rotateX(-90deg) translateZ(23px)}
/* fundo: saudação e carregamento */
.cas-bot{position:absolute;left:32px;right:32px;bottom:62px;text-align:center;animation:casUp .6s .4s cubic-bezier(.2,.8,.2,1) backwards}
@keyframes casUp{from{opacity:0;transform:translateY(14px)}}
.cas-hi{min-height:34px;font-size:27px;font-weight:800;letter-spacing:-.4px;background:linear-gradient(180deg,#fffbe2,#ffe17c 45%,#e6a91f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(246,195,63,.45));opacity:0;transform:translateY(12px) scale(.94);transition:opacity .45s,transform .5s cubic-bezier(.2,.9,.3,1.3)}
.cas-sub{min-height:17px;margin-top:4px;font-size:13px;font-weight:600;color:var(--txt2);opacity:0;transition:opacity .4s .15s}
.cas.done .cas-hi{opacity:1;transform:none}.cas.done .cas-sub{opacity:1}
.cas-load{margin-top:18px;transition:opacity .3s}
.cas.done .cas-load{opacity:0}
.cas-msg{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11.5px;font-weight:600;color:var(--mut)}
.cas-msg b{color:var(--gold);font-weight:800}
.cas-bar{height:4px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.cas-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#d8970f,#f6c33f 60%,#fff3b0);box-shadow:0 0 10px rgba(246,195,63,.8);transition:width .25s ease-out}
/* clarão e chuva de moedas */
.cflash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 44%,rgba(255,240,190,.9),rgba(246,195,63,.4) 28%,transparent 60%)}
.cas.done .cflash{animation:cflash .9s ease-out}
@keyframes cflash{15%{opacity:1}100%{opacity:0}}
.coinrain{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:6}
.coinrain>span{position:absolute;top:-60px;animation:coinfall 1.5s var(--d) cubic-bezier(.45,.05,.6,1) forwards}
.cas .coinrain .coin{transform:scale(var(--s));animation:coinflip .6s linear infinite}
@keyframes coinfall{to{transform:translateY(120vh) rotate(var(--r))}}
@keyframes coinflip{50%{transform:scale(var(--s)) rotateY(90deg)}}
@media (prefers-reduced-motion:reduce){.cas,.cas *{animation:none!important}}

/* ---------- moeda 3D a girar ---------- */
.coin3{position:relative;display:inline-block;flex:none;width:44px;height:44px;perspective:320px}
.coin3:after{content:'';position:absolute;left:4px;right:4px;bottom:-9px;height:8px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent)}
.coin3 .c3in{position:absolute;inset:0;transform-style:preserve-3d}
.coin3 .coin{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.coin3 .c3f{transform:translateZ(3px)}
.coin3 .c3b{transform:rotateY(180deg) translateZ(3px)}
.coin3 i{position:absolute;inset:1px;border-radius:50%;background:linear-gradient(90deg,#8a5a05,#e6a91f 45%,#ffe17c 55%,#a8730a);transform:translateZ(var(--z))}
@media (prefers-reduced-motion:no-preference){
  .coin3 .c3in{animation:coinspin 4.2s var(--cd,0s) infinite}
  .coin3:after{animation:coinshadow 4.2s var(--cd,0s) infinite}
}
@keyframes coinspin{0%{transform:rotateY(0deg);animation-timing-function:cubic-bezier(.45,0,.3,1)}19%{transform:rotateY(360deg)}29%{transform:rotateY(360deg);animation-timing-function:cubic-bezier(.45,0,.3,1)}48%,100%{transform:rotateY(720deg)}}
@keyframes coinshadow{0%,29%,48%,100%{transform:scaleX(1)}9.5%,38.5%{transform:scaleX(.35)}19%{transform:scaleX(1)}}

/* ---------- Apostas: sinais Bac Bo ---------- */
.xtag{font-size:9.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--mut);padding:4px 8px;border-radius:99px;border:1px dashed rgba(255,255,255,.2);margin-bottom:6px;white-space:nowrap}
.bbc{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:99px;font-size:12px;font-weight:800;color:#fff}
.bbc i{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.85}
.bbc.p{background:linear-gradient(180deg,#3d8bff,#1d5fd6)}.bbc.b{background:linear-gradient(180deg,#ff4d64,#c8243b)}.bbc.t{background:var(--gg);color:#0a1631}.bbc.t i{background:#0a1631}
.bbc.big{height:54px;padding:0 30px;font-size:26px;letter-spacing:1px;text-transform:uppercase;box-shadow:0 10px 26px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.35)}
.bbc.big.b{box-shadow:0 0 30px rgba(255,77,100,.45),inset 0 1px 0 rgba(255,255,255,.35)}.bbc.big.p{box-shadow:0 0 30px rgba(61,139,255,.45),inset 0 1px 0 rgba(255,255,255,.35)}
.bblive{margin-top:14px;padding:16px;border-radius:22px;background:radial-gradient(120% 80% at 50% 0%,rgba(246,195,63,.16),transparent 60%),linear-gradient(160deg,#1b3676,#0b1a40);border:1.5px solid rgba(246,195,63,.55);box-shadow:0 0 30px rgba(246,195,63,.15)}
.bbl-hd{display:flex;align-items:center;justify-content:space-between}
.live{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:1px;color:#ff6b7d;padding:4px 9px;border-radius:99px;background:rgba(255,77,100,.12);border:1px solid rgba(255,77,100,.35)}
.live i{width:7px;height:7px;border-radius:50%;background:#ff4d64;box-shadow:0 0 8px #ff4d64;animation:ping 1.4s ease-out infinite}
.bbl-main{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 0 16px}
.bbl-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
.bbl-row>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.bbl-row b{font-size:14px}
.bbl-st{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:12px;font-weight:600;color:var(--txt2)}
.spin2{width:14px;height:14px;border-radius:50%;border:2px solid rgba(246,195,63,.25);border-top-color:var(--gold);animation:spin .9s linear infinite}
.bbrow{gap:10px}
.bbsoon{margin-top:14px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 18px}
.ai-ic{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin-bottom:14px;background:var(--gg);color:#0a1631;box-shadow:0 0 30px rgba(246,195,63,.4)}
.ai-ic svg{width:30px;height:30px}

.bblive.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 18px}
.bbl-wait{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin-bottom:12px;background:rgba(246,195,63,.1);border:1px solid rgba(246,195,63,.3)}
.bbl-wait .spin2{width:20px;height:20px}
.bblive.res-g{border-color:rgba(70,240,123,.6);box-shadow:0 0 30px rgba(70,240,123,.18)}
.bblive.res-g .bbl-st{color:#46f07b;font-weight:800}
.bblive.res-r{border-color:rgba(255,59,92,.5)}
.bblive.res-r .bbl-st{color:#ff8a9c;font-weight:800}
.bbl-note{margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);font-size:12px;color:var(--txt2);text-align:center}
.emptyc .spin2{display:inline-block}

.iasoon{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px}
.iasoon .ai-ic{width:40px;height:40px;border-radius:12px;margin:0;flex:none}
.iasoon .ai-ic svg{width:20px;height:20px}

.bblive.empty{display:block;text-align:center;padding:16px 16px 20px}
.bblive.empty .bbl-hd{text-align:left}
.wait-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:1px;color:var(--gold);padding:4px 9px;border-radius:99px;background:rgba(246,195,63,.1);border:1px solid rgba(246,195,63,.35)}
.wait-pill i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);animation:ping 1.6s ease-out infinite}
.radar{position:relative;width:132px;height:132px;margin:22px auto 16px;border-radius:50%;background:radial-gradient(circle,rgba(246,195,63,.12),rgba(10,22,49,.2) 70%);overflow:hidden}
.radar .rr{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px solid rgba(246,195,63,.25)}
.radar .r1{width:44px;height:44px}.radar .r2{width:88px;height:88px}.radar .r3{width:130px;height:130px}
.radar .sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(246,195,63,.45),transparent 25%);animation:spin 2.6s linear infinite}
.radar .rcore{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:14px;display:grid;place-items:center;background:var(--gg);color:#0a1631;box-shadow:0 0 22px rgba(246,195,63,.55)}
.radar .rcore svg{width:22px;height:22px}
.bbe-t{display:block;font-size:16px}
.dots i{font-style:normal;animation:dotb 1.2s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}
@keyframes dotb{0%,60%,100%{opacity:.2}30%{opacity:1}}
.bbe-chips{display:flex;justify-content:center;gap:8px;margin-top:16px}
.bbc.sh{opacity:.35;animation:chipsh 2.4s calc(var(--n) * .8s) ease-in-out infinite}
@keyframes chipsh{0%,100%{opacity:.35;transform:none}15%,30%{opacity:1;transform:translateY(-3px)}45%{opacity:.35;transform:none}}

.gold{color:var(--gold)}
.sched{margin-top:12px;padding:14px}
.sched b svg{width:16px;height:16px;color:var(--gold)}
.slots2{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:10px}
.slot{flex:none;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.slot b{font-size:15px}.slot small{font-size:9.5px;color:var(--mut);font-weight:600;white-space:nowrap}
.slot.past{opacity:.4}
.slot.nx{background:var(--gg);border-color:transparent;color:#0a1631;box-shadow:0 0 16px rgba(246,195,63,.35)}.slot.nx small{color:#0a1631b0}

.bblive.off{border-color:rgba(255,255,255,.14);box-shadow:none;background:linear-gradient(160deg,#16264f,#0b1838)}
.off-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:1px;color:var(--mut);padding:4px 9px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.off-pill i{width:7px;height:7px;border-radius:50%;background:#6f80a8}
.offic{width:72px;height:72px;margin:24px auto 16px;border-radius:50%;display:grid;place-items:center;color:var(--mut);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.offic svg{width:30px;height:30px}
.wait-pill{color:#46f07b;background:rgba(70,240,123,.1);border-color:rgba(70,240,123,.35)}
.wait-pill i{background:#46f07b;box-shadow:0 0 8px #46f07b}

.srcs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.srcs button{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;border-radius:14px;font-size:13px;font-weight:700;color:var(--txt2);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.srcs button svg{width:16px;height:16px}
.srcs button.on{color:var(--gold);border-color:rgba(246,195,63,.6);background:rgba(246,195,63,.1);box-shadow:0 0 14px rgba(246,195,63,.15)}
.srcs i{width:7px;height:7px;border-radius:50%;background:#6f80a8}.srcs i.on{background:#46f07b;box-shadow:0 0 6px #46f07b}
.srcs em{font-style:normal;font-size:9px;font-weight:800;padding:2px 6px;border-radius:99px;background:var(--gg);color:#0a1631}

@media (prefers-reduced-motion:no-preference){.ai-ic.robo svg{animation:floaty 2.4s ease-in-out infinite}}

.robo-av{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--gg);color:#0a1631;flex:none}
.robo-av svg{width:17px;height:17px}
.road{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.rd{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;background:#3a4568}
.rd.p{background:linear-gradient(180deg,#3d8bff,#1d5fd6)}.rd.b{background:linear-gradient(180deg,#ff4d64,#c8243b)}.rd.t{background:var(--gg);color:#0a1631}
.road .rd:first-child{box-shadow:0 0 0 2px #fff,0 0 10px rgba(255,255,255,.4)}

/* ---------- ranking ---------- */
.rkc{display:flex;align-items:center;gap:12px;margin-top:12px;border-color:rgba(246,195,63,.35)}
.rk-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--gg);color:#0a1631;flex:none;box-shadow:0 0 16px rgba(246,195,63,.3)}
.rk-ic svg{width:20px;height:20px}
.podium{position:relative;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:6px;margin-top:26px;padding:0 4px;isolation:isolate}
.podium:after{content:'';position:absolute;left:-4px;right:-4px;bottom:-1px;height:10px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);z-index:-1}
.pod-rays{position:absolute;left:50%;top:-10px;width:300px;height:300px;margin-left:-150px;z-index:-1;pointer-events:none;background:repeating-conic-gradient(rgba(246,195,63,.12) 0 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 10%,transparent 60%);mask:radial-gradient(circle,#000 10%,transparent 60%);animation:spin 30s linear infinite}
.pod{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;min-width:0}
.pod b{font-size:12.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px}
.pod small{font-size:10.5px;font-weight:800;color:var(--gold)}
.pav{position:relative}
.pod .rk-av{width:54px;height:54px;font-size:17px}
.pod.p1 .rk-av{width:70px;height:70px;font-size:22px}
.pod.p1 .rk-av{box-shadow:0 0 0 3px #0a1631,0 0 0 6px #f6c33f,0 0 30px rgba(246,195,63,.6)}
.pod.p2 .rk-av{box-shadow:0 0 0 3px #0a1631,0 0 0 5px #d5d9e0,0 0 18px rgba(220,225,235,.35)}
.pod.p3 .rk-av{box-shadow:0 0 0 3px #0a1631,0 0 0 5px #d0864e,0 0 18px rgba(208,134,78,.35)}
.medal{position:absolute;right:-4px;bottom:-4px;top:auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;color:#0a1631;background:var(--gg);box-shadow:0 0 0 2px #0a1631}
.p2 .medal{background:linear-gradient(180deg,#fff,#b9bec8)}.p3 .medal{background:linear-gradient(180deg,#ffd9b5,#c47640)}
.crown{color:#f6c33f;margin-bottom:-2px;filter:drop-shadow(0 0 10px rgba(246,195,63,.8))}
.crown svg{width:28px;height:28px}
@media (prefers-reduced-motion:no-preference){.crown{animation:floaty 2.6s ease-in-out infinite}}
.pstep{position:relative;width:100%;margin-top:10px;border-radius:10px 10px 0 0;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 -4px 16px rgba(0,0,0,.25)}
.pstep:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%)}
.pstep span{position:relative;font-size:34px;font-weight:900;line-height:1;color:rgba(10,22,49,.55);text-shadow:0 1px 0 rgba(255,255,255,.5)}
.p1 .pstep{height:104px;background:linear-gradient(180deg,#fff1a0,#f6c33f 35%,#c98a10)}
.p2 .pstep{height:78px;background:linear-gradient(180deg,#ffffff,#d5d9e0 40%,#8e95a3)}
.p3 .pstep{height:60px;background:linear-gradient(180deg,#ffd9b5,#d0864e 40%,#8a4a1f)}
.p1 .pstep span{font-size:44px}
.pod.free .rk-av{background:rgba(255,255,255,.05);color:var(--mut);box-shadow:0 0 0 2px rgba(255,255,255,.18) inset}
.pod.free b{color:var(--mut);font-weight:600}.pod.free small{color:var(--mut2)}
.pod.free .pstep{opacity:.35;filter:saturate(.4)}
.pod.free .medal{opacity:.5}
.pod.me b{color:var(--gold)}
@media (prefers-reduced-motion:no-preference){.enter .pod{animation:podup .6s cubic-bezier(.2,.9,.3,1.2) backwards}.enter .pod.p1{animation-delay:.15s}.enter .pod.p2{animation-delay:.25s}.enter .pod.p3{animation-delay:.35s}}
@keyframes podup{from{opacity:0;transform:translateY(30px)}}
.rk-av{width:52px;height:52px;font-size:16px}
.pod.p1 .rk-av{width:66px;height:66px;font-size:20px;box-shadow:0 0 0 3px #f6c33f,0 0 24px rgba(246,195,63,.5)}
.pod.p2 .rk-av{box-shadow:0 0 0 3px #c3c8d1}.pod.p3 .rk-av{box-shadow:0 0 0 3px #d0864e}
.medal{position:absolute;top:-8px;right:calc(50% - 34px);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;color:#0a1631;background:var(--gg);z-index:1}
.p2 .medal{background:linear-gradient(180deg,#fff,#b9bec8)}.p3 .medal{background:linear-gradient(180deg,#ffd9b5,#c47640)}
.pstep{width:100%;margin-top:6px;border-radius:12px 12px 0 0;display:grid;place-items:center;font-weight:900;font-size:18px;color:rgba(255,255,255,.85);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);border-bottom:0}
.p1 .pstep{height:92px;background:linear-gradient(180deg,rgba(246,195,63,.4),rgba(246,195,63,.05));border-color:rgba(246,195,63,.5);color:#ffe17c}
.p2 .pstep{height:68px}.p3 .pstep{height:52px}
.pod.me b{color:var(--gold)}
.rk-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(160deg,#2c4d98,#132b64)}
.rk-me{display:flex;align-items:center;gap:12px;margin-top:14px;border-color:rgba(246,195,63,.5)}
.rk-me .pos{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:900;color:#0a1631;background:var(--gg)}
.rk-row{gap:10px}.rk-row .n{width:22px;color:var(--mut);font-weight:800;font-size:12px}
.rk-row.me{background:rgba(246,195,63,.08)}

.srcs button{font-size:12.5px;white-space:nowrap;padding:0 8px}

.srcs.rks{grid-template-columns:repeat(3,1fr);margin-top:12px}

.srcs.rks:has(> :nth-child(2):last-child){grid-template-columns:1fr 1fr}
.placar{margin-top:14px;padding:14px;border-radius:18px;background:linear-gradient(160deg,rgba(34,64,136,.5),rgba(10,24,58,.95));border:1px solid rgba(246,195,63,.25)}
.pl-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pl-bar{height:6px;margin-top:12px;border-radius:99px;background:rgba(255,59,92,.55);overflow:hidden}
.pl-bar i{display:block;height:100%;background:linear-gradient(90deg,#2fd36b,#46f07b);border-radius:inherit}
.dayrow{gap:10px}
.dayrow .dl{flex:1;font-size:13px;font-weight:700;text-transform:capitalize}
.dayrow .dg{color:#46f07b;font-weight:800;width:44px;text-align:right}.dayrow .dr{color:#ff6b7d;font-weight:800;width:44px;text-align:right}
.dayrow small{font-size:9.5px;opacity:.7}
.dayrow .dp{width:46px;text-align:right;font-weight:800;color:var(--gold)}

/* radar do robô: mira, varrimento e alvos que acendem quando o feixe passa */
.radar.scan{width:150px;height:150px;background:radial-gradient(circle,rgba(70,240,123,.0),rgba(246,195,63,.08) 60%,rgba(10,22,49,.3) 72%);box-shadow:inset 0 0 0 1px rgba(246,195,63,.35),0 0 30px rgba(246,195,63,.12)}
.radar.scan .r1{width:50px;height:50px}.radar.scan .r2{width:100px;height:100px}.radar.scan .r3{width:148px;height:148px}
.radar.scan .cross{position:absolute;inset:0;background:linear-gradient(rgba(246,195,63,.22),rgba(246,195,63,.22)) center/100% 1px no-repeat,linear-gradient(rgba(246,195,63,.22),rgba(246,195,63,.22)) center/1px 100% no-repeat}
.radar.scan .sweep{background:conic-gradient(from 0deg,transparent 70%,rgba(246,195,63,.12) 86%,rgba(246,195,63,.55));animation:spin 3s linear infinite}
.radar.scan .sweep:after{content:'';position:absolute;left:50%;top:0;width:1.5px;height:50%;margin-left:-.75px;background:linear-gradient(#fff3b0,rgba(246,195,63,.2));box-shadow:0 0 8px #f6c33f}
.radar.scan .core{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff3b0;box-shadow:0 0 0 4px rgba(246,195,63,.3),0 0 16px #f6c33f}
.radar.scan .core:after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(246,195,63,.7);animation:corepulse 1.8s ease-out infinite}
@keyframes corepulse{to{transform:scale(3.2);opacity:0}}
.radar.scan .blip{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffe17c;box-shadow:0 0 10px 2px rgba(246,195,63,.9);opacity:0;animation:blip 3s linear infinite}
.radar.scan .b1{left:68%;top:22%;animation-delay:.25s}.radar.scan .b2{left:76%;top:64%;animation-delay:1s}.radar.scan .b3{left:24%;top:70%;animation-delay:1.9s}
@keyframes blip{0%{opacity:0;transform:scale(.4)}4%{opacity:1;transform:scale(1.2)}30%{opacity:.25;transform:scale(1)}45%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.radar.scan .blip{opacity:.6;animation:none}}

/* ---------- sorteios ---------- */
.raf{display:flex;gap:12px;padding:12px;margin-bottom:10px;border-color:rgba(246,195,63,.3)}
.raf-img{width:84px;height:84px;flex:none;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 40% 30%,rgba(246,195,63,.3),rgba(10,22,49,.6));color:var(--gold)}
.raf-img img{width:100%;height:100%;object-fit:cover}.raf-img svg{width:34px;height:34px}
.raf-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.raf-b>b{font-size:15px}
.raf-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--txt2);font-weight:600;margin-top:2px}
.raf-meta span{display:inline-flex;align-items:center;gap:4px}.raf-meta svg{width:13px;height:13px;color:var(--gold)}
.raf-go{height:38px;margin-top:6px;font-size:13px}
.raf-go .coin{width:16px;height:16px;font-size:9px}
.raf-in{display:flex;align-items:center;justify-content:center;gap:6px;height:38px;margin-top:6px;border-radius:99px;font-size:13px;font-weight:800;color:#46f07b;background:rgba(70,240,123,.1);border:1px solid rgba(70,240,123,.35)}
.raf-in svg{width:15px;height:15px}.raf-in.off{color:var(--mut);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.rk-ic.sm{width:32px;height:32px;border-radius:10px}.rk-ic.sm svg{width:16px;height:16px}
.raf-w{gap:10px}.raf-w.me{background:rgba(246,195,63,.1)}
/* ---------- suporte ---------- */
.sup{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding-bottom:84px;min-height:50vh}
.bub{max-width:80%;padding:9px 12px 6px;border-radius:16px;font-size:13.5px;line-height:1.45;word-wrap:break-word}
.bub small{display:block;text-align:right;font-size:10px;opacity:.6;margin-top:3px}
.bub .who{text-align:left;font-weight:800;opacity:.9;color:var(--gold);margin:0 0 2px}
.bub.me{align-self:flex-end;background:var(--gg);color:#0a1631}
.bub.them{align-self:flex-start;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.sup-hi{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 20px}
.sup-f{position:sticky;bottom:84px;display:flex;gap:8px;align-items:flex-end;margin:0 -16px;padding:10px 16px;background:linear-gradient(transparent,var(--bg) 30%)}
.sup-f textarea{flex:1;resize:none;min-height:46px;max-height:120px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--txt);font:inherit;font-size:14px;outline:none}
.sup-f textarea:focus{border-color:var(--gold)}
.sup-f .btn{width:46px;height:46px;flex:none;padding:0;border-radius:50%}
.sup-f .btn svg{width:20px;height:20px;stroke-width:2.6}

/* Menu > Loja: os 3 artigos em leque, em cartões claros com brilho dourado */
.mc .art:has(.mart){gap:0;right:50px;padding:6px 4px}
.mc .art:has(.mart):before{content:'';position:absolute;inset:-6px -10px;border-radius:50%;background:radial-gradient(ellipse,rgba(246,195,63,.28),transparent 70%);filter:blur(4px)}
.mc .art .mart{position:relative;width:50px;height:62px;display:grid;place-items:center;padding:6px;border-radius:13px;background:linear-gradient(160deg,#ffffff,#dfe6f3);border:1.5px solid rgba(246,195,63,.7);box-shadow:0 8px 18px rgba(0,0,0,.45);overflow:hidden}
.mc .art .mart+.mart{margin-left:-12px}
.mc .art .mart:nth-child(1){transform:rotate(-9deg) translateY(4px)}
.mc .art .mart:nth-child(2){z-index:2;transform:translateY(-4px) scale(1.08)}
.mc .art .mart:nth-child(3){transform:rotate(9deg) translateY(4px)}
.mc .art .mart .pimg{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}
.mc .art .mart>svg{max-width:100%;max-height:100%}
.mc.wide:has(.mart) .xs{max-width:46%}

.invsteps{position:relative;margin:16px 0 12px;padding:6px 0}
.invsteps:before{content:'';position:absolute;left:23px;top:30px;bottom:30px;width:2px;background:linear-gradient(rgba(246,195,63,.7),rgba(246,195,63,.15))}
.invs{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 4px}
.invs+.invs{margin-top:4px}
.invs .ii{position:relative;width:40px;height:40px;flex:none;border-radius:13px;display:grid;place-items:center;color:#0a1631;background:var(--gg);box-shadow:0 0 0 4px var(--bg),0 0 16px rgba(246,195,63,.35)}
.invs .ii svg{width:18px;height:18px;stroke-width:2.2}
.invs .ii em{position:absolute;right:-5px;top:-5px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9.5px;font-weight:900;background:#0a1631;color:var(--gold);border:1.5px solid var(--gold)}
.invs b{display:block;margin-bottom:1px}
.rw2{display:inline-flex;align-items:center;gap:4px;flex:none;height:28px;padding:0 10px;border-radius:99px;font-size:12.5px;font-weight:800;color:var(--gold);background:rgba(246,195,63,.12);border:1px solid rgba(246,195,63,.35)}
.rw2 .coin{width:16px;height:16px;font-size:9px}

.raf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.raf-stats div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);text-align:center}
.raf-stats b{font-size:22px;font-weight:800}.raf-stats span{font-size:10.5px;color:var(--mut);font-weight:600;line-height:1.25}
.raf-hero{position:relative;margin-top:14px;padding:16px;border-radius:24px;text-align:center;overflow:hidden;isolation:isolate;background:radial-gradient(120% 70% at 50% 0%,rgba(246,195,63,.22),transparent 60%),linear-gradient(165deg,#1d3a7c,#0a1631 80%);border:1.5px solid rgba(246,195,63,.55);box-shadow:0 0 34px rgba(246,195,63,.18)}
.rh-top{display:flex;justify-content:space-between;align-items:center}
.rh-cost{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;padding:4px 10px;border-radius:99px;background:rgba(246,195,63,.14);border:1px solid rgba(246,195,63,.4);color:var(--gold)}
.rh-cost .coin{width:16px;height:16px;font-size:9px}.rh-cost.free{background:rgba(70,240,123,.12);border-color:rgba(70,240,123,.4);color:#46f07b}
.rh-art{position:relative;display:grid;place-items:center;margin:14px 0 12px}
.rh-rays{position:absolute;left:50%;top:50%;width:260px;height:260px;margin:-130px 0 0 -130px;z-index:-1;background:repeating-conic-gradient(rgba(246,195,63,.14) 0 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 15%,transparent 60%);mask:radial-gradient(circle,#000 15%,transparent 60%);animation:spin 26s linear infinite}
.raf-img.big{width:140px;height:140px;border-radius:24px;background:radial-gradient(circle at 50% 40%,rgba(246,195,63,.35),rgba(10,22,49,.5) 70%);box-shadow:0 14px 30px rgba(0,0,0,.4),0 0 0 1px rgba(246,195,63,.3)}
.raf-img.big img{object-fit:contain;padding:10px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.5))}
.raf-img.big svg{width:60px;height:60px}
@media (prefers-reduced-motion:no-preference){.raf-img.big{animation:floaty 3.4s ease-in-out infinite}}
.raf-hero h2{font-size:22px;letter-spacing:-.3px}
.cd{display:flex;justify-content:center;gap:8px}
.cd div{width:58px;padding:8px 0 6px;border-radius:14px;background:rgba(10,22,49,.7);border:1px solid rgba(246,195,63,.3);display:flex;flex-direction:column;align-items:center}
.cd b{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:#ffe17c}.cd small{font-size:9.5px;color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.rh-ppl{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 4px;font-size:12.5px;color:var(--txt2)}
.rh-ppl svg{width:15px;height:15px;color:var(--gold)}
.raf-hero .raf-go,.raf-hero .raf-in{height:48px;font-size:15px;margin-top:10px}
.raf-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 18px;margin-top:14px}
.raf-how{padding:8px 12px}
.raf-w .raf-img{width:44px;height:44px;border-radius:12px}.raf-w .raf-img svg{width:20px;height:20px}
.raf-wn{display:flex;flex-direction:column;align-items:flex-end}
.trophy-e{width:52px;height:52px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:rgba(246,195,63,.1);border:1px solid rgba(246,195,63,.3)}
.trophy-e svg{width:24px;height:24px}

/* ---------- notificações ---------- */
.bell{position:relative;width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#1f3e82,#0c1c42 75%);border:1.5px solid rgba(246,195,63,.55);box-shadow:0 0 14px rgba(246,195,63,.25),inset 0 1px 0 rgba(255,236,170,.2);transition:transform .15s}
.bell:active{transform:scale(.92)}
.bell .bsv{width:21px;height:21px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)) drop-shadow(0 0 6px rgba(246,195,63,.35))}
.bdot{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;display:grid;place-items:center;font-size:10.5px;font-weight:900;color:#fff;background:linear-gradient(180deg,#ff6b7d,#e0243f);box-shadow:0 0 0 2px var(--bg),0 0 10px rgba(255,59,92,.6)}
.bdot[hidden]{display:none}
@media (prefers-reduced-motion:no-preference){.bell:has(.bdot:not([hidden])) .bsv{animation:ring 2.4s ease-in-out infinite;transform-origin:50% 12%}.bell:has(.bdot:not([hidden])) .bdot{animation:pop .4s cubic-bezier(.2,.9,.3,1.6)}}
@keyframes ring{0%,60%,100%{rotate:0deg}65%{rotate:14deg}72%{rotate:-12deg}79%{rotate:8deg}86%{rotate:-5deg}}
.pushc{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-color:rgba(246,195,63,.4);background:linear-gradient(110deg,rgba(246,195,63,.14),rgba(12,27,62,.92) 60%)}
.pushc.on{border-color:rgba(70,240,123,.45);background:linear-gradient(110deg,rgba(70,240,123,.12),rgba(12,27,62,.92) 60%)}
.pushc .pi{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--gg);color:#0a1631}
.pushc.on .pi{background:linear-gradient(180deg,#7dffa8,#2fd36b)}
.pushc .pi svg{width:20px;height:20px}
.pushc .pb{flex:none;width:auto;height:34px;padding:0 14px;font-size:12.5px}
.nprefs{margin-top:10px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.09)}
.npref{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:rgba(255,255,255,.03);cursor:pointer}
.npref+.npref{border-top:1px solid rgba(255,255,255,.06)}
.npref span{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600}
.npref span svg{width:17px;height:17px;color:var(--gold)}
.npref input{display:none}
.npref i{position:relative;width:40px;height:24px;border-radius:99px;background:rgba(255,255,255,.15);transition:background .2s;flex:none}
.npref i:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.npref input:checked+i{background:linear-gradient(90deg,#d8970f,#f6c33f)}
.npref input:checked+i:after{transform:translateX(16px)}
.ntl{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto}
.nt{display:flex;gap:12px;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.nt.new{border-color:rgba(246,195,63,.45);background:rgba(246,195,63,.08)}
.nt small{display:block;font-size:10.5px;color:var(--mut2);margin-top:3px}
.nti{width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center;background:rgba(246,195,63,.14);color:var(--gold)}
.nti svg{width:17px;height:17px}
.nti.c-support{background:rgba(61,139,255,.16);color:#7fb2ff}.nti.c-account{background:rgba(70,240,123,.14);color:#46f07b}.nti.c-raffle{background:rgba(255,77,100,.14);color:#ff8a9c}
.nt-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:26px 10px;color:var(--mut)}
.nt-empty svg{width:30px;height:30px;color:var(--gold)}

/* ---------- roda da roleta (aro dourado, casas a girar, bola, centro UDT) ---------- */
.wheel{position:relative;flex:none;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff3b4,#f4c64e 38%,#c98d14 72%,#8a5c06);box-shadow:0 0 0 1.5px rgba(122,75,7,.85),inset 0 -3px 6px rgba(90,55,0,.45),0 8px 20px rgba(0,0,0,.45),0 0 28px rgba(246,195,63,.45)}
.wheel:before{content:'';position:absolute;inset:7%;border-radius:50%;
  background:radial-gradient(circle,transparent 60%,rgba(0,0,0,.32) 100%),
    radial-gradient(circle,#0c1c44 0 55%,#f6c33f 55.5% 58%,transparent 58.5%),
    conic-gradient(from -6deg,#f6c33f 0 12deg,transparent 12deg),
    repeating-conic-gradient(from -6deg,#ffffff 0 12deg,#16306b 12deg 24deg)}
.wheel:after{content:'';position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 38% 32%,#2d56b8,#0a1631 72%);box-shadow:0 0 0 1.5px #f2c246,0 0 0 3px rgba(10,22,49,.7),inset 0 2px 4px rgba(255,255,255,.18)}
.wheel span{position:absolute;inset:0;z-index:2;display:grid;place-items:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-style:normal;font-size:12px;letter-spacing:.3px;line-height:1;
  background:linear-gradient(180deg,#fff7cf,#f6c33f 55%,#d9980f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.6))}
.wheel span:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 15.5%,#fff 0 2.6%,#c9d3e8 3.2%,transparent 3.6%)}

/* mosaico grande (Jogos): roda à direita, meio fora do cartão; texto à esquerda */
.gt.big{aspect-ratio:auto;height:230px;align-items:flex-start;justify-content:flex-end;padding:18px;text-align:left}
.gt.big .art{inset:0;display:block}
.gt.big .wheel{position:absolute;width:224px;height:224px;right:-58px;top:50%;margin-top:-112px}
.gt.big .wheel span{font-size:28px;letter-spacing:.5px}
.gt.big .rays{inset:-50% -54% -50% 15%}
.gt.big:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,22,49,.9),rgba(10,22,49,.45) 42%,transparent 66%);pointer-events:none}
.gt-txt{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;max-width:58%}
.gt-txt b{font-size:30px;line-height:1}
.gt-txt small{font-size:11.5px;margin-top:4px}
.gt-cta{margin-top:12px;display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px 0 14px;border-radius:99px;background:var(--gg);color:#0a1631;font-weight:800;font-size:12.5px;box-shadow:0 4px 16px rgba(246,195,63,.45),inset 0 1px 0 #fff8}
.gt-cta svg{width:15px;height:15px;stroke-width:2.4}

/* ---------- chat do suporte ---------- */
.sup-team{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-top:4px}
.sup-av{position:relative;flex:none;border-radius:13px;box-shadow:0 0 18px rgba(246,195,63,.35)}
.sup{gap:2px}
.sup-day{display:flex;justify-content:center;margin:14px 0 6px}
.sup-day span{font-size:10.5px;font-weight:700;color:var(--mut);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:3px 11px;border-radius:99px}
.brow{display:flex;align-items:flex-end;gap:7px;margin-top:3px}
.brow.first{margin-top:10px}
.brow.me{justify-content:flex-end}
.brow .bub{max-width:78%}
.bav{width:26px;flex:none;display:grid}
.bav .logo{filter:none}
.bub.me.tail{border-bottom-right-radius:5px}
.bub.them.tail{border-bottom-left-radius:5px}
.bub .meta{display:flex;align-items:center;justify-content:flex-end;gap:3px}
.bub .tk{display:inline-flex;align-items:center}
.bub .tk svg{width:13px;height:13px;stroke-width:2.6}
.bub .tk svg+svg{margin-left:-8px}
.bub .tk.read{color:#1f4fd8;opacity:1}
.bub .tk.fail{color:var(--red)}
.bub.pending{opacity:.75}
.bub.failed{box-shadow:0 0 0 1.5px var(--red);cursor:pointer}
.sup-fail{align-self:flex-end;font-size:10.5px;color:#ff8a9c;font-weight:700;margin-top:4px}
.sup-topics{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}
.sup-topics button{padding:9px 13px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(246,195,63,.4);font-size:12px;font-weight:700;color:var(--txt);transition:background .15s}
.sup-topics button:active{background:rgba(246,195,63,.18)}
.sup-in{flex:1;position:relative;display:flex}
.sup-in textarea{width:100%}
.sup-cnt{position:absolute;right:12px;bottom:-15px;font-size:10px;color:var(--mut);font-weight:700}
.sup-new{position:sticky;bottom:150px;z-index:5;display:flex;align-items:center;gap:4px;margin:0 auto;width:max-content;height:32px;padding:0 14px;border-radius:99px;background:var(--gg);color:#0a1631;font-weight:800;font-size:12px;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.sup-new[hidden]{display:none}
.sup-new svg{width:15px;height:15px;stroke-width:2.6}

/* ---------- missões ---------- */
.mi.ready{border-color:rgba(246,195,63,.65);background:linear-gradient(100deg,rgba(246,195,63,.2),rgba(246,195,63,.05) 70%);box-shadow:0 0 18px rgba(246,195,63,.18)}
.mi.ready .ic{background:var(--gg);color:#0a1631}
.mi .gold{color:var(--gold)}
.mbar{height:5px;margin-top:6px;max-width:170px}
.mclaim{flex:none;align-self:center;height:32px;display:inline-flex;align-items:center;padding:0 12px;border-radius:99px;background:var(--gg);color:#0a1631;font-weight:800;font-size:12px;box-shadow:0 4px 14px rgba(246,195,63,.45);white-space:nowrap}
@media (prefers-reduced-motion:no-preference){.mclaim{animation:claimpulse 1.8s ease-in-out infinite}}
@keyframes claimpulse{50%{box-shadow:0 4px 22px rgba(246,195,63,.85);scale:1.04}}

/* convites: amigo à espera da equipa */
.slots span.p{background:rgba(201,149,42,.55);border-color:transparent}

/* barras de scroll: finas e douradas em vez da barra branca do Windows (onde não estão escondidas) */
@supports (-moz-appearance:none){*{scrollbar-width:thin;scrollbar-color:rgba(246,195,63,.45) transparent}}  /* Firefox; Chrome/Safari usam as regras abaixo, sem setas */
*::-webkit-scrollbar{width:6px;height:6px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(246,195,63,.35);border-radius:99px}
*::-webkit-scrollbar-thumb:hover{background:rgba(246,195,63,.6)}
*::-webkit-scrollbar-button{display:none;width:0;height:0}
*::-webkit-scrollbar-corner{background:transparent}
.ntl{padding-right:6px;margin-right:-6px;overscroll-behavior:contain}

/* ---------- placar de lucro (Resultados) ---------- */
.pnl{position:relative;margin-top:14px;padding:16px;border-radius:22px;background:radial-gradient(120% 70% at 0% 0%,rgba(70,240,123,.12),transparent 55%),linear-gradient(165deg,#1d3a7c,#0a1631 80%);border:1.5px solid rgba(246,195,63,.5);box-shadow:0 0 28px rgba(246,195,63,.12)}
.pnl.neg{background:radial-gradient(120% 70% at 0% 0%,rgba(255,59,92,.12),transparent 55%),linear-gradient(165deg,#1d3a7c,#0a1631 80%)}
.pnl .pl-hd{margin-bottom:2px}
.pnl-v{font-size:38px;font-weight:800;letter-spacing:-1px;line-height:1.1;color:#46f07b;text-shadow:0 0 16px rgba(70,240,123,.45)}
.pnl.neg .pnl-v{color:#ff6b7d;text-shadow:0 0 16px rgba(255,59,92,.4)}
.pnl-ch{display:block;width:100%;height:96px;margin:10px 0 12px}
.pnl-wrap{position:relative;margin:10px 0 12px}.pnl-wrap .pnl-ch{margin:0}
.pnl-dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff3b0;box-shadow:0 0 0 3px rgba(246,195,63,.35),0 0 12px #f6c33f}
.pnl-empty{padding:26px 0;text-align:center}
.pnl-gr{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px;font-size:12px;font-weight:800}
.pnl-gr i{width:4px;height:4px;border-radius:50%;background:var(--mut2)}
.pnl-rows{margin-top:12px;display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.pnl-note{margin-top:12px;font-size:10.5px;color:var(--mut2);text-align:center}

/* ---------- perguntas frequentes (Central de conhecimento) ---------- */
.kbl{display:flex;flex-direction:column;gap:6px}
.kb{border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);overflow:hidden}
.kb summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}
.kb summary::-webkit-details-marker{display:none}
.kb summary b{flex:1}
.kb summary svg{width:16px;height:16px;color:var(--mut);transition:transform .2s;flex:none}
.kb[open] summary svg{transform:rotate(180deg)}
.kb[open]{border-color:rgba(246,195,63,.35)}
.kbc{font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--gold);padding:3px 7px;border-radius:99px;background:rgba(246,195,63,.12);flex:none}
.kb p{padding:0 14px 14px;font-size:13px;line-height:1.5;color:var(--txt2)}

/* ---------- novidades, campanhas e torneios ---------- */
.promo{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border-color:rgba(255,77,100,.4);background:linear-gradient(110deg,rgba(255,77,100,.16),rgba(12,27,62,.92) 60%)}
.promo .pi{width:44px;height:44px;flex:none;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:16px;color:#fff;background:linear-gradient(180deg,#ff6b7d,#d9243f);box-shadow:0 0 16px rgba(255,77,100,.45)}
.promo .pi svg{width:20px;height:20px}
.tourc{display:flex;align-items:center;gap:12px;margin-top:10px;border-color:rgba(246,195,63,.45)}
.tourc .ti{width:44px;height:44px;flex:none;border-radius:13px;display:grid;place-items:center;background:var(--gg);color:#0a1631;box-shadow:0 0 16px rgba(246,195,63,.35)}
.tourc .ti svg{width:22px;height:22px}
.tourc .tp{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:12.5px;color:var(--gold);flex:none}
.tourc .tp .coin{width:16px;height:16px;font-size:9px}
.posts{display:flex;flex-direction:column;gap:10px}
.post{display:block;padding:0;overflow:hidden}
.post img{display:block;width:100%;max-height:200px;object-fit:cover}
.post .pb{padding:12px 14px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.post .pb b{font-size:15px}
.tour{margin-top:14px}
.tprz{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.tprz div{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:14px;background:rgba(246,195,63,.08);border:1px solid rgba(246,195,63,.25)}
.tprz span{font-size:20px}.tprz b{font-size:16px;color:var(--gold)}.tprz small{font-size:10px;color:var(--mut)}
.tme{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);font-size:12.5px;color:var(--txt2)}

/* ---------- ligar a conta do casino (obrigatório para as Apostas) ---------- */
.lk-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.lk-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--gg);color:#0a1631;box-shadow:0 0 22px rgba(246,195,63,.4)}
.lk-ic svg{width:24px;height:24px}
.lk-ic.big{width:84px;height:84px;border-radius:26px;margin:0 auto;background:rgba(255,255,255,.06);color:var(--gold);border:1.5px solid rgba(246,195,63,.45);box-shadow:0 0 34px rgba(246,195,63,.2)}
.lk-ic.big svg{width:38px;height:38px}
.lk-wall{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 0 10px}
.lk-steps{display:flex;flex-direction:column;gap:8px;margin-top:22px;width:100%;text-align:left}
.lk-steps>div{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.lk-steps span{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:#0a1631;background:var(--gg)}
.lk-wall .btn svg{width:18px;height:18px}
.nav button.locked .ic{position:relative;opacity:.55}
.nav button.locked .ic:after{content:'🔒';position:absolute;right:-4px;top:-4px;font-size:10px}