/* =====================================================================
   HUD-LAYOUT  cromo de interface, assado do Editor Visual (Fase 32)

   GERADO. Não edite à mão: rode
       node tools/audit/bake-hud-layout.mjs

   POR QUE ESTE ARQUIVO EXISTE
   Até a Fase 32 quem punha a HUD no lugar era `src/editor/editor.js`: ele
   rodava no load de TODA partida e aplicava estas posições a cada mutação do
   DOM. O jogo não ficava de pé sem a ferramenta de edição carregada  e era
   esse o último bloqueio para apagar o Editor.

   Estas regras são CROMO DE TELA: onde fica o painel do pet, o tamanho do
   ícone do monstro, a escala dos ícones de skill. Layout de tela é CSS.

   O QUE **NÃO** ESTÁ AQUI, de propósito: a composição de entidade
   (personagem, arma, asa, sombra, inimigo, arena). Ela pertence ao sistema
   visual central em `src/visual/`, que sabe de âncora, camada e espelho 
   coisas que uma folha de estilo não sabe.

   As propriedades e o `!important` são exatamente os que
   `applyRecordToElement` escrevia, incluindo o `calc(-50% + Xpx)` da sombra
   do chão: escrever `translate` cru por cima apagaria a centralização e ela
   pularia meia largura.
   ===================================================================== */
#battlePetPanel{translate:215px 140px!important;scale:2.91!important}
#battlePetPanel > button.battle-pet-toggle{translate:10px 0px!important;width:70px!important;height:60px!important}
#battlePetPopover{translate:100px -355px!important}
#battlePetToggle{translate:-5px -10px!important}
#battleRavenPanel{translate:-5px -170px!important}
#battleRavenToggle{translate:-5px -5px!important}
#battleSkillBar > button.battle-skill-slot.help-target:nth-of-type(1) > span.battle-skill-icon > img.battle-skill-image{scale:1.5!important}
#battleSkillBar > button.battle-skill-slot.help-target:nth-of-type(2) > span.battle-skill-icon > img.battle-skill-image{scale:1.5!important}
#battleSkillBar > button.battle-skill-slot.help-target:nth-of-type(3) > span.battle-skill-icon > img.battle-skill-image{scale:1.5!important}
#battleSkillBar > button.battle-skill-slot.help-target:nth-of-type(4) > span.battle-skill-icon > img.battle-skill-image{scale:1.5!important}
#enemyDamageCriticalFxSlot{translate:-35px 5px!important;width:145px!important;height:65px!important}
#enemyDamageExcellentFxSlot{translate:-45px 90px!important}
#enemyDamageNormalFxSlot{translate:-60px -95px!important}
#enemyDotDamageFxSlot{translate:-65px 95px!important}
#enemyPetDamageFxSlot{translate:55px 35px!important}
#enemyReflectDamageFxSlot{translate:-20px 100px!important}
#enemySkillDamageFxSlot{translate:-10px 0px!important}
#goldenDragonEventBanner > div.golden-dragon-event-art{width:85px!important;height:95px!important}
#goldenDragonEventBanner > div.golden-dragon-event-art > img{translate:-10px -5px!important;width:105px!important;height:130px!important}
#monsterCard{translate:0px -5px!important}
#monsterIcon{translate:16px 4px!important;width:196px!important;height:313px!important}
#monsterIcon > img.monster-asset{translate:-35px 35px!important;width:145px!important;height:165px!important;scale:4.15!important}
#playerCombatStatus > span{translate:0px 10px!important}
#playerDamageFxSlot{translate:35px -35px!important;scale:3.16!important}
#playerFighter > div.fighter-heading:nth-of-type(2){translate:1px -4px!important}
#playerHealFxSlot{translate:-180px 55px!important;scale:1.86!important}
#playerLevelUpFxSlot{translate:195px -520px!important;scale:3.43!important}
#playerLifestealFxSlot{translate:-25px -25px!important;scale:1.72!important}
#playerPetHealFxSlot{translate:20px 55px!important;scale:1.89!important}
#playerProgressFxSlot{translate:125px 255px!important;scale:2.4!important}
#playerRegenFxSlot{translate:115px -20px!important;scale:2.09!important}
#skillsGrid > div.skill-compact-card.help-target:nth-of-type(1) > span.skill-compact-icon > img.skill-compact-image{width:145px!important;height:130px!important;scale:1.2!important}
#skillsGrid > div.skill-compact-card.help-target:nth-of-type(2) > span.skill-compact-icon > img.skill-compact-image{scale:4.75!important}
#skillsGrid > div.skill-compact-card.help-target:nth-of-type(3) > span.skill-compact-icon > img.skill-compact-image{scale:4.75!important}
#skillsGrid > div.skill-compact-card.help-target:nth-of-type(4) > span.skill-compact-icon > img.skill-compact-image{scale:4.75!important}
#wingSlot > div.slot-visual > img.equipment-item-art{width:75px!important;height:60px!important}