:root{--y:#F5C400;--y-d:#C99F00;--y-s:#FFF6CC;--ink:#111114;--bg:#F4F4F2;--card:#FFFFFF;--card2:#F7F7F5;--tx:#141417;--mut:#5E5E66;--line:#E6E6E1;--ok:#0E8A4F;--bad:#C62E2E;--info:#2560D8;--sh:0 1px 2px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.05);--r:18px;--nav:68px}
[data-theme=dark]{--bg:#0E0E10;--card:#1A1A1E;--card2:#232328;--tx:#F2F2F0;--mut:#A3A3AC;--line:#2C2C32;--y-s:#3A3112;--ok:#3FCB86;--bad:#FF6B6B;--info:#7EA6FF;--sh:none}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.4 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}
a{color:inherit;text-decoration:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#app{max-width:430px;margin:0 auto;min-height:100vh;position:relative;background:var(--bg);overflow-x:hidden}
#view{padding-bottom:calc(var(--nav) + 24px);animation:in .28s ease}
@keyframes in{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.demo{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:.6px;background:var(--y);color:#111;padding:3px 7px;border-radius:6px}
/* header */
.hd{background:var(--ink);color:#fff;padding:14px 18px 22px;border-radius:0 0 26px 26px}
[data-theme=dark] .hd{background:#17171A}
.hd-row{display:flex;align-items:center;gap:10px}
.av{width:42px;height:42px;border-radius:50%;background:var(--y);color:#111;display:grid;place-items:center;font-weight:800;flex:none}
.hd-hi{flex:1;min-width:0}.hd-hi small{color:#B8B8C0;display:block;font-size:12px}.hd-hi b{font-size:16px}
.ib{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.09);color:#fff;display:grid;place-items:center;position:relative;flex:none}
.ib svg{width:20px;height:20px}
.badge{position:absolute;top:4px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--y);color:#111;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid var(--ink)}
.bal{margin-top:18px}.bal small{color:#B8B8C0;font-size:13px}
.bal .v{font-size:30px;font-weight:800;letter-spacing:-.5px;margin:2px 0}
.bal .cdi{font-size:12px;color:var(--y);font-weight:600}
.hidden-v{filter:blur(0);letter-spacing:2px}
/* topbar for inner screens */
.tb{display:flex;align-items:center;gap:8px;padding:12px 10px;position:sticky;top:0;background:var(--bg);z-index:5}
.tb h1{font-size:18px;margin:0;flex:1}
.back{width:40px;height:40px;border:0;border-radius:50%;background:var(--card);display:grid;place-items:center;box-shadow:var(--sh)}
.back svg{width:20px;height:20px}
.pg{padding:0 16px}
/* sections */
.sec{margin:18px 16px 0}
.sec-h{display:flex;justify-content:space-between;align-items:center;margin:0 2px 10px}
.sec-h h2{font-size:16px;margin:0}.sec-h a{font-size:13px;color:var(--y-d);font-weight:700}
[data-theme=dark] .sec-h a{color:var(--y)}
.card{background:var(--card);border-radius:var(--r);padding:16px;box-shadow:var(--sh);border:1px solid var(--line)}
.card+.card{margin-top:10px}
.mut{color:var(--mut)}.sm{font-size:12.5px}.b{font-weight:700}.pos{color:var(--ok)}.neg{color:var(--tx)}
.row{display:flex;align-items:center;gap:12px}.sp{flex:1;min-width:0}.right{text-align:right}
/* shortcuts carousel */
.sc-wrap{display:flex;gap:10px;overflow-x:auto;padding:16px 16px 4px;scroll-snap-type:x mandatory;scrollbar-width:none}
.sc-wrap::-webkit-scrollbar{display:none}
.sc{flex:none;width:76px;scroll-snap-align:start;text-align:center;font-size:12px;font-weight:600;line-height:1.2;background:none;border:0;padding:0}
.sc i{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 7px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh)}
.sc i svg{width:24px;height:24px}
.sc.hl i{background:var(--y);border-color:var(--y);color:#111}
/* progress bar */
.bar{height:8px;border-radius:8px;background:var(--card2);overflow:hidden;margin:10px 0 6px}
.bar>span{display:block;height:100%;background:var(--y);border-radius:8px}
/* banners */
.ban{display:flex;gap:14px;align-items:center;background:var(--y);color:#111;border-radius:var(--r);padding:16px}
.ban .ic{width:46px;height:46px;border-radius:14px;background:rgba(0,0,0,.08);display:grid;place-items:center;flex:none}
.ban b{display:block}.ban p{margin:2px 0 0;font-size:13px}
.promo-wrap{display:flex;gap:10px;overflow-x:auto;padding:0 16px;scroll-snap-type:x mandatory;scrollbar-width:none}
.promo-wrap::-webkit-scrollbar{display:none}
.promo{flex:none;width:78%;scroll-snap-align:center;border-radius:var(--r);padding:16px;min-height:118px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.promo b{font-size:16px}.promo p{margin:4px 0 0;font-size:13px;opacity:.9}
/* list */
.li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left}
.li:last-child{border-bottom:0}
.li .ic{width:40px;height:40px;border-radius:12px;background:var(--card2);display:grid;place-items:center;flex:none}
.li .ic svg{width:20px;height:20px}
.li .t{flex:1;min-width:0}.li .t b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li .t small{color:var(--mut);font-size:12.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chev{color:var(--mut);width:18px;height:18px;flex:none}
.day{font-size:12px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.5px;margin:16px 4px 6px}
/* buttons */
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border-radius:14px;border:0;background:var(--y);color:#111;font-weight:800;font-size:15px}
.btn:disabled{opacity:.45}
.btn.dk{background:var(--ink);color:#fff}[data-theme=dark] .btn.dk{background:#2E2E34}
.btn.ol{background:transparent;border:1.5px solid var(--line);color:var(--tx)}
.btn.sm{height:38px;font-size:13px;border-radius:10px;width:auto;padding:0 14px}
.btn+.btn{margin-top:10px}
.chip{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:7px 14px;font-size:13px;font-weight:600;white-space:nowrap}
.chip.on{background:var(--ink);color:var(--y);border-color:var(--ink)}
[data-theme=dark] .chip.on{background:var(--y);color:#111}
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 16px 4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--y-s);color:#6B5300}
[data-theme=dark] .tag{color:var(--y)}
.tag.ok{background:#E3F6EC;color:#0B6B3D}.tag.bad{background:#FDE7E7;color:#9E1F1F}.tag.inf{background:#E6EEFD;color:#1C4AA8}
/* forms */
.fl{display:block;margin-bottom:14px}.fl span{display:block;font-size:13px;color:var(--mut);margin-bottom:6px;font-weight:600}
.in{width:100%;height:50px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);outline:0}
.in:focus{border-color:var(--y)}
.search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 12px;height:46px;margin:0 16px 10px}
.search input{border:0;background:none;outline:0;flex:1;height:100%}
/* toggle */
.tg{position:relative;width:48px;height:28px;flex:none}.tg input{opacity:0;width:0;height:0;position:absolute}
.tg span{position:absolute;inset:0;background:#C9C9CF;border-radius:20px;transition:.2s}
.tg span:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.tg input:checked+span{background:var(--y)}.tg input:checked+span:before{transform:translateX(20px)}
.tg input:focus-visible+span{outline:2px solid var(--info)}
/* range */
input[type=range]{width:100%;accent-color:var(--y);height:28px}
/* amount keypad */
.amt{text-align:center;padding:26px 16px 10px}.amt .v{font-size:40px;font-weight:800;letter-spacing:-1px}
.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 16px}
.kp button{height:58px;border:0;border-radius:14px;background:var(--card);font-size:22px;font-weight:600;box-shadow:var(--sh)}
.pin{display:flex;justify-content:center;gap:14px;margin:22px 0}
.pin i{width:16px;height:16px;border-radius:50%;border:2px solid var(--mut)}.pin i.f{background:var(--y);border-color:var(--y)}
/* bottom nav */
.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:calc(var(--nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--line);display:flex;z-index:20}
.nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:var(--mut)}
.nav a svg{width:23px;height:23px}
.nav a.on{color:var(--tx)}.nav a.on svg{color:#111;background:var(--y);border-radius:10px;padding:3px;width:36px;height:28px}
/* sheet */
.ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40;opacity:0;transition:opacity .2s}
.ov.on{opacity:1}
.sh{position:fixed;left:50%;bottom:0;transform:translate(-50%,100%);width:100%;max-width:430px;max-height:88vh;overflow:auto;background:var(--card);border-radius:24px 24px 0 0;z-index:41;padding:10px 18px calc(22px + env(safe-area-inset-bottom));transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.sh.on{transform:translate(-50%,0)}
.sh .grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 14px}
.sh h3{margin:0 0 12px;font-size:18px}
/* toast */
.toast{position:fixed;left:50%;bottom:calc(var(--nav) + 16px);transform:translate(-50%,20px);background:#111;color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;z-index:60;opacity:0;transition:.25s;pointer-events:none;max-width:90%;display:flex;gap:8px;align-items:center}
.toast.on{opacity:1;transform:translate(-50%,0)}.toast:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--y);flex:none}
/* skeleton */
.sk{background:linear-gradient(90deg,var(--card2) 25%,var(--line) 37%,var(--card2) 63%);background-size:400% 100%;animation:sk 1.2s infinite;border-radius:10px}
@keyframes sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
/* card 3d */
.cc-sc{perspective:1200px;margin:6px 16px 0}
.cc{position:relative;aspect-ratio:1.586;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.8,.3,1)}
.cc.flip{transform:rotateY(180deg)}
.cc .f,.cc .bk{position:absolute;inset:0;border-radius:20px;backface-visibility:hidden;padding:20px;color:#fff;overflow:hidden;background:linear-gradient(135deg,#1B1B1F 0%,#2B2B31 55%,#3a3216 100%);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.cc .f:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(245,196,0,.55),transparent 70%)}
.cc .bk{transform:rotateY(180deg)}
.cc.virt .f{background:linear-gradient(135deg,#F5C400,#E0A800)}.cc.virt .f,.cc.virt .f *{color:#111}
.cc .chipc{width:42px;height:31px;border-radius:7px;background:linear-gradient(135deg,#F7D96A,#C9A100);margin-top:22px}
.cc .num{font-family:ui-monospace,Menlo,monospace;font-size:18px;letter-spacing:2px;position:absolute;left:20px;bottom:52px}
.cc .nm{position:absolute;left:20px;bottom:20px;font-size:12px;letter-spacing:1px}
.cc .lg{position:absolute;right:20px;bottom:16px;font-weight:900;font-style:italic;font-size:20px}
.cc .stripe{height:42px;background:#000;margin:6px -20px 18px}
.cc .cvv{background:#fff;color:#111;font-family:monospace;padding:6px 10px;border-radius:6px;display:inline-block}
.cc.lock .f:before{content:"BLOQUEADO";position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.55);font-weight:800;letter-spacing:2px;z-index:2}
/* stat grid */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tile{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--sh);text-align:left}
.tile i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--y-s);margin-bottom:10px}
.tile i svg{width:20px;height:20px}
.tile b{display:block;font-size:14px}.tile small{color:var(--mut);font-size:12px}
/* receipt */
.rc{background:var(--card);border-radius:var(--r);padding:20px;border:1px solid var(--line);position:relative}
.rc .ok{width:62px;height:62px;border-radius:50%;background:var(--y);display:grid;place-items:center;margin:0 auto 10px}
.rc dl{display:grid;grid-template-columns:auto 1fr;gap:9px 12px;margin:16px 0 0;font-size:14px}
.rc dt{color:var(--mut)}.rc dd{margin:0;text-align:right;font-weight:600;word-break:break-word}
.qr{width:200px;height:200px;margin:8px auto;display:block;background:#fff;padding:10px;border-radius:12px}
.code{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all;background:var(--card2);padding:12px;border-radius:10px}
.cam{position:relative;height:380px;background:#000;border-radius:20px;overflow:hidden;margin:0 16px;display:grid;place-items:center}
.cam .fr{width:220px;height:220px;border:3px solid var(--y);border-radius:24px;box-shadow:0 0 0 999px rgba(0,0,0,.45);position:relative}
.cam .ln{position:absolute;left:10px;right:10px;height:2px;background:var(--y);top:10px;animation:scan 2s infinite alternate}
@keyframes scan{to{top:206px}}
.chat{display:flex;flex-direction:column;gap:8px;padding:0 16px}
.msg{max-width:80%;padding:10px 14px;border-radius:16px;font-size:14px}
.msg.a{background:var(--card);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px}
.msg.u{background:var(--y);color:#111;align-self:flex-end;border-bottom-right-radius:4px}
.steps{display:flex;gap:6px;margin:4px 0 18px}.steps i{flex:1;height:4px;border-radius:2px;background:var(--line)}.steps i.on{background:var(--y)}
.ph{border:2px dashed var(--line);border-radius:16px;height:150px;display:grid;place-items:center;text-align:center;color:var(--mut);background:var(--card2)}
/* auth */
.auth{min-height:100vh;max-width:430px;margin:0 auto;background:var(--ink);color:#fff;padding:24px 20px;display:flex;flex-direction:column}
.auth .card{color:var(--tx)}
.logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800}.logo b{color:var(--y)}
.logo i{width:40px;height:40px;border-radius:12px;background:var(--y);display:grid;place-items:center}
.auth h1{font-size:28px;line-height:1.15;margin:34px 0 8px;letter-spacing:-.5px}
.auth .lnk{background:none;border:0;color:var(--y);font-weight:700;padding:10px 0}
.auth .in{background:#1D1D22;border-color:#33333A;color:#fff}.auth .fl span{color:#B8B8C0}
.auth .btn.ol{color:#fff;border-color:#3A3A42}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.btn svg{width:20px;height:20px;flex:none}.logo i svg{width:24px;height:24px;color:#111}.sec-h svg,.tag svg{width:14px;height:14px}
svg:not([width]){max-width:100%}
.g3>*,.g2>*{min-width:0}.ban .chev{color:inherit;opacity:.6}
.ic>svg{width:22px;height:22px}.ban .ic>svg{width:26px;height:26px}
.promo .tag{align-self:flex-start}
/* splash / carregamento com logo */
.splash{position:fixed;inset:0;display:grid;place-items:center;background:var(--ink);z-index:100;transition:opacity .3s}
.splash.off{opacity:0;pointer-events:none}
.lring{position:relative;width:72px;height:72px;display:grid;place-items:center}
.lring>i{width:52px;height:52px;border-radius:15px;background:var(--y);display:grid;place-items:center;color:#111}
.lring>i svg{width:30px;height:30px}
.lring:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(245,196,0,.15);border-top-color:var(--y);animation:spin 1.1s linear infinite}
.lring.sm{width:44px;height:44px}.lring.sm>i{width:30px;height:30px;border-radius:9px}.lring.sm>i svg{width:18px;height:18px}
@keyframes spin{to{transform:rotate(360deg)}}
.empty{text-align:center;padding:26px 16px}.empty .ic{width:52px;height:52px;border-radius:16px;background:var(--y-s);display:grid;place-items:center;margin:0 auto 10px}
.empty b{display:block}.empty p{margin:4px 0 0;color:var(--mut);font-size:13px}
.note{display:flex;gap:10px;align-items:flex-start;background:var(--y-s);border-radius:14px;padding:12px 14px;font-size:13px;color:var(--tx)}
.note svg{width:18px;height:18px;flex:none;margin-top:1px}
.btn .lring:after{border-color:rgba(0,0,0,.15);border-top-color:#111}
/* ---- categorias do cartão (Clássico mantém o visual original) ---- */
.cc.t-ouro .f{background:linear-gradient(135deg,#3B2A05 0%,#9C7414 45%,#E9C35A 75%,#B8860B 100%)}
.cc.t-ouro .f:after{background:radial-gradient(circle,rgba(255,240,190,.5),transparent 70%)}
.cc.t-platinum .f{background:linear-gradient(135deg,#2E3640 0%,#7D8A99 45%,#D9DEE4 72%,#8E9AA8 100%)}
.cc.t-platinum .f:after{background:radial-gradient(circle,rgba(255,255,255,.45),transparent 70%)}
.cc.t-black .f{background:#0B0B0D;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:4px 4px;border:1px solid #2A2A2E}
.cc.t-black .f:after{right:auto;left:0;top:auto;bottom:0;width:100%;height:4px;border-radius:0;background:linear-gradient(90deg,transparent,#22D3EE,transparent)}
.cc.t-black .lg,.cc.t-black .tierb{color:#22D3EE}
.cc.sk-ouro .f{background:linear-gradient(135deg,#F5C400 0%,#FFE680 40%,#C99F00 100%)}.cc.sk-ouro .f,.cc.sk-ouro .f *{color:#111}
.cc.sk-grafite .f{background:linear-gradient(135deg,#2B2D31,#4A4D55 60%,#2B2D31)}
.cc .tierb{position:absolute;right:20px;top:20px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;opacity:.9}
.tierrow{display:flex;gap:8px;margin-top:10px}.tierrow span{flex:1;text-align:center;font-size:11px;font-weight:700;padding:6px 0;border-radius:10px;background:var(--card2);color:var(--mut)}
.tierrow span.on{background:var(--ink);color:var(--y)}.tierrow span.done{background:var(--y-s);color:#7A5F00}
/* ---- Cripto e Bolsa / Previsão / Score ---- */
.mk-li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;color:inherit;font:inherit;cursor:pointer}
.mk-li:last-child{border-bottom:0}.mk-li .av{width:40px;height:40px;border-radius:12px;background:var(--card2);display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}
.mk-li .t{flex:1;min-width:0}.mk-li .t b{display:block}.mk-li .t small{color:var(--mut)}.mk-li .r{text-align:right}.mk-li .r b{display:block;font-variant-numeric:tabular-nums}
.up{color:var(--ok)}.dn{color:var(--bad)}
.spark{width:64px;height:28px;flex:none}
.risk{font-size:12px;color:var(--mut);background:var(--card2);border-radius:12px;padding:10px 12px;margin-top:12px;line-height:1.45}
.chart{position:relative;margin:4px -4px 0;touch-action:pan-y}.chart svg{width:100%;height:200px;display:block}
.chart .tip{position:absolute;top:0;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:12px;padding:4px 8px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0}
.seg{display:flex;background:var(--card2);border-radius:12px;padding:3px;gap:3px}.seg button{flex:1;border:0;background:none;padding:8px 0;border-radius:10px;font:600 13px inherit;color:var(--mut);cursor:pointer}
.seg button.on{background:var(--card);color:var(--tx);box-shadow:var(--sh)}
.big{font-size:30px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mut)}.live i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pul 1.6s infinite}
@keyframes pul{50%{opacity:.25}}
.dir{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dir button{border:2px solid var(--line);background:var(--card);border-radius:16px;padding:14px;font:700 15px inherit;cursor:pointer;color:var(--tx)}
.dir button.on.s{border-color:var(--ok);background:#E3F5EC;color:var(--ok)}.dir button.on.d{border-color:var(--bad);background:#FBE6E6;color:var(--bad)}
.pts{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:var(--y);border-radius:20px;padding:6px 12px;font-weight:800;font-size:14px}
.game-note{border:1px dashed var(--y-d,#C99F00);background:var(--y-s);color:#5C4700;border-radius:14px;padding:10px 12px;font-size:12.5px;line-height:1.45}
.rk{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.rk:last-child{border-bottom:0}.rk .p{width:28px;font-weight:800;text-align:center}
.rk.hl{background:var(--y-s);border-radius:12px;padding:10px 8px;border-bottom:0;margin:2px 0}.rk.me{outline:2px solid var(--y);border-radius:12px;padding:10px 8px}
.ach{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ach div{background:var(--card2);border-radius:14px;padding:12px 8px;text-align:center;font-size:12px}.ach div.on{background:var(--y-s)}.ach div b{display:block;font-size:12.5px;margin-top:4px}
.ach div:not(.on){opacity:.55}
.gauge{display:block;margin:0 auto}.gnum{font-size:44px;font-weight:900;text-align:center;margin-top:-62px;letter-spacing:-1px}.gfx{text-align:center;color:var(--mut);font-weight:700;margin-bottom:8px}
.fx{padding:12px 0;border-bottom:1px solid var(--line)}.fx:last-child{border-bottom:0}.fx .row{display:flex;justify-content:space-between;font-size:14px}.fx small{color:var(--mut);display:block;margin-top:2px}
.cd{font-variant-numeric:tabular-nums;font-weight:800}
[data-theme=dark] .dir button.on.s{background:#0f2a1d}[data-theme=dark] .dir button.on.d{background:#2c1414}[data-theme=dark] .game-note{background:#2a2410;color:#F5D66B}
/* ===== Tema SpaceXBank (logo oficial: preto, prata escovado, azul elétrico). Só cores/estilo; layout inalterado ===== */
@font-face{font-family:Orbitron;src:url(../fonts/orbitron.ttf) format("truetype");font-weight:400 900;font-display:swap}
:root{--y:#3B82F6;--y-d:#1D4ED8;--y-s:#E3EEFF;--ink:#000000;--bg:#F3F5F8;--card:#FFFFFF;--card2:#EEF1F5;--tx:#0B0D12;--mut:#4A5160;--line:#D9DEE6;--info:#1D4ED8;--silver:linear-gradient(135deg,#F4F6F9 0%,#C9CED6 40%,#8E95A1 55%,#E6E9EE 100%)}
[data-theme=dark]{--bg:#000000;--card:#0E1014;--card2:#16191F;--tx:#F1F3F6;--mut:#A3AAB6;--line:#23272F;--y-s:#0B1B36;--info:#60A5FA;--sh:0 0 0 1px rgba(59,130,246,.08)}
body{background:var(--bg)}
[data-theme=dark] body{background-color:#000;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1px 1px at 70% 80%,rgba(255,255,255,.35),transparent 60%),radial-gradient(1.5px 1.5px at 40% 60%,rgba(96,165,250,.6),transparent 60%);background-size:240px 240px,320px 320px,280px 280px;background-attachment:fixed}
@media (prefers-reduced-motion:no-preference){[data-theme=dark] body{animation:mbStars 160s linear infinite}@keyframes mbStars{to{background-position:240px 240px,-320px 320px,280px -280px}}}
.hd,.auth,.splash{background:radial-gradient(120% 70% at 85% 0%,rgba(30,144,255,.28),transparent 60%),#000}
[data-theme=dark] .hd{background:radial-gradient(120% 70% at 85% 0%,rgba(30,144,255,.25),transparent 60%),#050608;border-bottom:1px solid #1B2230}
h1,h2,.tb b,.logo span{font-family:Orbitron,Inter,system-ui,sans-serif;letter-spacing:.3px}
.logo span{background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}.logo b{color:#3B82F6;-webkit-text-fill-color:#3B82F6}
.btn:not(.ol):not(.dk):not(.gh){box-shadow:0 0 18px rgba(59,130,246,.35)}
.cc .f,.cc .bk{background:radial-gradient(90% 70% at 90% 0%,rgba(30,144,255,.45),transparent 60%),linear-gradient(135deg,#050608 0%,#16191F 55%,#2A2F38 100%);border:1px solid rgba(200,206,214,.18)}
.cc .f:after{background:radial-gradient(circle,rgba(59,130,246,.5),transparent 70%)}
.cc.virt .f{background:linear-gradient(135deg,#E6E9EE,#9AA1AC 55%,#F4F6F9)}
.cc .chipc{background:var(--silver)}
.cc .lg{background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}
.cc.t-black .lg,.cc.t-black .tierb{color:#60A5FA;-webkit-text-fill-color:#60A5FA}.cc.t-black .f:after{background:linear-gradient(90deg,transparent,#3B82F6,transparent)}
.tierrow span.done{color:#1D4ED8}[data-theme=dark] .tierrow span.done{color:#93C5FD}
[data-theme=dark] .btn.dk{background:#1A1F28}
.logo i,.lring i{overflow:hidden;background:#000}.logo i img,.lring i img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}
/* Links/texto de destaque: #1D4ED8 no claro (AA), #3B82F6 sobre fundos escuros */
:root{--lk:#1D4ED8}[data-theme=dark],.hd,.auth,.splash,[style*="background:var(--ink)"],.chip.on,.pts,.tierrow span.on{--lk:#3B82F6}
[data-theme=dark] .sec-h a{color:var(--lk)}
.lring:after{border-color:rgba(59,130,246,.18);border-top-color:var(--y)}
/* ===== v3: material do logo — prata escovado metálico + brilho azul elétrico ===== */
:root{--metal:linear-gradient(135deg,#f5f7fa 0%,#c9ced6 40%,#8e96a3 60%,#e6e9ee 100%);--metal-dk:linear-gradient(135deg,#5b6270 0%,#2f343d 45%,#6c7380 60%,#3a3f49 100%);--blue:linear-gradient(135deg,#0a2fd6 0%,#0a3cff 50%,#1a6dff 100%);--blue-line:linear-gradient(90deg,transparent,#1e90ff 30%,#6fc3ff 50%,#1e90ff 70%,transparent);--glow:0 0 0 1px rgba(30,144,255,.35),0 6px 22px rgba(10,60,255,.35);
  --bg:#EEF0F4;--card:linear-gradient(180deg,#ffffff,#f1f3f7);--tx:#0B0D12}
:root:not([data-theme=dark]) .card{background:linear-gradient(180deg,#ffffff,#eef1f5);border:1px solid transparent;background-clip:padding-box;box-shadow:0 0 0 1px #d3d8e0,0 4px 18px rgba(10,60,255,.07)}
[data-theme=dark]{--bg:#000;--card:#0b0f18;--tx:#e8ebf0;--mut:#9aa3b2;--line:#1a2030;--card2:#0b0f18}
[data-theme=dark] .card,[data-theme=dark] .sc i{background:linear-gradient(180deg,#0b0f18,#05070c) padding-box,linear-gradient(135deg,rgba(245,247,250,.35),rgba(142,150,163,.12) 45%,rgba(30,144,255,.45)) border-box;border:1px solid transparent;box-shadow:0 0 14px rgba(30,144,255,.08)}
h1,h2,.tb h1,.sec-h h2,.logo span{background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
:root:not([data-theme=dark]) h1,:root:not([data-theme=dark]) h2{background:var(--metal-dk);-webkit-background-clip:text;background-clip:text}
.auth h1,.auth h2,.hd h1,.hd h2{background:var(--metal);-webkit-background-clip:text;background-clip:text}
.bal .v{background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(30,144,255,.25))}
.hd{position:relative;overflow:hidden;box-shadow:inset 0 -1px 0 rgba(30,144,255,.35)}
.hd:after{content:"";position:absolute;left:-20%;right:-20%;top:58%;height:120px;border-top:2px solid rgba(111,195,255,.55);border-radius:50%;transform:rotate(-8deg);filter:drop-shadow(0 0 6px #1e90ff);pointer-events:none;opacity:.7}
.hd>*{position:relative;z-index:1}
.sec-h{position:relative}.sec-h:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--blue-line);opacity:.55}
.btn:not(.ol):not(.dk):not(.gh){background:var(--blue);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:var(--glow),inset 0 1px 0 rgba(255,255,255,.25);border:1px solid rgba(111,195,255,.45)}
.btn.ol{border:1px solid transparent;background:linear-gradient(#000,#000) padding-box,var(--metal) border-box}
:root:not([data-theme=dark]) .btn.ol:not(.auth .btn){background:linear-gradient(#fff,#fff) padding-box,var(--metal) border-box}
.sc.hl i{background:var(--blue);border-color:rgba(111,195,255,.5);color:#fff;box-shadow:var(--glow)}
.ban[href="#/credito"],.ban:not([style]){background:var(--blue);color:#fff;box-shadow:var(--glow)}.ban:not([style]) .ic{background:rgba(255,255,255,.14)}
.nav{box-shadow:inset 0 1px 0 rgba(30,144,255,.3)}
.nav a.on svg{background:var(--metal);color:#0a1430;box-shadow:0 0 10px rgba(30,144,255,.55)}
[data-theme=dark] .nav{background:#03050a}
.chip.on{background:var(--blue);color:#fff;border-color:transparent;box-shadow:0 0 10px rgba(30,144,255,.35)}
.badge{background:var(--blue);color:#fff}
.bal .cdi{color:#6fc3ff;text-shadow:0 0 8px rgba(30,144,255,.6)}
.cc .f,.cc .bk{box-shadow:0 0 0 1px rgba(201,206,214,.25),0 14px 30px rgba(0,0,0,.4),0 0 24px rgba(30,144,255,.18)}
/* ===== v3.1: azul METÁLICO (como "BANK"/swoosh) e títulos/nomes em ALUMÍNIO escovado ===== */
:root{--blue:linear-gradient(135deg,#0a2a8a 0%,#1e6bff 38%,#7cc4ff 55%,#1e6bff 72%,#0a2a8a 100%);--alu:linear-gradient(180deg,#ffffff 0%,#d9dde3 30%,#9aa3ae 50%,#eef1f4 70%,#b8c0ca 100%);--blue-tx:linear-gradient(180deg,#7cc4ff 0%,#1e6bff 45%,#7cc4ff 60%,#1e6bff 100%);--glow:0 0 0 1px rgba(124,196,255,.45),0 0 18px rgba(30,107,255,.45),inset 0 1px 0 rgba(255,255,255,.35)}
[data-theme=dark] b,[data-theme=dark] strong,[data-theme=dark] .b,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] .bal .v,.auth b,.auth h1,.auth h2,.hd b,.hd .b,.bal .v,.hd h1,[data-theme=dark] .nav a.on,[data-theme=dark] label>span,[data-theme=dark] .sc{background:var(--alu);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
[data-theme=dark] .sc i,[data-theme=dark] .sc i *{-webkit-text-fill-color:initial}
.sc i svg,.nav svg{-webkit-text-fill-color:initial}
.bal .v{filter:drop-shadow(0 0 8px rgba(124,196,255,.25))}
.btn:not(.ol):not(.dk):not(.gh),.sc.hl i,.chip.on,.ban[href="#/credito"],.ban:not([style]),.badge{background:var(--blue);background-size:200% 200%;color:#fff;box-shadow:var(--glow);border-color:rgba(124,196,255,.5)}
.btn:not(.ol):not(.dk):not(.gh){text-shadow:0 1px 2px rgba(0,10,40,.6)}
.btn:not(.ol):not(.dk):not(.gh) *,.ban b,.ban p,.chip.on{-webkit-text-fill-color:#fff}
.ban[href="#/credito"] b,.ban:not([style]) b{background:var(--alu);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px rgba(0,10,40,.6))}
.nav a.on svg{background:var(--blue);color:#fff;box-shadow:var(--glow)}
.sec-h a,.auth .lnk,a.lk,[data-theme=dark] .sec-h a,.logo b,.cc .f b span{background:var(--blue-tx);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(30,107,255,.45))}
:root:not([data-theme=dark]) .sec-h a{background:linear-gradient(180deg,#1e4fd6,#0a2a8a 60%,#1e4fd6);-webkit-background-clip:text;background-clip:text;filter:none}
.bal .cdi{background:var(--blue-tx);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sec-h:after{background:linear-gradient(90deg,transparent,#0a2a8a 15%,#1e6bff 35%,#7cc4ff 50%,#1e6bff 65%,#0a2a8a 85%,transparent)}
/* ===== v4: textura amostrada do logo oficial (prata #e3e6ed→#969dad→#53678c; azul BANK #8cc8ff→#51aef4→#2c618d→#0a2a8a) ===== */
:root{--alu:repeating-linear-gradient(90deg,rgba(255,255,255,.10) 0 1px,rgba(0,0,0,.06) 1px 2px,transparent 2px 4px),linear-gradient(100deg,#ffffff 0%,#e3e6ed 20%,#c1c4cd 38%,#969dad 60%,#6e7782 82%,#53678c 100%);
  --blue:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),linear-gradient(100deg,#8cc8ff 0%,#51aef4 22%,#1e6bff 50%,#2c618d 75%,#0a2a8a 100%);
  --blue-tx:linear-gradient(100deg,#8cc8ff 0%,#51aef4 35%,#1e6bff 70%,#2c618d 100%);
  --glow:0 0 0 1px rgba(140,200,255,.5),0 0 20px rgba(30,107,255,.5),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.35)}
:root:not([data-theme=dark]){--alu:linear-gradient(100deg,#6e7782 0%,#53678c 35%,#3a4350 65%,#1f252e 100%)}
.bal .v,.auth h1{width:fit-content}
.cc .f,.cc .bk{background:radial-gradient(90% 70% at 90% 0%,rgba(81,174,244,.35),transparent 60%),linear-gradient(100deg,#16191f 0%,#0b0f18 50%,#05070c 100%)}
.cc.virt .f{background:linear-gradient(100deg,#ffffff,#e3e6ed 20%,#c1c4cd 38%,#969dad 60%,#6e7782 82%,#53678c)}
.rclogo{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;font:800 15px Orbitron,Inter,sans-serif;letter-spacing:.5px}.rclogo img{width:28px;height:28px;border-radius:8px;background:#000}
.rclogo span{background:var(--alu);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rclogo b{background:var(--blue-tx);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* v4.1: ícones dos atalhos visíveis; azul metálico escuro do lado do texto */
[data-theme=dark] .sc i{color:#e3e6ed;-webkit-text-fill-color:#e3e6ed}.sc.hl i{color:#fff;-webkit-text-fill-color:#fff}
:root{--blue:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),linear-gradient(100deg,#0a2a8a 0%,#1a4fc4 30%,#1e6bff 58%,#51aef4 82%,#8cc8ff 100%)}
.rc .ok{background:var(--blue);color:#fff;box-shadow:var(--glow)}