:root{--fundo: #1a2030;--topo: #121826;--painel: #f8f6ee;--borda: #2c3a52;--anel1: #ffffff;--anel2: #9fb3d4;--texto: #2c3a52;--texto2: #6b7a96;--superficie: #ffffff;--borda-leve: #c9d3e6;--superficie2: #eef1f6;--acao: #f2b134;--acao-texto: #2c3a52;--acao-sombra: #c98a1a;--acao-fundo: #fff7e3;--neutro: #dfe3ea;--neutro-sombra: #aeb6c4;--hp: #4ccf5a;--vermelho: #e0453a;--chefe: #3a8ee0;--xp: #3ec2e6;--escuro: #0d1220}[data-tema=escuro]{--painel: #232b3d;--borda: #0d1220;--anel1: #3a4a66;--anel2: #4d6088;--texto: #eef1f6;--texto2: #9aa8c2;--superficie: #1a2130;--borda-leve: #3a4a66;--superficie2: #1e2637;--acao-texto: #1a1408;--acao-fundo: #3a2f14;--neutro: #3a4a66;--neutro-sombra: #263149}html,body{margin:0;padding:0;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--fundo);color:var(--texto);font-family:Pixelify Sans,Trebuchet MS,sans-serif;font-size:15px;overflow:hidden}#jogo{position:fixed;top:0;right:0;bottom:0;left:0}#jogo canvas{image-rendering:pixelated;image-rendering:crisp-edges}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--texto)}#ui .topo,#ui .lateral,#ui .velocidades,#ui .proxima,#ui .bola,#ui .modal{pointer-events:auto}#ui .modal[hidden]{pointer-events:none}.t{font-family:"Press Start 2P",Courier New,monospace;font-size:10px;line-height:1.5}.sub{font-size:13px;color:var(--texto2)}img.tipo{height:18px;vertical-align:middle;image-rendering:pixelated}.mini{width:44px;height:44px;background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;flex-shrink:0}.painel{background:var(--painel);border:3px solid var(--borda);border-radius:8px;box-shadow:inset 0 0 0 2px var(--anel1),inset 0 0 0 4px var(--anel2),0 3px 0 var(--escuro);padding:8px 12px;box-sizing:border-box}.botao,.botao-cinza{font-family:inherit;font-weight:700;font-size:15px;border:3px solid var(--borda);border-radius:6px;padding:8px 14px;cursor:pointer;color:var(--texto)}.botao{background:var(--acao);color:var(--acao-texto);box-shadow:inset 0 -4px 0 var(--acao-sombra),0 3px 0 var(--escuro)}.botao-cinza{background:var(--neutro);box-shadow:inset 0 -4px 0 var(--neutro-sombra),0 3px 0 var(--escuro)}.botao:disabled,.botao-cinza:disabled{opacity:.45;cursor:default}.botao small{font-weight:400;font-size:12px}.barra{height:8px;background:#3a4560;border:2px solid var(--escuro);border-radius:3px;overflow:hidden}.barra>div{height:100%}.barra.hp>div{background:var(--hp)}.barra.xp{height:5px}.barra.xp>div{background:var(--xp)}#ui{--escala: 1}.topo{position:absolute;left:0;top:0;width:1280px;height:64px;display:flex;align-items:center;gap:12px;padding:8px 16px;box-sizing:border-box;background:var(--topo);border-bottom:3px solid var(--escuro);transform-origin:0 0}.topo .painel{display:flex;align-items:center;gap:10px;padding:6px 12px}.topo .onda{flex-grow:1}.topo .sep{width:3px;height:26px;background:var(--borda-leve)}.previa{display:flex;align-items:center;gap:6px}.previa .mini{width:28px;height:28px}.previa .x{font-size:9px}.previa .chefe{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--chefe)}.lateral{position:absolute;left:880px;top:64px;width:400px;height:736px;display:flex;flex-direction:column;gap:12px;padding:12px;box-sizing:border-box;background:var(--topo);border-left:3px solid var(--escuro)}.lateral .painel{display:flex;flex-direction:column;gap:8px;padding:10px}.lateral .torre{flex-grow:1;min-height:0}.cab{display:flex;align-items:center;justify-content:space-between;gap:10px}.cab .espaco{flex-grow:1}.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.slot{display:flex;flex-direction:column;gap:4px;padding:6px;border:2px solid var(--borda-leve);border-radius:6px;background:var(--superficie);cursor:grab;min-height:104px;box-sizing:border-box;font-size:13px}.slot.vazio{align-items:center;justify-content:center;border-style:dashed;color:var(--neutro-sombra);cursor:default}.slot.no-mapa{background:var(--superficie2);opacity:.6}.slot.selecionado{border-color:var(--acao)}.slot.pronto{border:3px solid var(--vermelho);background:var(--acao-fundo);box-shadow:0 0 8px var(--vermelho);opacity:1;animation:pulsar 1s infinite}.slot.desmaiado{opacity:.35}.slot .mini{height:40px;width:100%;background-position:center}.slot .nome b{font-weight:700}.slot .nv{color:var(--texto2)}.slot .estado{font-size:11px;color:var(--texto2)}.alerta{color:var(--vermelho);font-size:7px}@keyframes pulsar{50%{box-shadow:0 0 2px var(--vermelho)}}.dica{font-size:13px;color:var(--texto2);line-height:1.5}.linha{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.golpes{display:flex;flex-direction:column;gap:5px}.golpe{display:flex;align-items:center;gap:8px;padding:6px 8px;border:2px solid var(--borda-leve);border-radius:6px;background:var(--superficie);font-family:inherit;font-size:15px;color:var(--texto);cursor:pointer;text-align:left}.golpe .nome{flex-grow:1}.golpe.ativo{border-color:var(--acao);background:var(--acao-fundo);font-weight:700}.ativo-tag{font-size:7px;color:#b8720e}select.alvo{flex-grow:1;font-family:inherit;font-size:15px;padding:6px 10px;border:2px solid var(--borda);border-radius:6px;background:var(--superficie);color:var(--texto)}.rodape{position:absolute;left:0;top:64px;width:880px;height:736px}.velocidades{position:absolute;left:12px;bottom:12px;display:flex;gap:6px}.vel{padding:6px 10px;font-size:14px}.proxima{position:absolute;left:190px;bottom:12px}.bola{position:absolute;right:16px;bottom:12px;padding:6px 8px;border-radius:10px;background:#0d1220b8;border:2px solid var(--borda);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:grab;-webkit-user-select:none;user-select:none}.bola img{width:84px;height:84px;image-rendering:pixelated;filter:drop-shadow(0 4px 0 var(--escuro))}.bola .t{font-size:7px;color:#f8f6ee;text-align:center}.avisos{position:absolute;left:440px;top:90px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.aviso{background:#0d1220d9;color:#f8f6ee;padding:6px 12px;border-radius:6px;font-size:15px;border:2px solid var(--borda-leve);transition:opacity .5s}.aviso.importante{border-color:var(--acao);color:var(--acao);font-weight:700}.aviso.sumindo{opacity:0}.modal[hidden]{display:none}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0d12208c}.modal .caixa{width:440px;display:flex;flex-direction:column;gap:10px;padding:16px}.modal .grande{font-size:16px}.modal .ok{color:var(--hp)}.modal .ruim{color:var(--vermelho)}.modal .linhas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;font-size:14px}.modal .linhas>div{display:flex;justify-content:space-between}.modal .mvp{display:flex;align-items:center;gap:10px;padding:8px;border:2px solid var(--acao);border-radius:6px;background:var(--acao-fundo)}.modal label.linha{font-size:15px}.topo .painel.doces.perigo{animation:alertar 1s infinite}@keyframes alertar{50%{box-shadow:inset 0 0 0 2px var(--anel1),inset 0 0 0 4px var(--vermelho),0 3px 0 var(--escuro)}}.previa .grupo{display:inline-flex;align-items:center;gap:3px;padding:2px 4px;border-radius:4px}.previa .grupo:hover{background:var(--superficie2)}.mini.pequena{width:26px;height:26px}.mini.media{width:56px;height:56px}.mini.grande{width:78px;height:78px}.marca{font-family:"Press Start 2P",monospace;font-size:6px;padding:2px 3px;border-radius:3px}.marca.chefe{background:var(--chefe);color:#fff}.marca.presente{background:var(--acao);color:var(--acao-texto)}.item-slot{position:absolute;right:4px;top:4px}.slot{position:relative}.item-icone{width:18px;height:18px;image-rendering:pixelated;vertical-align:middle}.linha.item{padding:5px 8px;border:2px solid var(--borda-leve);border-radius:6px;background:var(--superficie);justify-content:flex-start;gap:8px;font-size:14px}.nome-item.comum{color:var(--texto2)}.nome-item.incomum{color:#4070f0}.nome-item.raro{color:#b828f0}.nome-item.epico{color:#f07810}.nome-item.lendario{color:#f03838}.zoom{position:absolute;left:12px;bottom:56px;display:flex;gap:6px}.zoom button{padding:6px 10px;font-size:14px;min-width:38px}.dica-painel{font-size:13px;color:var(--texto2);line-height:1.6}.dica-painel b{color:var(--texto)}.dica-painel ol{margin:6px 0;padding-left:18px}.dica-painel li{margin-bottom:4px}.vermelho{color:var(--vermelho)}.dica-flutuante{position:absolute;z-index:50;width:max-content;max-width:280px;padding:8px 10px;font-size:13px;line-height:1.5;background:var(--painel);color:var(--texto);border:3px solid var(--borda);border-radius:6px;box-shadow:inset 0 0 0 2px var(--anel1),0 3px 0 var(--escuro);pointer-events:none}.dica-flutuante b{color:var(--texto)}.dica-flutuante i{color:var(--texto2)}.cartas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.carta{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;cursor:pointer;background:var(--superficie);border:3px solid var(--borda-leve);border-radius:8px;font-family:inherit;color:var(--texto);transition:transform .08s}.carta:hover{transform:translateY(-3px);border-color:var(--acao)}.carta-arte{width:52px;height:52px;display:flex;align-items:center;justify-content:center}.carta-arte img{width:44px;height:44px;image-rendering:pixelated}.carta-nome{font-weight:700;font-size:14px;text-align:center}.carta-texto{font-size:12px;color:var(--texto2);text-align:center;line-height:1.4;min-height:46px}.carta-raridade{font-family:"Press Start 2P",monospace;font-size:6px;text-transform:uppercase}.carta.comum{border-color:#65758e}.carta.comum .carta-raridade{color:#65758e}.carta.incomum{border-color:#4070f0}.carta.incomum .carta-raridade{color:#4070f0}.carta.raro{border-color:#b828f0}.carta.raro .carta-raridade{color:#b828f0}.carta.epico{border-color:#f07810}.carta.epico .carta-raridade{color:#f07810}.carta.lendario{border-color:#f03838}.carta.lendario .carta-raridade{color:#f03838}.evo{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0}.evo .seta{font-size:24px;color:var(--acao)}.linha-botoes{display:flex;gap:8px}.linha-botoes>*{flex-grow:1}.golpe.destaque{border-color:var(--acao);background:var(--acao-fundo);font-weight:700}.capturados{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.modal input[type=range]{flex-grow:1;accent-color:var(--acao)}.modal .caixa{max-height:88%;overflow-y:auto}.minimapa{position:absolute;right:408px;top:74px;border:2px solid var(--borda);border-radius:4px;background:#0d1220;box-shadow:0 2px 0 var(--escuro);line-height:0;pointer-events:auto;cursor:pointer}.minimapa canvas{display:block;image-rendering:pixelated}.inventario{position:absolute;left:12px;top:76px;width:56px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--painel);border:3px solid var(--borda);border-radius:8px;box-shadow:inset 0 0 0 2px var(--anel1),0 3px 0 var(--escuro);pointer-events:auto}.inventario .t{font-size:7px;color:var(--texto2)}.mochila{display:flex;flex-direction:column;gap:5px}.item-caixa{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;background:var(--superficie);border:2px solid var(--borda-leve);border-radius:6px}.item-caixa:hover{border-color:var(--acao);transform:scale(1.06)}.item-caixa img{width:30px;height:30px;image-rendering:pixelated}.item-caixa.incomum{border-color:#4070f0}.item-caixa.raro{border-color:#b828f0}.item-caixa.epico{border-color:#f07810}.item-caixa.lendario{border-color:#f03838}.donos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dono{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;cursor:pointer;font-family:inherit;color:var(--texto);background:var(--superficie);border:2px solid var(--borda-leve);border-radius:8px}.dono:hover{border-color:var(--acao)}.dono-nome{font-weight:700;font-size:13px}.dono-item{font-size:11px;color:var(--texto2)}.linha.item .guardar{padding:3px 8px;font-size:12px;margin-left:auto}.poder{min-width:30px;text-align:right;font-family:"Press Start 2P",monospace;font-size:10px;color:var(--texto)}.poder.efeito img{width:16px;height:16px;image-rendering:pixelated;vertical-align:middle;opacity:.85}.golpe.ativo .poder{color:#b8720e}[data-tema=escuro] .golpe.ativo .poder{color:var(--acao)}.dica-forte{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--texto)}.dica-efeito{display:block;margin-top:4px;padding-top:4px;border-top:1px solid var(--borda-leve);color:var(--texto)}body.no-menu{overflow:auto}body.no-menu #jogo{display:none}body.no-menu #ui{position:static;pointer-events:auto;transform:none!important;width:auto!important;height:auto!important}.menu{max-width:1180px;margin:0 auto;padding:24px 16px 40px;display:flex;flex-direction:column;gap:16px}.menu-cab{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.titulo{font-size:22px;color:#f8f6ee;line-height:1.4}.titulo .acento{color:var(--acao)}.menu-cab .sub{color:#9aa8c2}.menu-num{display:flex;gap:8px}.menu-num .painel{text-align:center;padding:8px 14px}.menu-corpo{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.painel.fases{padding:12px}.lista-fases{display:flex;flex-direction:column;gap:8px;margin-top:8px}.carta-fase{display:flex;align-items:center;gap:12px;padding:10px 12px;text-align:left;cursor:pointer;font-family:inherit;color:var(--texto);background:var(--superficie);border:2px solid var(--borda-leve);border-radius:8px}.carta-fase:hover{border-color:var(--acao);transform:translate(2px)}.carta-fase.travada{opacity:.45;cursor:not-allowed}.carta-fase.travada:hover{border-color:var(--borda-leve);transform:none}.carta-fase.vencida{border-left:6px solid var(--hp)}.carta-fase-num{font-size:14px;color:var(--texto2);width:28px}.carta-fase-corpo{flex-grow:1;min-width:0}.carta-fase-nome{font-weight:700;font-size:16px}.carta-fase-mons{display:flex;align-items:center;gap:2px;margin-top:4px}.carta-fase-estado{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--acao)}.carta-fase.travada .carta-fase-estado{color:var(--texto2)}.carta-fase.vencida .carta-fase-estado{color:var(--hp)}.menu-lado{display:flex;flex-direction:column;gap:12px}.menu-lado .painel{padding:12px;display:flex;flex-direction:column;gap:8px}.lista-time{display:flex;flex-direction:column;gap:6px}.membro{display:flex;align-items:center;gap:8px;padding:6px;border:2px solid var(--borda-leve);border-radius:6px;background:var(--superficie)}.membro-info{flex-grow:1;display:flex;flex-direction:column;gap:2px;font-size:14px}.mochila-menu{display:flex;flex-wrap:wrap;gap:6px}.mochila-menu .item-caixa{width:36px;height:36px}.lista-pc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.no-pc{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;cursor:pointer;font-family:inherit;color:var(--texto);background:var(--superficie);border:2px solid var(--borda-leve);border-radius:6px;font-size:12px}.no-pc:hover{border-color:var(--acao)}body.no-menu .modal{position:fixed}.loja-botao{cursor:pointer;font-family:inherit}.loja-botao:hover{border-color:var(--acao)}.caixa.larga{width:900px;max-width:92vw}.abas{display:flex;gap:6px}.abas button{padding:6px 14px;font-size:14px}.loja-corpo{display:flex;flex-direction:column;gap:12px;max-height:58vh;overflow-y:auto;padding-right:4px}.loja-grupo{display:flex;flex-direction:column;gap:6px}.cartas-loja{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cartas-loja .carta{padding:8px 6px}.cartas-loja .carta:disabled{opacity:.4;cursor:not-allowed;transform:none}.cartas-loja .carta-texto{min-height:34px;font-size:11px}.loja-linha{display:flex;gap:10px;align-items:flex-start;padding:8px;border:2px solid var(--borda-leve);border-radius:8px;background:var(--superficie)}.loja-mon{display:flex;align-items:center;gap:8px;width:150px;flex-shrink:0;font-size:14px}.tms{display:flex;flex-wrap:wrap;gap:5px}.tm{display:flex;align-items:center;gap:5px;padding:4px 8px;font-family:inherit;font-size:13px;color:var(--texto);cursor:pointer;background:var(--superficie2);border:2px solid var(--borda-leve);border-radius:6px}.tm:hover{border-color:var(--acao)}.tm:disabled{opacity:.45;cursor:not-allowed}.tm .poder{font-size:9px;min-width:22px}.dinheiro-loja{color:var(--acao)}.evo-mini{display:flex;align-items:center;gap:4px}.evo-mini .seta{color:var(--acao)}
