:root{color-scheme:dark}body{margin:0;font:14px system-ui,sans-serif}img{max-width:100%}[hidden]{display:none!important}

/* Layout: cena 3D em tela cheia; só a marca no canto e o nome de cada token flutuando sobre a bolha */
:root{
  --bg:#04030a; --ink:#ece9ff; --muted:#7f78a8; --violet:#9945ff; --teal:#14f195;
  --display:"Chakra Petch","Trebuchet MS",sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
html,body{height:100%}
body{background:var(--bg);color:var(--ink);overflow:hidden}
#scene{position:fixed;inset:0}
#scene canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.brand{position:fixed;z-index:3;top:calc(env(safe-area-inset-top,0px) + 18px);left:18px;pointer-events:none}
.brand h1{margin:0;font:700 clamp(1.3rem,3.2vw,2.1rem)/1 var(--display);letter-spacing:.05em;text-transform:uppercase}
.brand h1{display:flex;align-items:center;gap:12px;color:#f5ecd9}
.brand h1 span:not(.gem){background:linear-gradient(180deg,#ffe2a0,#ffb23f 60%,#f39c14);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(255,178,63,.35))}
.brand .gem{width:30px;height:30px;position:relative;flex:0 0 auto}
.brand .gem i{position:absolute;inset:4px;transform:rotate(45deg);border:1.5px solid #ffd27a;border-radius:4px;box-shadow:0 0 12px rgba(255,178,63,.55),inset 0 0 8px rgba(255,178,63,.3);animation:gemspin 6s linear infinite}
.brand .gem i + i{inset:10px;background:radial-gradient(circle,#fff3d6,#ffb23f);border:0;animation-direction:reverse}
.tag{position:fixed;z-index:2;pointer-events:none;font:500 .7rem var(--mono);letter-spacing:.08em;color:var(--muted);transform:translate(-50%,-100%);white-space:nowrap;transition:color .3s,font-size .3s,text-shadow .3s}
.tag.on{color:var(--ink);font-size:.9rem;text-shadow:0 0 12px var(--c)}
.tag.ai{color:#ffd27a;font:700 1rem var(--display);letter-spacing:.14em;text-shadow:0 0 14px rgba(255,178,63,.7);transition:transform .25s}
.tag.ai.hover{transform:translate(-50%,-100%) scale(1.15)}
.chat{position:fixed;z-index:6;left:50%;top:50%;width:min(340px,calc(100% - 32px));height:min(430px,calc(100% - 120px));display:flex;flex-direction:column;background:rgba(14,10,6,.9);border:1px solid rgba(255,199,96,.4);border-radius:18px;backdrop-filter:blur(14px);box-shadow:0 0 60px rgba(255,163,26,.22);transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.9,.25,1.2),opacity .25s;font-family:system-ui,sans-serif}
.chat.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.chat header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,199,96,.18)}
.chat header b{font:700 1rem var(--display);letter-spacing:.14em;color:#ffd27a;display:flex;align-items:center;gap:8px}
.chat header b i{width:8px;height:8px;border-radius:50%;background:#ffb23f;box-shadow:0 0 10px #ffb23f;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.3}}
.chat button{font:500 .8rem system-ui,sans-serif;color:var(--ink);background:transparent;border:1px solid rgba(255,199,96,.3);border-radius:8px;padding:.4rem .7rem;cursor:pointer}
.chat button:hover{border-color:#ffc760}
.chat button:focus-visible,.chat textarea:focus-visible{outline:2px solid #ffc760;outline-offset:2px}
.msgs{flex:1;min-height:0;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:88%;padding:9px 12px;border-radius:12px;font-size:.88rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.msg.ai{align-self:flex-start;background:rgba(255,178,63,.1);border:1px solid rgba(255,178,63,.22)}
.msg.me{align-self:flex-end;background:rgba(153,69,255,.22);border:1px solid rgba(153,69,255,.35)}
.msg.wait{color:var(--muted);letter-spacing:.2em}
.msg.err{color:#ff8a8a}
.sugs{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}
.sugs button{font-size:.74rem;border-radius:999px;color:#ffd9a0}
.chat form{display:flex;gap:8px;padding:12px 16px 14px;border-top:1px solid rgba(255,199,96,.18)}
.chat textarea{flex:1;min-width:0;resize:none;font:.88rem system-ui,sans-serif;color:var(--ink);background:rgba(255,255,255,.05);border:1px solid rgba(255,199,96,.25);border-radius:10px;padding:.6rem .75rem;max-height:120px}
.chat form button{background:#ffb23f;color:#2a1a02;border-color:#ffb23f;font-weight:600}
.chat form button:disabled{opacity:.5;cursor:default}
.cta{position:fixed;z-index:4;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:.7rem 1.3rem .7rem 1rem;border-radius:999px;border:1px solid transparent;
  background:linear-gradient(rgba(16,11,4,.78),rgba(16,11,4,.78)) padding-box,linear-gradient(135deg,#ffe2a0,#ffb23f 45%,rgba(255,178,63,.25)) border-box;
  color:#fff1d6;font:600 .82rem system-ui,sans-serif;letter-spacing:.02em;cursor:pointer;white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 26px rgba(255,170,40,.18);transition:transform .25s,box-shadow .25s}
.cta .ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ffc860,#f39c14);color:#2a1702;flex:0 0 auto;box-shadow:0 0 12px rgba(255,178,63,.5)}
.cta .ic svg{width:15px;height:15px}
.cta .st{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.cta .st small{font:600 .52rem var(--mono);letter-spacing:.18em;color:#d9b97a;text-transform:uppercase;display:flex;align-items:center;gap:5px}
.cta .st small::before{content:"";width:6px;height:6px;border-radius:50%;background:#22f59a;box-shadow:0 0 6px #22f59a}
.cta:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.5),0 0 36px rgba(255,170,40,.32)}
.cta:focus-visible{outline:2px solid #ffd27a;outline-offset:4px}
.cta.advmode{background:linear-gradient(rgba(4,14,18,.8),rgba(4,14,18,.8)) padding-box,linear-gradient(135deg,#e8fdff,#7cf6ff 45%,rgba(196,139,255,.45)) border-box;color:#e6fdff;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 26px rgba(95,246,255,.2)}
.cta.advmode .ic{background:linear-gradient(180deg,#bff9ff,#4fd9ff);color:#04222a;box-shadow:0 0 12px rgba(95,246,255,.55)}
.cta.advmode .st small{color:#9fd8e0}
@media (max-width:640px){.cta{bottom:calc(env(safe-area-inset-bottom,0px) + 48px);font-size:.78rem}}
.sig{position:fixed;z-index:2;pointer-events:none;transform:translate(-50%,0);font:700 .62rem var(--mono);letter-spacing:.16em;padding:3px 8px;border-radius:999px;white-space:nowrap;backdrop-filter:blur(6px)}
.sig.buy{color:#22f59a;background:rgba(34,245,154,.12);border:1px solid rgba(34,245,154,.5);box-shadow:0 0 14px rgba(34,245,154,.3)}
.sig.sell{color:#ff4d68;background:rgba(255,59,92,.12);border:1px solid rgba(255,59,92,.5);box-shadow:0 0 14px rgba(255,59,92,.3)}
.legend{position:fixed;z-index:3;left:18px;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);display:flex;gap:14px;align-items:center;font:500 .66rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);pointer-events:none}
.legend span{display:flex;align-items:center;gap:6px}
.legend i{width:16px;height:2px;border-radius:2px}
.legend .b{color:#22f59a}.legend .b i{background:#22f59a;box-shadow:0 0 8px #22f59a}
.legend .s{color:#ff4d68}.legend .s i{background:#ff3b5c;box-shadow:0 0 8px #ff3b5c}
.legend small{font-size:.6rem;opacity:.7}
.orbhit{position:fixed;z-index:3;top:calc(env(safe-area-inset-top,0px) + 30px);right:34px;width:150px;display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;padding:0;cursor:pointer;color:inherit;animation:floaty 5s ease-in-out infinite}
@keyframes floaty{50%{transform:translateY(8px)}}
.orbhit:focus-visible{outline:1px solid #7dffcf;outline-offset:6px;border-radius:20px}
.well{width:92px;height:92px;border-radius:50%;position:relative;transition:transform .3s}
.orbhit:hover .well{transform:scale(1.06)}
.ring{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);overflow:visible;pointer-events:none}
.ring .track{fill:none;stroke:rgba(125,255,208,.12);stroke-width:2}
.ring .prog{fill:none;stroke:url(#rg);stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .6s ease-out;filter:drop-shadow(0 0 4px rgba(94,242,194,.8))}
.ring .ticks{fill:none;stroke:rgba(255,210,122,.45);stroke-width:1;stroke-dasharray:1 5.2;transform-origin:50% 50%;animation:spin 18s linear infinite}
.ring .orbit{transform-origin:50% 50%;animation:spin 4s linear infinite}
.ring .orbit circle{fill:#eafff6;filter:drop-shadow(0 0 4px #5ef2c2)}
@keyframes spin{to{transform:rotate(360deg)}}
.mini{display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}
.mini small{font:600 .55rem var(--mono);letter-spacing:.24em;color:#9fe8cf;transition:color .4s}
.mini b{font:700 .95rem var(--display);letter-spacing:.02em;color:#effff8;font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(94,242,194,.5)}
.mini b.bump{color:#7dffcf}
.orbhit.done .mini small{color:#22f59a;text-shadow:0 0 10px rgba(34,245,154,.6)}
.orbhit.done .ring .prog{filter:drop-shadow(0 0 8px #22f59a)}
.done-toast{position:fixed;z-index:5;pointer-events:none;transform:translate(-50%,0) scale(.7);opacity:0;display:flex;align-items:center;gap:8px;padding:.55rem 1rem;border-radius:999px;background:rgba(10,30,22,.85);border:1px solid #22f59a;color:#c9ffe6;font:700 .7rem var(--mono);letter-spacing:.18em;box-shadow:0 0 30px rgba(34,245,154,.35);transition:opacity .4s,transform .5s cubic-bezier(.2,.9,.25,1.3);white-space:nowrap}
.done-toast.show{opacity:1;transform:translate(-50%,0) scale(1)}
.done-toast svg{width:16px;height:16px}
@media (prefers-reduced-motion:reduce){.orbhit,.ring .ticks,.ring .orbit{animation:none}}
.wpanel{position:fixed;z-index:6;left:50%;top:50%;width:min(340px,calc(100% - 32px));max-height:calc(100% - 120px);overflow-y:auto;padding:16px 18px 18px;border-radius:18px;
  background:linear-gradient(160deg,rgba(14,28,25,.92),rgba(6,9,14,.94));border:1px solid rgba(125,255,208,.35);backdrop-filter:blur(14px);box-shadow:0 0 60px rgba(34,201,149,.2);
  transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.9,.25,1.2),opacity .25s;display:flex;flex-direction:column;gap:10px}
.wpanel.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.wpanel header{display:flex;justify-content:space-between;align-items:center}
.wpanel header b{font:700 .95rem var(--display);letter-spacing:.14em;color:#9fe8cf}
.wpanel header button{font:500 .78rem system-ui,sans-serif;color:var(--ink);background:transparent;border:1px solid rgba(125,255,208,.3);border-radius:8px;padding:.35rem .7rem;cursor:pointer}
.wpanel header button:focus-visible{outline:2px solid #7dffcf;outline-offset:2px}
.winfo{display:flex;flex-direction:column;gap:3px}
.winfo b{font:700 1.8rem/1.1 var(--display);color:#effff8;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(94,242,194,.35);transition:color .4s}
.winfo b.bump{color:#7dffcf}
.wpnl{font:600 .78rem var(--mono);color:#22f59a;font-variant-numeric:tabular-nums}
.winfo em{font:500 .6rem var(--mono);letter-spacing:.14em;font-style:normal;color:var(--muted);text-transform:uppercase}
.mini em{font:500 .52rem var(--mono);letter-spacing:.14em;font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums}
.wrow{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font:500 .7rem var(--mono);color:var(--muted);padding-top:10px;border-top:1px solid rgba(125,255,208,.14)}
.wrow b{color:var(--ink);font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.wrow b.g{color:#22f59a}
.wbar{height:5px;border-radius:3px;background:rgba(125,255,208,.12);overflow:hidden}
.wbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd27a,#22f59a);border-radius:3px}
.speed{display:flex;gap:6px;flex-wrap:wrap}
.speed button{flex:1 1 auto;font:600 .64rem var(--mono);letter-spacing:.06em;color:#bdf5df;background:rgba(125,255,208,.06);border:1px solid rgba(125,255,208,.25);border-radius:8px;padding:.45rem .5rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px}
.speed button small{font-size:.54rem;color:var(--muted);letter-spacing:.04em}
.speed button.on{background:rgba(34,245,154,.16);border-color:#22f59a;color:#eafff6}
.speed button:focus-visible,.wrestart:focus-visible{outline:2px solid #7dffcf;outline-offset:2px}
.wrestart{font:500 .7rem system-ui,sans-serif;color:var(--ink);background:transparent;border:1px solid rgba(125,255,208,.3);border-radius:8px;padding:.45rem .7rem;cursor:pointer;align-self:flex-start}
.wnote{margin:0;font:.62rem var(--mono);color:var(--muted);letter-spacing:.06em}
.trades{list-style:none;margin:0;padding:10px 0 0;border-top:1px solid rgba(125,255,208,.14);display:flex;flex-direction:column;gap:6px}
.trades li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font:500 .72rem var(--mono);color:var(--ink);animation:tin .35s ease-out}
.trades li .k{font-size:.54rem;letter-spacing:.14em;padding:2px 6px;border-radius:999px}
.trades li .k.buy{color:#22f59a;background:rgba(34,245,154,.1);border:1px solid rgba(34,245,154,.35)}
.trades li .k.sell{color:#ff4d68;background:rgba(255,59,92,.1);border:1px solid rgba(255,59,92,.35)}
.trades li .v{color:#22f59a;font-variant-numeric:tabular-nums}
.trades .empty{color:var(--muted);font-size:.62rem;letter-spacing:.08em;display:block}
@keyframes tin{from{opacity:0;transform:translateY(-4px)}}
.gains{position:absolute;left:46px;top:32px;width:0;height:0}
.gain{position:absolute;left:0;top:0;transform:translate(-50%,-50%);white-space:nowrap;font:700 .78rem var(--mono);color:#22f59a;text-shadow:0 0 10px rgba(34,245,154,.7);animation:rise 1.6s ease-out forwards}
@keyframes rise{0%{opacity:0;margin-top:0}15%{opacity:1}100%{opacity:0;margin-top:-58px}}
@media (max-width:640px){.orbhit{top:calc(env(safe-area-inset-top,0px) + 14px);right:18px;width:100px;gap:6px}.well{width:62px;height:62px}.ring{inset:-7px;width:calc(100% + 14px);height:calc(100% + 14px)}.gains{left:31px;top:22px}.mini b{font-size:.82rem}.mini small{font-size:.48rem}}
.login{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:transparent;transition:opacity .6s ease,visibility .6s}
.login.out{opacity:0;visibility:hidden}
.lcard{width:min(300px,100%);padding:20px 20px 14px;gap:10px;border-radius:22px;background:linear-gradient(165deg,rgba(28,20,8,.42),rgba(8,6,14,.5));backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);border:1px solid rgba(255,199,96,.32);box-shadow:0 0 80px rgba(255,163,26,.16),0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,230,180,.08);display:flex;flex-direction:column;font-family:system-ui,sans-serif;transition:transform .6s cubic-bezier(.2,.9,.25,1)}
.login.out .lcard{transform:scale(.92) translateY(10px)}
.lmark{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.lmark .gem{width:32px;height:32px;position:relative}
.lmark .gem i{position:absolute;inset:4px;transform:rotate(45deg);border:1.5px solid #ffd27a;border-radius:6px;box-shadow:0 0 18px rgba(255,178,63,.6),inset 0 0 12px rgba(255,178,63,.35);animation:gemspin 6s linear infinite}
.lmark .gem i + i{inset:10px;background:radial-gradient(circle,#fff3d6,#ffb23f);border:0;animation-direction:reverse}
@keyframes gemspin{to{transform:rotate(405deg)}}
.lmark h2{margin:0;font:700 1.02rem var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.lmark h2 span{color:#ffc760}
.lmark p{margin:0;font-size:.74rem;color:var(--muted)}
.lfield{display:flex;flex-direction:column;gap:3px}
.lfield label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lwrap{position:relative;display:flex;align-items:center}
.lwrap input{width:100%;font:500 .84rem system-ui,sans-serif;color:var(--ink);background:rgba(10,8,16,.45);border:1px solid rgba(255,199,96,.2);border-radius:10px;padding:.62rem .8rem;transition:border-color .2s,box-shadow .2s,background .2s}
.lwrap input::placeholder{color:rgba(200,190,170,.4)}
.lwrap input:focus{outline:none;border-color:#ffc760;background:rgba(255,199,96,.06);box-shadow:0 0 0 3px rgba(255,178,63,.15)}
.lwrap input[aria-invalid="true"]{border-color:#ff5f73}
.lwrap .eye{position:absolute;right:4px;background:none;border:0;color:var(--muted);padding:.35rem .5rem;border-radius:8px;cursor:pointer;font:600 .58rem var(--mono);letter-spacing:.1em}
.lwrap .eye:hover{color:#ffd27a}
.lwrap .eye:focus-visible{outline:2px solid #ffc760}
.lerr{font-size:.66rem;color:#ff8597;padding-left:2px}
.lerr:empty{display:none}
.lrow{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.7rem;color:var(--muted)}
.lrow label{display:flex;align-items:center;gap:7px;cursor:pointer}
.lrow input{accent-color:#ffb23f;width:13px;height:13px}
.lrow a{color:#ffd27a;text-decoration:none}
.lrow a:hover{text-decoration:underline}
.lbtn{position:relative;font:700 .76rem var(--display);letter-spacing:.14em;text-transform:uppercase;color:#2a1702;background:linear-gradient(180deg,#ffc860,#f39c14);border:0;border-radius:10px;padding:.68rem;margin-top:2px;cursor:pointer;box-shadow:0 8px 24px rgba(243,156,20,.3);transition:filter .2s,transform .1s}
.lbtn:hover{filter:brightness(1.07)}
.lbtn:active{transform:translateY(1px)}
.lbtn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.lbtn[disabled]{cursor:default;filter:saturate(.7)}
.lbtn .spin{display:none;width:16px;height:16px;border:2px solid rgba(42,23,2,.3);border-top-color:#2a1702;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}
.lbtn.loading .txt{display:none}.lbtn.loading .spin{display:block}
.lalt{text-align:center;font-size:.72rem;color:var(--muted)}
.lalt a{color:#ffd27a;text-decoration:none;font-weight:600}
.lnote{margin:0;text-align:center;font:.54rem var(--mono);letter-spacing:.06em;color:rgba(160,150,190,.6)}
.lview{display:flex;flex-direction:column;gap:8px;animation:vin .35s ease-out}
@keyframes vin{from{opacity:0;transform:translateY(6px)}}
.lterms{display:flex;align-items:center;gap:7px;font-size:.7rem;color:var(--muted);line-height:1.4;cursor:pointer}
.lterms input{accent-color:#ffb23f;width:13px;height:13px;flex:0 0 auto}
.lterms a{color:#ffd27a;text-decoration:none}
.lstrength{height:2px;margin:2px 4px 0;border-radius:2px;background:rgba(255,255,255,.06);overflow:hidden}
.lstrength i{display:block;height:100%;width:0;border-radius:2px;transition:width .3s,background .3s}
.ldone{align-items:center;text-align:center;padding:8px 0 4px}
.ldone .ok{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(34,245,154,.1);border:1.5px solid #22f59a;box-shadow:0 0 30px rgba(34,245,154,.35);animation:pop .5s cubic-bezier(.2,.9,.25,1.4)}
.ldone .ok svg{width:30px;height:30px}
.ldone .ok path{stroke-dasharray:30;stroke-dashoffset:30;animation:draw .5s .25s ease-out forwards}
@keyframes pop{from{transform:scale(.3);opacity:0}}
@keyframes draw{to{stroke-dashoffset:0}}
.ldone h3{margin:4px 0 0;font:700 1rem var(--display);letter-spacing:.06em;color:#eafff6}
.ldone p{margin:0;font-size:.84rem;color:var(--muted)}
.tag.adv{display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .25s}
.tag.adv .nm{font:700 1rem var(--display);letter-spacing:.16em;background:linear-gradient(90deg,#f4fbff,#9ff8ff 35%,#ffe2a0 70%,#f4fbff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen2 4s linear infinite;filter:drop-shadow(0 0 10px rgba(95,246,255,.45))}
.tag.adv .bd{font:700 .5rem var(--mono);letter-spacing:.24em;color:#1b1206;background:linear-gradient(90deg,#ffe2a0,#ffb23f);padding:2px 7px;border-radius:999px;box-shadow:0 0 12px rgba(255,178,63,.45)}
.tag.adv .hn{font:500 .5rem var(--mono);letter-spacing:.2em;color:#a9c9d6}
.tag.adv.hover{transform:translate(-50%,-100%) scale(1.12)}
@keyframes sheen2{to{background-position:-200% 0}}
.brand{display:flex;flex-direction:column;align-items:center}
.advslot{width:88px;height:88px;margin-top:14px;pointer-events:none}
.tag.below{transform:translate(-50%,0)}
.tag.adv.below.hover{transform:translate(-50%,0) scale(1.08)}
@media (max-width:640px){.advslot{width:60px;height:60px;margin-top:10px}}
.wpanel.advmode{border-color:rgba(95,246,255,.4);box-shadow:0 0 60px rgba(95,246,255,.18)}
.wpanel.advmode header b{color:#9ff8ff}
.wpanel .wsec{display:flex;flex-direction:column;gap:10px}
.wpanel.advmode .wsec.n,.wpanel:not(.advmode) .wsec.a{display:none}
.wsec.a .winfo b{background:linear-gradient(90deg,#f4fbff,#9ff8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.wsec.a .wbar i{background:linear-gradient(90deg,#9ff8ff,#c48bff)}
.orbhit.advmode .mini small{color:#9ff8ff}
.orbhit.advmode .ring .prog{stroke:#7cf6ff}
.asset-tag{position:fixed;z-index:2;pointer-events:none;transform:translate(-50%,0);font:700 .56rem var(--mono);letter-spacing:.2em;color:#0b1a1f;background:linear-gradient(90deg,#9ff8ff,#c48bff);padding:3px 8px;border-radius:999px;box-shadow:0 0 16px rgba(95,246,255,.5);white-space:nowrap}
.acard{position:fixed;z-index:6;left:50%;top:50%;width:min(300px,calc(100% - 32px));max-height:calc(100% - 40px);overflow-y:auto;scrollbar-width:none;padding:14px 14px 12px;border-radius:26px;background:radial-gradient(120% 80% at 50% 0%,var(--acg,rgba(255,199,96,.14)),transparent 60%),linear-gradient(170deg,rgba(18,14,30,.92),rgba(6,6,12,.95));border:1px solid var(--ac,rgba(255,199,96,.35));backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 40px var(--acg,rgba(255,199,96,.12));display:flex;flex-direction:column;align-items:center;gap:9px;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.9,.25,1.2),opacity .25s;font-family:system-ui,sans-serif}
.acard::-webkit-scrollbar{display:none}
.acard.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.acx{position:absolute;top:10px;right:10px;width:26px;height:26px;font-size:.78rem;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--ink);font:500 .9rem system-ui;cursor:pointer;display:grid;place-items:center;line-height:1}
.acx:hover{background:rgba(255,255,255,.1)}
.acx:focus-visible{outline:2px solid #fff;outline-offset:2px}
.achead{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:700 .72rem var(--display);letter-spacing:.04em;color:#fff;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.55),transparent 38%),radial-gradient(circle,var(--ac2,#ffb23f),rgba(0,0,0,.35) 120%);box-shadow:0 0 0 3px rgba(255,255,255,.06),0 0 26px var(--acg,rgba(255,199,96,.3))}
.achead b{font:700 1.02rem var(--display);letter-spacing:.06em;color:#fff}
.achead small{font:600 .5rem var(--mono);letter-spacing:.14em;color:var(--ac2,#ffd27a);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:3px 10px;border-radius:999px}
.acard .chipadv{font:700 .46rem var(--mono);letter-spacing:.16em;color:#0b1a1f;background:linear-gradient(90deg,#9ff8ff,#c48bff);padding:3px 9px;border-radius:999px}
.amid{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}
.donut{position:relative;width:82px;height:82px;flex:0 0 auto}
.donut svg{width:100%;height:100%;transform:rotate(-90deg)}
.donut circle{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .6s ease,stroke-dashoffset .6s ease}
.donut .tr{stroke:#ff3b5c;opacity:.9}
.donut .by{stroke:#22f59a;filter:drop-shadow(0 0 4px rgba(34,245,154,.6))}
.donut .ctr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.donut .ctr b{font:700 .9rem var(--mono);color:#fff;font-variant-numeric:tabular-nums}
.donut .ctr small{font:600 .42rem var(--mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.aside{display:flex;flex-direction:column;gap:6px;min-width:0}
.pill{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font:600 .7rem var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.pill i{width:8px;height:8px;border-radius:50%;flex:0 0 auto}
.pill small{font:500 .46rem var(--mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.pill.buy{color:#22f59a}.pill.buy i{background:#22f59a;box-shadow:0 0 6px #22f59a}
.pill.sell{color:#ff5f73}.pill.sell i{background:#ff3b5c;box-shadow:0 0 6px #ff3b5c}
.apills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;width:100%}
.apills .pill{flex-direction:column;align-items:center;gap:0;padding:5px 8px;flex:1 1 70px;min-width:0;color:var(--ink)}
.arays{font:500 .58rem var(--mono);color:var(--muted);display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.03)}
.arays b{font-weight:600}
.abtn{width:100%;font:700 .66rem var(--display);letter-spacing:.14em;text-transform:uppercase;color:#2a1702;background:linear-gradient(180deg,#ffc860,#f39c14);border:0;border-radius:999px;padding:.55rem;cursor:pointer;box-shadow:0 8px 22px rgba(243,156,20,.28)}
.abtn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.acard .wnote{text-align:center;font-size:.52rem;margin:0}
.aproj{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;font:500 .66rem var(--mono);color:var(--muted);padding-top:8px;border-top:1px solid rgba(125,255,208,.14)}
.aproj b{color:var(--ink);font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.aproj i{font-style:normal;color:#9ff8ff}
.aproj .ok{color:#22f59a}
.aca{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 12px;width:100%;box-sizing:border-box;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font:500 .56rem var(--mono);color:var(--muted);max-width:100%}
.aca span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.aca button{font:600 .6rem var(--mono);letter-spacing:.08em;color:var(--ink);background:rgba(255,255,255,.08);border:0;border-radius:999px;padding:.35rem .7rem;cursor:pointer;flex:0 0 auto}
.aclink{font:600 .6rem var(--mono);color:#ffd27a;text-decoration:none;padding:4px 12px;border-radius:999px;border:1px solid rgba(255,210,122,.3)}
.aclink:hover{background:rgba(255,210,122,.08)}
.pill .up{color:#22f59a}.pill .dn{color:#ff5f73}
/* cartão do ativo compacto: cabe em telas e painéis estreitos */
.acard{width:min(300px,calc(100% - 24px));max-height:calc(100% - 24px);overflow-y:auto;scrollbar-width:none;padding:14px 14px 12px;gap:9px;border-radius:26px}
.acard::-webkit-scrollbar{display:none}
.acx{top:10px;right:10px;width:26px;height:26px;font-size:.78rem}
.achead{gap:4px}
.avatar{width:40px;height:40px;font-size:.72rem}
.achead b{font-size:1rem}
.achead small{font-size:.48rem;padding:2px 8px}
.acard .chipadv{font-size:.48rem;padding:3px 8px}
.amid{gap:12px}
.donut{width:84px;height:84px}
.donut circle{stroke-width:10}
.donut .ctr b{font-size:.9rem}
.donut .ctr small{font-size:.44rem}
.aside{gap:6px}
.pill{padding:5px 10px;font-size:.7rem;gap:6px}
.pill small{font-size:.46rem}
.apills{gap:6px}
.apills .pill{padding:5px 8px;flex:1 1 76px}
.aca{padding:4px 4px 4px 10px;font-size:.56rem}
.aca button{font-size:.54rem;padding:.28rem .6rem}
.arays{font-size:.58rem;padding:4px 12px}
.abtn{padding:.55rem;font-size:.66rem}
.acard .wnote{font-size:.54rem;line-height:1.35}
.aclink{font-size:.6rem;padding:4px 12px}
.trades li.lnk{display:block}
.trades a.tr{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;color:inherit;text-decoration:none;padding:4px 8px;margin:0 -8px;border-radius:999px;transition:background .2s}
.trades a.tr:hover{background:rgba(159,248,255,.08)}
.trades a.tr:focus-visible{outline:1px solid #9ff8ff}
.trades a.tr .go{color:#9ff8ff;font-size:.7rem}
.solbtn{display:flex;align-items:center;justify-content:center;gap:8px;font:600 .7rem var(--mono);letter-spacing:.06em;color:#dffcff;text-decoration:none;padding:.55rem;border-radius:999px;border:1px solid rgba(159,248,255,.35);background:rgba(95,246,255,.06)}
.solbtn:hover{background:rgba(95,246,255,.12)}
.admbtn{position:fixed;z-index:4;right:18px;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);display:flex;align-items:center;gap:8px;padding:.6rem 1rem;border-radius:999px;border:1px solid rgba(196,139,255,.45);background:rgba(16,10,28,.78);backdrop-filter:blur(10px);color:#e9dcff;font:600 .74rem system-ui,sans-serif;cursor:pointer;box-shadow:0 0 20px rgba(196,139,255,.2)}
.admbtn:hover{background:rgba(40,24,64,.85)}
.admbtn:focus-visible{outline:2px solid #c48bff;outline-offset:3px}
.admbtn svg{width:15px;height:15px}
.adm{position:fixed;z-index:7;left:50%;top:50%;width:min(380px,calc(100% - 32px));max-height:calc(100% - 40px);overflow-y:auto;scrollbar-width:none;padding:18px;border-radius:26px;background:radial-gradient(120% 70% at 50% 0%,rgba(196,139,255,.14),transparent 60%),linear-gradient(170deg,rgba(18,12,30,.95),rgba(6,5,12,.97));border:1px solid rgba(196,139,255,.4);box-shadow:0 20px 60px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:14px;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.9,.25,1.2),opacity .25s;font-family:system-ui,sans-serif}
.adm.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.adm::-webkit-scrollbar{display:none}
.adm header{display:flex;justify-content:space-between;align-items:center}
.adm header b{font:700 .95rem var(--display);letter-spacing:.14em;color:#e2ceff}
.adm header small{display:block;font:500 .54rem var(--mono);letter-spacing:.14em;color:var(--muted);margin-top:2px}
.adm h4{margin:0;font:700 .62rem var(--mono);letter-spacing:.2em;color:#c48bff;text-transform:uppercase}
.adm form{display:flex;flex-direction:column;gap:8px}
.adm input{width:100%;box-sizing:border-box;font:500 .82rem system-ui,sans-serif;color:var(--ink);background:rgba(10,8,16,.6);border:1px solid rgba(196,139,255,.25);border-radius:999px;padding:.6rem .95rem}
.adm input.mono{font-family:var(--mono);font-size:.7rem}
.adm input:focus{outline:none;border-color:#c48bff;box-shadow:0 0 0 3px rgba(196,139,255,.15)}
.adm input[aria-invalid="true"]{border-color:#ff5f73}
.adm .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.adm details{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:8px 12px}
.adm details summary{cursor:pointer;font:600 .66rem var(--mono);letter-spacing:.08em;color:var(--muted)}
.adm details[open] summary{margin-bottom:8px}
.adm .hint{margin:0;font:.6rem var(--mono);color:var(--muted);line-height:1.5}
.adm .err2{font-size:.66rem;color:#ff8597;padding-left:10px}
.adm .err2:empty{display:none}
.admgo{font:700 .7rem var(--display);letter-spacing:.14em;text-transform:uppercase;color:#1a0f2a;background:linear-gradient(180deg,#e2ceff,#a46bff);border:0;border-radius:999px;padding:.65rem;cursor:pointer}
.admgo:focus-visible,.adm button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.orblist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.orblist li{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.orblist li.on{border-color:#9ff8ff;background:rgba(95,246,255,.07)}
.orblist .av{width:30px;height:30px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font:700 .56rem var(--display);color:#fff;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.5),transparent 40%),var(--c)}
.orblist .nm{flex:1;min-width:0;display:flex;flex-direction:column}
.orblist .nm b{font:600 .78rem system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orblist .nm small{font:500 .56rem var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orblist button{font:600 .6rem var(--mono);letter-spacing:.06em;border-radius:999px;padding:.4rem .7rem;cursor:pointer;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--ink);flex:0 0 auto}
.orblist button.use{border-color:rgba(159,248,255,.5);color:#9ff8ff}
.orblist li.on button.use{background:#9ff8ff;color:#05222a;border-color:#9ff8ff}
.orblist button.del:hover{border-color:#ff5f73;color:#ff8597}
.admout{align-self:center;font:500 .7rem system-ui,sans-serif;color:var(--muted);background:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.45rem .9rem;cursor:pointer}
.admtoast{position:fixed;z-index:8;left:50%;top:22px;transform:translateX(-50%);padding:.55rem 1rem;border-radius:999px;background:rgba(20,12,34,.92);border:1px solid #c48bff;color:#efe4ff;font:600 .72rem system-ui,sans-serif;opacity:0;transition:opacity .3s;pointer-events:none}
.admtoast.show{opacity:1}
@media (max-width:640px){.admbtn{bottom:calc(env(safe-area-inset-bottom,0px) + 100px);right:14px}}
.dexst{display:flex;align-items:center;gap:8px;font:500 .64rem var(--mono);color:var(--muted);padding:2px 10px;min-height:1.2em}
.dexst:empty{display:none}
.dexst i{width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}
.dexst.load{color:#ffd27a}.dexst.load i{animation:blink 1s infinite}
.dexst.ok{color:#22f59a}.dexst.fail{color:#ff8597}
.err{position:fixed;inset:0;display:grid;place-items:center;color:var(--muted);font:.9rem var(--mono);padding:16px;text-align:center}


/* === Premium refresh: orbes, mobile e dashboard === */
:root{
  --glass-1: rgba(10,12,24,.74);
  --glass-2: rgba(18,22,40,.88);
  --glass-border: rgba(255,255,255,.10);
  --soft-shadow: 0 18px 48px rgba(0,0,0,.46);
  --orb-gold: #ffd27a;
  --orb-mint: #8dffd7;
}
#scene::after{
  content:""; position:fixed; inset:0; pointer-events:none;
  background:
    radial-gradient(50% 36% at 50% 0%, rgba(124,246,255,.055), transparent 70%),
    radial-gradient(34% 28% at 18% 16%, rgba(255,178,63,.06), transparent 74%),
    radial-gradient(28% 24% at 82% 18%, rgba(196,139,255,.06), transparent 72%);
  z-index:0;
}
.brand{max-width:min(55vw,460px)}
.brand h1{filter:drop-shadow(0 10px 26px rgba(0,0,0,.34))}
.legend{
  padding:.55rem .8rem; border-radius:999px; background:rgba(9,10,20,.42);
  border:1px solid rgba(255,255,255,.08); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  box-shadow:0 10px 30px rgba(0,0,0,.22);
}
.orbhit{
  width:170px; gap:12px; padding:12px 10px 14px; border-radius:28px;
  background:linear-gradient(180deg, rgba(10,16,20,.6), rgba(11,18,22,.28));
  border:1px solid rgba(141,255,215,.18);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  box-shadow:0 14px 38px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06), 0 0 28px rgba(34,245,154,.08);
}
.orbhit::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(135deg, rgba(255,255,255,.08), transparent 40%, rgba(141,255,215,.08));
  opacity:.9;
}
.well{
  width:108px; height:108px; display:grid; place-items:center; isolation:isolate;
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,.18), transparent 34%),
    radial-gradient(circle at 50% 58%, rgba(94,242,194,.18), transparent 58%),
    linear-gradient(180deg, rgba(12,34,28,.9), rgba(7,17,15,.7));
  box-shadow:inset 0 0 20px rgba(34,245,154,.08), 0 16px 34px rgba(0,0,0,.28);
}
.orbhit:hover .well{transform:scale(1.075)}
.ring{filter:drop-shadow(0 0 20px rgba(125,255,208,.18))}
.ring .track{stroke:rgba(125,255,208,.18);stroke-width:2.4}
.ring .prog{stroke-width:4;filter:drop-shadow(0 0 8px rgba(94,242,194,.85))}
.ring .ticks{opacity:.88}
.ring .orbit circle{r:1.9}
.gains{filter:drop-shadow(0 0 18px rgba(34,245,154,.35))}
.mini{gap:5px}
.mini small{font-size:.56rem; color:#b5f0db; text-shadow:0 0 10px rgba(94,242,194,.12)}
.mini b{font-size:1rem; line-height:1.05; text-shadow:0 0 16px rgba(94,242,194,.46)}
.mini em{font:600 .52rem var(--mono);letter-spacing:.16em;color:#b2bfd8;opacity:.94;font-style:normal}
.wpanel,.acard,.adm,.chat,.lcard{
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.055), transparent 58%),
    linear-gradient(165deg, rgba(16,18,34,.94), rgba(6,8,18,.95));
  border-color:rgba(255,255,255,.10);
  box-shadow:var(--soft-shadow), 0 0 0 1px rgba(255,255,255,.02) inset;
}
.wpanel{width:min(420px,calc(100% - 26px));border-radius:24px;padding:18px 18px 16px}
.wpanel header{padding-bottom:10px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.08)}
.wpanel header b{font-size:1rem;letter-spacing:.12em}
.winfo{padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.wbar{height:7px;background:rgba(255,255,255,.08)}
.wbar i{box-shadow:0 0 14px rgba(34,245,154,.28)}
.wrow{gap:7px 12px;font-size:.72rem}
.trades{gap:8px}
.trades li,.orblist li{
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.07);
}
.trades a.tr{border-radius:14px}
.acard{width:min(340px,calc(100% - 20px));padding:16px 16px 14px;border-radius:28px}
.achead small,.acard .chipadv,.pill small,.aca,.aclink,.arays,.wpanel,.adm small,.adm .hint,.orblist .nm small,.dexst{letter-spacing:.1em}
.apills .pill,.aside .pill{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.adm{width:min(540px,calc(100% - 22px));padding:18px;border-radius:30px;gap:16px}
.adm header{position:sticky;top:-18px;z-index:1;padding:0 0 12px;margin-bottom:2px;background:linear-gradient(180deg, rgba(11,12,22,.98), rgba(11,12,22,.82), transparent)}
.adm h4{padding:8px 12px;border-radius:999px;background:rgba(196,139,255,.08);border:1px solid rgba(196,139,255,.15);display:inline-flex;align-self:flex-start}
.adm form{padding:12px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.adm details{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.adm .two{gap:10px}
.orblist{gap:8px}
.orblist li{padding:10px 12px 10px 10px}
.admbtn{
  background:linear-gradient(180deg, rgba(32,16,56,.88), rgba(16,10,28,.92));
  border-color:rgba(196,139,255,.48);
  box-shadow:0 16px 38px rgba(0,0,0,.35), 0 0 24px rgba(196,139,255,.12);
}
.chat{width:min(380px,calc(100% - 20px));height:min(520px,calc(100% - 38px));border-radius:24px}
.lcard{width:min(420px,calc(100% - 24px));border-radius:30px;padding:20px 18px 16px}
.cta{max-width:min(520px,calc(100% - 36px));width:max-content}
@media (max-width:980px){
  .brand{left:14px;top:calc(env(safe-area-inset-top,0px) + 12px);max-width:62vw}
  .brand h1{font-size:clamp(1.18rem,4.8vw,1.6rem);gap:10px}
  .legend{left:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}
  .wpanel,.chat,.adm,.acard{max-height:calc(100% - 20px)}
}
@media (max-width:760px){
  #scene canvas{cursor:auto}
  .brand{max-width:58vw;align-items:flex-start}
  .brand .gem{width:26px;height:26px}
  .advslot{width:58px;height:58px;margin-top:8px}
  .legend{
    left:12px; right:12px; width:auto; justify-content:center; gap:12px;
    font-size:.6rem; padding:.5rem .65rem;
  }
  .orbhit{top:calc(env(safe-area-inset-top,0px) + 10px);right:12px;width:124px;padding:10px 8px 11px;gap:8px;border-radius:22px}
  .well{width:72px;height:72px}
  .ring{inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px)}
  .gains{left:36px;top:24px}
  .mini b{font-size:.84rem}
  .mini small{font-size:.47rem}
  .mini em{font-size:.46rem;letter-spacing:.12em}
  .cta{left:12px;right:12px;transform:none;max-width:none;width:auto;justify-content:center;padding:.72rem .9rem .72rem .85rem}
  .cta:hover{transform:translateY(-2px)}
  .admbtn{right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 102px)}
  .wpanel,.chat,.adm,.acard{width:min(100% - 18px, 420px);border-radius:24px}
  .adm{padding:16px}
  .adm header{top:-16px}
  .amid{flex-direction:column;gap:10px}
  .aside{width:100%}
  .aside .pill{justify-content:center}
  .apills .pill{flex:1 1 calc(50% - 6px)}
}
@media (max-width:520px){
  .brand{max-width:56vw}
  .brand h1{font-size:1.06rem;letter-spacing:.04em}
  .legend small{display:none}
  .orbhit{width:112px;right:10px;top:calc(env(safe-area-inset-top,0px) + 10px)}
  .well{width:64px;height:64px}
  .gains{left:31px;top:21px}
  .chat{height:min(78vh,540px)}
  .wpanel{padding:16px 14px 14px}
  .wrow{font-size:.66rem;gap:7px 10px}
  .trades li{grid-template-columns:auto 1fr auto;font-size:.67rem}
  .adm .two{grid-template-columns:1fr}
  .orblist li{flex-wrap:wrap;align-items:flex-start;border-radius:18px}
  .orblist .nm{width:calc(100% - 42px)}
  .orblist button{padding:.42rem .72rem}
  .acard{padding:14px 12px 12px}
  .aca{font-size:.52rem}
  .aca button{padding:.28rem .56rem}
}
@media (max-width:390px){
  .brand{max-width:52vw}
  .brand h1{font-size:.98rem}
  .cta{font-size:.74rem}
  .cta .st small{font-size:.46rem}
  .orbhit{width:104px}
  .mini b{font-size:.78rem}
  .wpanel,.chat,.adm,.acard,.lcard{width:calc(100% - 14px)}
}

/* === Fase 2: Control Center, dashboard e leitura em dispositivos móveis === */
.adm-hero,.dashboard-heading{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:20px;background:linear-gradient(115deg,rgba(196,139,255,.15),rgba(95,246,255,.06) 68%,rgba(255,178,63,.04));border:1px solid rgba(196,139,255,.23);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.adm-hero-icon,.dashboard-heading-mark{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,rgba(196,139,255,.27),rgba(95,246,255,.14));border:1px solid rgba(196,139,255,.25);color:#e7d5ff;font-size:1.35rem;box-shadow:0 0 24px rgba(196,139,255,.12)}
.adm-hero>div:nth-child(2),.dashboard-heading>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.adm-hero strong,.dashboard-heading strong{font:700 .92rem var(--display);letter-spacing:.04em;color:#f3edff}
.adm-hero span,.dashboard-heading small{font:500 .6rem var(--mono);color:#b0a8c7;line-height:1.4}
.adm-hero-live,.dashboard-live{margin-left:auto;flex:0 0 auto;border:1px solid rgba(159,248,255,.3);border-radius:999px;padding:5px 9px;font:700 .55rem var(--mono);letter-spacing:.12em;color:#a8f6ff;background:rgba(95,246,255,.07)}
.dashboard-heading{background:linear-gradient(115deg,rgba(125,255,208,.10),rgba(255,210,122,.04));border-color:rgba(125,255,208,.17)}
.dashboard-heading-mark{color:#b7ffe7;background:rgba(125,255,208,.12);border-color:rgba(125,255,208,.19)}
.wpanel .wsec{gap:13px}
.wpanel .winfo{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.wpanel .wrow{padding:13px 12px;box-sizing:border-box;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)}
.wpanel .wrow b{font-variant-numeric:tabular-nums;font-weight:700;color:#f5f8ff}
.wpanel .wrow .g{color:#8affcc}
.adm .orblist li.on{box-shadow:inset 0 0 18px rgba(95,246,255,.055),0 0 24px rgba(95,246,255,.05)}
.admgo,.abtn{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.admgo:hover,.abtn:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 10px 24px rgba(196,139,255,.12)}
.orblist .av{box-shadow:inset 0 0 9px rgba(255,255,255,.3),0 0 20px var(--c)}
@media (max-width:760px){
 .dashboard-heading,.adm-hero{padding:11px;gap:9px;border-radius:16px}
 .dashboard-heading-mark,.adm-hero-icon{width:36px;height:36px;border-radius:12px}
 .adm-hero strong,.dashboard-heading strong{font-size:.82rem}
 .adm-hero span,.dashboard-heading small{font-size:.55rem}
 .adm-hero-live,.dashboard-live{padding:4px 7px;font-size:.48rem}
 .wpanel{max-height:calc(100dvh - 20px);overflow-y:auto;overscroll-behavior:contain}
 .adm{max-height:calc(100dvh - 18px);overscroll-behavior:contain}
}
@media (max-width:420px){
 .adm-hero-live{display:none}
 .wpanel .wrow{padding:10px 8px}
 .dashboard-heading{gap:7px}
 .dashboard-live{letter-spacing:0}
}

/* Ajustes de navegação observados na gravação */
.tag{max-width:110px;text-overflow:ellipsis;overflow:hidden;line-height:1.3;text-align:center}
.tag.ai,.tag.adv{max-width:none;overflow:visible}
@media(max-width:760px){.tag{font-size:.6rem!important;max-width:84px;letter-spacing:.035em}.tag.on{font-size:.72rem!important}.tag.ai{font-size:.78rem!important}.tag.adv .nm{font-size:.74rem}.tag.adv .hn{font-size:.43rem}.sig{font-size:.48rem;padding:2px 5px}}


/* reforço premium pós-login */
body.logged-in .orbhit{
  box-shadow:0 16px 42px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.07), 0 0 34px rgba(34,245,154,.13);
  border-color:rgba(141,255,215,.26);
}
body.logged-in .brand h1{filter:drop-shadow(0 10px 28px rgba(0,0,0,.34)) drop-shadow(0 0 18px rgba(255,210,122,.12));}
body.logged-in .advslot{filter:drop-shadow(0 0 22px rgba(159,248,255,.22));}

/* Premium visual consistency — mantém a interface legível após o login */
.tag.on{color:#f8faff;text-shadow:0 0 8px var(--c),0 0 20px var(--c),0 2px 8px #02030b}
.brand h1{filter:drop-shadow(0 0 12px rgba(255,188,78,.18))}
.orbhit{isolation:isolate}
.well{filter:drop-shadow(0 0 12px rgba(101,255,211,.26))}
.advslot{filter:drop-shadow(0 0 16px rgba(117,235,255,.23))}
@media(max-width:760px){
 .tag:not(.ai):not(.adv):not(.on){font-size:.56rem!important;letter-spacing:.025em;text-shadow:0 1px 5px #02030b}
 .orbhit{max-width:30vw}
 .mini{max-width:100%}
 .mini b{overflow-wrap:anywhere;text-align:center}
 .legend{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
}
@media(prefers-reduced-motion:reduce){.orbhit,.tag.adv .nm{animation:none}}