*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#07060d;width:100%;height:100%;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{display:block}body:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle,#0000 25%,#000000e6 78%);transition:opacity .45s;position:fixed;inset:0}body.escuro:after{opacity:1}body.escuro #hud,body.escuro #controles,body.escuro #packs{opacity:.15}#hud,#controles,#packs{transition:opacity .4s}.glass{-webkit-backdrop-filter:blur(12px);background:#120e229e;border:1px solid #ffffff1a;border-radius:16px}#carregando{z-index:50;background:#07060d;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .5s;display:flex;position:fixed;inset:0}#carregando.fora{opacity:0;pointer-events:none}.spin{border:4px solid #3b0764;border-top-color:#e879f9;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite gira}@keyframes gira{to{transform:rotate(360deg)}}#hud{z-index:2;min-width:210px;padding:12px 16px;font-size:14px;line-height:1.65;position:fixed;top:14px;left:14px}#hud .moedas{color:#fde047;text-shadow:0 0 14px #fde04766;font-size:26px;font-weight:900}#hud .sub{color:#a5b4fc;font-size:12px}#hud .pity{color:#cbd5e1;margin-top:4px;font-size:12px}.bar{background:#ffffff1a;border-radius:7px;height:7px;margin-top:3px;overflow:hidden}.bar>i{background:linear-gradient(90deg,#a855f7,#f0abfc);width:0;height:100%;transition:width .3s;display:block}#topo{z-index:2;align-items:center;gap:8px;display:flex;position:fixed;top:14px;right:14px}.tag{color:#94a3b8;background:#ffffff14;border-radius:20px;padding:4px 9px;font-size:11px}button,select{font:inherit;color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:12px;padding:11px 16px;font-weight:700;transition:transform 80ms,background .2s,opacity .2s}select{background:#1e1b33;padding:9px 12px}button:hover{background:#ffffff2b}button:active{transform:scale(.95)}button:disabled{opacity:.38;cursor:not-allowed}button.mini{padding:7px 11px;font-size:13px}button.principal{background:linear-gradient(135deg,#9333ea,#db2777);padding:13px 26px;font-size:18px;box-shadow:0 0 24px #db277773}button.on{background:#16a34a}#controles{z-index:2;flex-wrap:wrap;justify-content:center;gap:8px;width:max-content;max-width:calc(100% - 20px);padding:9px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}#packs{z-index:2;gap:8px;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.packbtn{border:2px solid #0000;flex-direction:column;align-items:center;padding:8px 14px;font-size:13px;line-height:1.25;display:flex}.packbtn small{color:#fde68a;font-weight:600}.packbtn.sel{background:#f0abfc26;border-color:#f0abfc}.packbtn.trava{filter:grayscale(.8)}#revelar{text-align:center;pointer-events:none;opacity:0;z-index:3;transition:opacity .25s;position:fixed;top:6%;left:0;right:0}#revelar.show{opacity:1}#revelar .rar{letter-spacing:4px;text-shadow:0 0 20px;font-size:42px;font-weight:900}#revelar .nome{text-shadow:0 2px 10px #000;margin-top:2px;font-size:23px;font-weight:800}#revelar .odds{color:#cbd5e1;margin-top:3px;font-size:15px}#revelar .nova{color:#000;background:#facc15;border-radius:20px;margin-top:6px;padding:2px 12px;font-size:13px;font-weight:900;display:inline-block}#revelar.show .rar{animation:.45s cubic-bezier(.2,1.6,.4,1) pop}#revelar.grande .rar{font-size:72px;animation:.5s cubic-bezier(.2,1.6,.4,1) pop,.1s .5s 7 treme}@keyframes pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes treme{0%,to{transform:translate(0)}25%{transform:translate(-6px,3px)}75%{transform:translate(6px,-3px)}}.painel{z-index:10;flex-direction:column;gap:10px;padding:18px;display:none;position:fixed;inset:4% 5%}.painel.aberto{display:flex}.painel header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.painel h2{font-size:21px}.acoes{flex-wrap:wrap;gap:8px;display:flex}.acoes.centro{justify-content:center}.dica{color:#94a3b8;font-size:12px}.grade{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));align-content:start;gap:12px;padding-right:6px;display:grid;overflow-y:auto}.slot{text-align:center;color:#cbd5e1;cursor:pointer;border-radius:12px;padding:4px;font-size:11px;transition:transform .15s;position:relative}.slot:hover{transform:translateY(-3px)}.slot canvas{aspect-ratio:2/3;border-radius:10px;width:100%;display:block}.slot.trava canvas{filter:grayscale()brightness(.18)blur(2px);opacity:.8}.slot.trava{cursor:default}.slot.notime{outline:3px solid #22c55e}.slot b{color:#fff;margin-top:3px;font-size:12px;display:block}.muts{flex-wrap:wrap;justify-content:center;gap:3px;margin-top:3px;display:flex}.muts span{color:#000;border-radius:7px;padding:0 5px;font-size:10px;font-weight:800}.timebar{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:10px;min-height:40px;font-size:13px;display:flex}.timebar .chip{color:#fff;background:#22c55e2e;border:1px solid #22c55e;border-radius:20px;padding:6px 12px}#painelBatalha{inset:3% 4%}#faseInfo{text-align:center;color:#cbd5e1;font-size:15px}#faseInfo b{color:#fff;font-size:19px}#arena{flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:6px;min-height:0;display:flex}.lado{justify-content:center;gap:14px;display:flex}.uni{text-align:center;width:clamp(88px,11vw,140px);transition:filter .3s,opacity .3s;position:relative}.uni canvas{aspect-ratio:2/3;border-radius:10px;width:100%;display:block}.uni .hp{background:#ffffff1f;border-radius:9px;height:9px;margin-top:5px;position:relative;overflow:hidden}.uni .hp i{background:linear-gradient(90deg,#16a34a,#4ade80);width:100%;transition:width .25s;position:absolute;inset:0}.uni .hp s{background:#93c5fdb3;width:0;transition:width .25s;position:absolute;inset:0}.uni.morto{filter:grayscale()brightness(.4);opacity:.6}.uni .num{pointer-events:none;text-shadow:0 2px 6px #000;white-space:nowrap;font-size:22px;font-weight:900;position:absolute;top:30%;left:50%;transform:translate(-50%)}.uni .st{font-size:16px;position:absolute;top:4px;right:4px}#log{color:#cbd5e1;text-align:center;height:1.6em;font-size:13px}.mini-painel{z-index:20;align-items:center;width:min(380px,92vw);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.mini-painel canvas{aspect-ratio:2/3;border-radius:14px;width:min(300px,70vw)}#toast{pointer-events:none;z-index:30;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:60px;right:14px}#toast div{max-width:340px;padding:10px 15px;font-size:14px;font-weight:600;animation:.3s pop}@media (max-width:700px){#hud{min-width:0;padding:9px 12px;font-size:12px;line-height:1.5}#hud .moedas{font-size:20px}#controles button{padding:9px 11px;font-size:13px}button.principal{padding:11px 18px;font-size:16px}#packs{bottom:118px}.packbtn{padding:6px 9px;font-size:11px}#revelar{top:auto;bottom:205px}#revelar .rar{font-size:30px}#revelar.grande .rar{font-size:44px}.painel{inset:2%}}body.modo-mundo #controles,body.modo-mundo #packs,body.modo-mundo #revelar{display:none}body.modo-packs #barraMundo,body.modo-packs #prompt,body.modo-packs #joystick,body.modo-packs #btnPulo{display:none!important}#barraMundo{z-index:2;gap:8px;padding:9px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}#prompt{z-index:3;white-space:nowrap;align-items:center;gap:12px;padding:10px 12px 10px 18px;font-weight:700;display:none;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}#prompt.on{animation:.25s pop;display:flex}#prompt button{color:#000;background:#facc15;padding:8px 14px;font-weight:900}.timebar .slotDeck{text-align:center;width:96px;font-size:11px}.timebar .slotDeck canvas{aspect-ratio:2/3;border-radius:8px;outline:2px solid #22c55e;width:96px;display:block}.timebar .vazio{aspect-ratio:2/3;color:#64748b;border:2px dashed #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:96px;font-size:28px;display:flex}.timebar .poder{color:#fde68a;margin-left:8px;font-size:15px}.fala{color:#e2e8f0;font-style:italic}#joystick,#btnPulo{display:none}body.toque #joystick{z-index:3;touch-action:none;display:block;position:fixed;bottom:110px;left:22px}#joyBase{background:#ffffff14;border:2px solid #fff3;border-radius:50%;width:120px;height:120px;position:relative}#joyPino{background:#ffffff59;border-radius:50%;width:52px;height:52px;position:absolute;top:34px;left:34px}body.toque #btnPulo{z-index:3;background:#ffffff1f;border-radius:50%;width:68px;height:68px;font-size:28px;display:block;position:fixed;bottom:120px;right:24px}#b3d{display:none}body.modo-batalha #b3d{display:block}body.modo-batalha #hud,body.modo-batalha #barraMundo,body.modo-batalha #prompt,body.modo-batalha #joystick,body.modo-batalha #btnPulo,body.modo-batalha #controles,body.modo-batalha #packs,body.modo-batalha #revelar{display:none!important}#b3dUnidades{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.u3d{text-align:center;text-shadow:0 2px 4px #000;will-change:transform;width:118px;font-size:13px;transition:opacity .4s;position:absolute;top:0;left:0}.u3d b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.u3d .hp{background:#0009;border:1px solid #ffffff47;border-radius:9px;height:9px;margin-top:3px;position:relative;overflow:hidden}.u3d .hp i{background:linear-gradient(90deg,#16a34a,#4ade80);width:100%;transition:width .3s;position:absolute;inset:0}.u3d.inimigo .hp i{background:linear-gradient(90deg,#b91c1c,#f87171)}.u3d .hp s{background:#93c5fdcc;width:0;transition:width .3s;position:absolute;inset:0}.u3d .st{font-size:20px;position:absolute;top:-20px;right:-8px}.u3d.morto{opacity:.3}.dmg{text-shadow:0 2px #000,0 0 12px #000c;white-space:nowrap;pointer-events:none;font-size:26px;font-weight:900;position:absolute;transform:translate(-50%,-50%)}.dmg.grande{font-size:42px}#b3dTopo{z-index:6;white-space:nowrap;align-items:center;gap:14px;padding:8px 18px;font-size:16px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}#b3dTurno{color:#cbd5e1;font-weight:600}#b3dLog{z-index:6;text-align:center;min-width:260px;max-width:90vw;padding:8px 16px;font-size:14px;position:fixed;bottom:86px;left:50%;transform:translate(-50%)}#b3dLog:empty{display:none}#b3dBotoes{z-index:6;gap:10px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}#b3dFim{opacity:0;pointer-events:none;text-align:center;z-index:8;min-width:300px;padding:22px 34px;transition:opacity .35s,transform .35s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}#b3dFim.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}#b3dFim h2{letter-spacing:2px;margin:0 0 6px;font-size:46px}#b3dFim .vit{color:#4ade80;text-shadow:0 0 24px #4ade80b3}#b3dFim .der{color:#f87171;text-shadow:0 0 24px #f8717199}#b3dFim .acoes{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.painel-medio{width:min(580px,94vw);max-height:90vh;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%)}#btnMissoes{position:relative}.selo{background:#ef4444;border-radius:10px;min-width:20px;height:20px;padding:0 5px;font-size:12px;line-height:20px;display:none;position:absolute;top:-6px;right:-6px;box-shadow:0 0 10px #ef4444cc}.selo.on{animation:.4s pop;display:block}#hudExtra:empty{display:none}#hudExtra .boost{color:#4ade80;font-weight:800}#hudExtra .reb{font-weight:800}.missao{background:#ffffff0d;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;margin-bottom:8px;padding:12px 14px;display:grid}.missao.feita{background:#4ade801f;box-shadow:inset 0 0 0 1px #4ade8073}.missao.resgatada{opacity:.5}.missao .txt{font-weight:700}.missao .rec{color:#fde047;font-size:13px}.missao .barra{background:#ffffff1a;border-radius:8px;grid-column:1/-1;height:8px;overflow:hidden}.missao .barra i{background:linear-gradient(90deg,#a855f7,#db2777);height:100%;transition:width .3s;display:block}.missao.feita .barra i{background:linear-gradient(90deg,#16a34a,#4ade80)}.missao button{grid-area:1/2/3}#bauMissoes{text-align:center;background:linear-gradient(135deg,#facc151f,#a855f71f);border-radius:14px;margin-top:4px;padding:14px}#bauMissoes .bau{font-size:46px;line-height:1}#bauMissoes.pronto .bau{animation:.8s infinite balanca}@keyframes balanca{0%,to{transform:rotate(-8deg)scale(1.05)}50%{transform:rotate(8deg)scale(1.15)}}.reb-num{text-align:center;font-size:52px;font-weight:900;line-height:1.1}.reb-tabela{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px}.reb-tabela td{border-bottom:1px solid #ffffff14;padding:6px 8px}.reb-tabela td:last-child{text-align:right;color:#4ade80;font-weight:800}.reb-zera{color:#cbd5e1;font-size:13px;line-height:1.6}.reb-zera b{color:#fca5a5}.reb-zera em{color:#86efac;font-style:normal;font-weight:700}.reb-barra{background:#ffffff1a;border-radius:12px;height:12px;margin:6px 0 2px;overflow:hidden}.reb-barra i{background:linear-gradient(90deg,#a855f7,#fbbf24);height:100%;display:block}#rebirthCorpo .centro{text-align:center;margin-top:14px}#flashTela{opacity:0;pointer-events:none;z-index:40;background:#fff;position:fixed;inset:0}#hudExtra:empty,#hudMeta:empty{display:none}#hud .meta{color:#fde68a;max-width:240px;font-size:12px}#faseInfo .comparar{margin-top:8px;font-size:15px}#faseInfo .comparar b{font-size:16px}