:root{--fundo:#14171f;--painel:#141821e0;--borda:#ffdc9640;--texto:#f1ece2;--fraco:#a9a395;--ouro:#e9c46a;--vida:#d64545;--mana:#3d7be0;--xp:#b07de0;--ok:#4caf50;color:var(--texto);font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--fundo);height:100%;margin:0;overflow:hidden}#app,.jogo{position:fixed;inset:0}.jogo canvas{cursor:grab;display:block}button{font:inherit;color:var(--texto);cursor:pointer;border:1px solid var(--ouro);background:linear-gradient(#5b4426,#3d2d19);border-radius:6px;padding:8px 16px}button:hover:not(:disabled){filter:brightness(1.2)}button:disabled{opacity:.45;cursor:default}button.sec{background:#2a2f3b;border-color:#555}input{font:inherit;color:var(--texto);background:#00000073;border:1px solid #555;border-radius:6px;outline:none;width:100%;padding:9px 12px}input:focus{border-color:var(--ouro)}.telas{z-index:10;background:radial-gradient(at top,#2e3b2a,#12141a 70%);place-items:center;display:grid;position:fixed;inset:0}.painel{background:var(--painel);border:1px solid var(--borda);border-radius:10px}.tela{flex-direction:column;gap:12px;width:min(380px,100vw - 32px);padding:28px;display:flex}.tela.larga{width:min(620px,100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}.tela h1{color:var(--ouro);text-align:center;letter-spacing:1px;margin:0;font-size:30px}.tela h2,.tela h3{color:var(--ouro);margin:4px 0}.sub{color:var(--fraco);text-align:center;margin:0}.erro{color:#ff8a80;min-height:1.2em;font-size:14px}.linha{gap:10px;display:flex}.linha button{flex:1}.lista-chars{flex-direction:column;gap:8px;display:flex}.char{text-align:left;background:#232837;border-color:#444;align-items:center;gap:12px;display:flex}.char .jogar{color:var(--ouro);margin-left:auto}.criar{border-top:1px solid var(--borda);flex-direction:column;gap:10px;padding-top:12px;display:flex}.classes{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cls{border-color:#444;border-bottom:3px solid var(--cor);background:#232837;padding:8px 4px}.cls.ativo{border-color:var(--cor);background:#333a4d}.cls-info p{color:var(--fraco);margin:4px 0}.skills-prev{flex-wrap:wrap;gap:6px;font-size:13px;display:flex}.skills-prev span{background:#ffffff0f;border-radius:10px;padding:3px 8px}.overlay{pointer-events:none;position:fixed;inset:0;overflow:hidden}.plate{text-align:center;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:12px;font-weight:600;position:absolute;top:0;left:0}.plate .hp{background:#0009;border-radius:2px;width:64px;height:5px;margin:2px auto 0;overflow:hidden}.plate .hp i{background:var(--vida);height:100%;display:block}.plate[data-rel=friend]{color:#7fd8ff}.plate[data-rel=friend] .hp i{background:var(--ok)}.plate[data-rel=hostile]{color:#ff8c7a}.plate[data-rel=neutral]{color:#f6e27f}.plate[data-rel=object]{color:#e8e2d0;font-weight:400}.plate.alvo{color:#fff;font-size:13px}.num{text-shadow:0 2px 3px #000;font-size:18px;font-weight:800;position:absolute;top:0;left:0}.num.deu{color:#fff3b0}.num.tomou{color:#ff5c5c}.num.outro{color:#ddd;font-size:14px}.num.crit{color:#ffb347;font-size:26px}.num.cura{color:#6dff8a}.num.nivel{color:var(--ouro);font-size:26px}.hud{pointer-events:none;z-index:5;position:fixed;inset:0}.hud>*{pointer-events:auto}.hud .toasts,.hud .morte{pointer-events:none}.quadro{background:var(--painel);border:1px solid var(--borda);border-radius:8px;padding:8px 10px;position:absolute}.unidade{width:260px;top:12px;left:12px}.alvo-q{text-align:center;width:260px;top:12px;left:50%;transform:translate(-50%)}.alvo-q[data-rel=hostile] b{color:#ff8c7a}.alvo-q[data-rel=neutral] b{color:#f6e27f}.alvo-q[data-rel=friend] b,.alvo-q[data-rel=self] b{color:#7fd8ff}.quadro b{margin-bottom:5px;font-size:14px;display:block}.barra{background:#0000008c;border-radius:4px;height:16px;margin-top:4px;position:relative;overflow:hidden}.barra i{transition:width .15s;position:absolute;inset:0 auto 0 0}.barra span{text-align:center;text-shadow:0 1px 2px #000;font-size:11px;line-height:16px;position:absolute;inset:0}.barra.vida i{background:linear-gradient(#e05a5a,#a83232)}.barra.mana i{background:linear-gradient(#5b93ef,#2c5bb0)}.barra.xp{height:5px}.barra.xp i{background:var(--xp)}.buffs{gap:4px;min-height:18px;margin-top:5px;font-size:15px;display:flex}.skillbar{gap:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.slot{background:linear-gradient(#2c3240,#1b1f29);border:1px solid #6b5a3a;border-radius:8px;width:52px;height:52px;padding:0;font-size:24px;position:relative;overflow:hidden}.slot .tecla{color:var(--ouro);font-size:11px;position:absolute;top:2px;left:4px}.slot .qtd{font-size:11px;position:absolute;bottom:2px;right:4px}.slot .cd{place-items:center;font-size:16px;font-weight:700;display:grid;position:absolute;inset:0}.slot.sem-mana .ic{filter:grayscale()brightness(.6)}.slot.apagado{opacity:.4}.slot.ativo{border-color:var(--ok);box-shadow:0 0 8px var(--ok)}.slot.flash{animation:.25s flash}@keyframes flash{0%{box-shadow:0 0 14px #fff}to{box-shadow:none}}.chat{flex-direction:column;gap:4px;width:min(380px,40vw);display:flex;position:absolute;bottom:12px;left:12px}.chat .log{scrollbar-width:thin;background:#0a0c128c;border-radius:6px;height:170px;padding:6px 8px;font-size:13px;overflow-y:auto}.chat .msg.system{color:#f6e27f}.chat .msg b{color:#7fd8ff}.chat input{background:#0000008c;padding:6px 10px;font-size:13px}.canto{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:12px;right:12px}.zona{background:var(--painel);border:1px solid var(--borda);border-radius:6px;padding:4px 10px;font-weight:600}.zona[data-zone=arena]{color:#ff6b5a;border-color:#ff6b5a}.zona[data-zone=cidade]{color:#8fe08f}.minimapa{border:2px solid var(--borda);border-radius:50%}.status{color:var(--fraco);text-shadow:0 1px 2px #000;font-size:11px}.menu{gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.menu button{background:var(--painel);border-color:var(--borda);width:42px;height:42px;padding:0;font-size:20px}.toasts{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%)}.toast{background:#0a0c12cc;border-radius:14px;padding:5px 14px;font-size:14px;animation:3.2s forwards some}.toast.warn{color:#ffb4a8}.toast.loot{color:#b8f5a8}@keyframes some{0%,80%{opacity:1}to{opacity:0}}.morte{background:#3c000059;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.morte h2{color:#ff8a80;text-shadow:0 2px 6px #000;margin:0;font-size:32px}.morte button{pointer-events:auto}.janela{width:360px;max-height:calc(100vh - 160px);padding:14px;position:absolute;top:60px;right:200px;overflow:auto}.janela h3{color:var(--ouro);margin:0 0 10px}.janela h4{color:var(--ouro);margin:14px 0 6px}.fechar{background:0 0;border-color:#555;padding:2px 8px;position:absolute;top:8px;right:8px}.grade{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.item{aspect-ratio:1;background:#1c212c;border:1px solid #3d4252;border-radius:6px;padding:0;font-size:22px;position:relative}.item.vazio{cursor:default}.item .qtd{font-size:11px;position:absolute;bottom:1px;right:3px}.item.t-weapon,.item.t-armor{border-color:#6a8dd6}.item.t-pet,.item.t-mount{border-color:#c38be0}.item.t-consumable{border-color:#5fb36a}.equip{gap:8px;margin-bottom:10px;display:flex}.item.eq{aspect-ratio:auto;text-align:left;flex:1;align-items:center;gap:8px;padding:6px 10px;display:flex}.item.eq small{font-size:12px}.dica{color:var(--fraco);font-size:12px}.dica.ok{color:#8fe08f}.receitas{flex-direction:column;gap:6px;display:flex}.receita{opacity:.75;background:#1c212c;border-radius:6px;align-items:center;gap:10px;padding:6px 8px;display:flex}.receita.pode{opacity:1;border-left:3px solid var(--ok)}.receita>.ic{font-size:24px}.receita>div{flex:1}.receita b{font-size:13px}.receita button{padding:4px 10px;font-size:12px}.ings{gap:8px;font-size:12px;display:flex}.ings .tem{color:#8fe08f}.ings .falta{color:#ff8a80}.kv{border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:10px;padding:3px 0;font-size:13px;display:flex}kbd{background:#2c3240;border:1px solid #555;border-radius:4px;padding:1px 6px;font-size:12px}.hab{align-items:flex-start;gap:8px;margin:6px 0;display:flex}.hab .ic{font-size:22px}.hab small{color:var(--fraco);display:block}@media (width<=900px){.janela{width:auto;left:12px;right:12px}.alvo-q{top:120px}.slot{width:44px;height:44px;font-size:20px}}