/* One painted HUD plane; DOM hit areas use the same measured canvas layout. */
#battle-hud-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none}
.world-battle .battle-top,.world-battle .battle-side,.world-battle .battle-bottom,.world-battle .potion-satchel{display:contents!important}
.world-battle .battle-top>:not(button),.world-battle .battle-top .fullscreen,.world-battle .battle-top [data-action="guide"],.world-battle .battle-side-title,.world-battle .battle-count,.world-battle .battle-synergies,.world-battle .battle-log,.world-battle .battle-side hr,.world-battle .map-caption,.world-battle .battle-guide,.world-battle #boss-skill-hud{display:none!important}
.world-battle .battle-top>button,.world-battle #global-btn,.world-battle #start-btn,.world-battle .satchel-toggle{position:absolute!important;z-index:16;background:none!important;border:0!important;box-shadow:none!important;filter:none!important;opacity:1!important;padding:0!important;color:transparent!important;text-shadow:none!important;font-size:0!important;border-radius:0!important;min-height:0!important;min-width:0!important;transform:none!important}
.world-battle .battle-top>button:before,.world-battle #global-btn:before,.world-battle #start-btn:before,.world-battle .satchel-toggle:before{display:none!important}
.world-battle #global-btn>*,.world-battle .satchel-toggle>*{display:none!important}
.world-battle [hidden]{display:none!important}
.world-battle #draft-layer{position:absolute;z-index:12;display:flex;flex-direction:column;justify-content:flex-end;max-width:none;padding:0;pointer-events:none}
.world-battle #draft-layer .battle-deck-label{display:flex;justify-content:space-between;align-items:center;height:13px;min-height:13px;margin:0 0 2px;padding:0 3px;color:#fff0cb;font-size:10px;line-height:1;text-shadow:0 1px 3px #000;pointer-events:none}
.world-battle .battle-deck-label span{display:inline-flex;align-items:center;gap:3px;color:#def7ff;font-size:10px}
.world-battle .battle-deck-label .resource-icon{width:10px;height:13px}
.world-battle .battle-deck-mini{display:flex;height:calc(100% - 15px);align-items:flex-end;justify-content:center;gap:3px;padding:0;overflow:visible;pointer-events:auto}
.world-battle .battle-deck-mini .soul-card{width:var(--battle-deck-card-width,56px)!important;flex:0 0 var(--battle-deck-card-width,56px)!important;margin:0;transform:none;max-height:none}
.world-battle #battle-unit{position:absolute;z-index:15;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:0!important;color:transparent!important;max-height:none}
.world-battle #battle-unit>strong,.world-battle #battle-unit>span{visibility:hidden}
.world-battle #battle-unit .unit-actions{position:absolute;inset:0;margin:0;padding:0}
.world-battle #battle-unit [data-action="retreat"]{position:absolute;right:7px;top:5px;width:65px;height:43px;min-height:0;padding:0;opacity:0!important}
.world-battle .potion-tray{position:absolute;z-index:20;left:12px;bottom:calc(var(--battle-dock-height,112px) + 5px);padding:12px 15px;gap:8px;background:url('./assets/battle-hud-plates-v1.webp?v=20261028-panteon153-v17') center bottom/100% 370% no-repeat}
.world-battle .potion{min-width:45px;min-height:55px;color:#fff2d2;text-shadow:0 1px 3px #000}
.world-battle .potion small{font-size:11px;color:#fff2d2}.world-battle .potion b{font-size:12px;color:#fff}
@media(max-height:450px) and (orientation:landscape){.world-battle #draft-layer .battle-deck-label{font-size:9px}.world-battle .battle-deck-label span{font-size:9px}}