/* Hotbar: second bar, count badges, cooldown sweep, drag/drop states. */
html body .hud-bar2{position:absolute;right:auto;transform:none;max-width:none;margin:0;padding:4px 6px;gap:3px}
html body .hud-bar2[hidden]{display:none}
html body .hud-bar2 .hud-action{max-height:44px}
html body .hud-bar2 .hud-caption{display:none}
html body .hud-bottom .hud-action{position:relative;overflow:hidden}
html body .hud-bottom .hud-action{background-position:center center;background-size:70% auto,cover;background-origin:content-box,padding-box}
.hud-action .hud-count{position:absolute;right:3px;bottom:2px;min-width:14px;padding:0 3px;border-radius:7px;background:#000c;color:#f6dca6;font:700 11px/14px Grenze Gotisch,Georgia,serif;text-align:center;z-index:2}
.hud-action .hud-count[hidden],.hud-action .hud-cd[hidden]{display:none}
.hud-action.is-empty{filter:grayscale(1);opacity:.45}
.hud-action.is-unassigned{opacity:.6;border-style:dashed}
.hud-action.is-drop{outline:2px dashed #f5d68c;outline-offset:-2px;filter:brightness(1.4)}
.hud-action .hud-cd{position:absolute;inset:0;background:#000b;transform-origin:top;z-index:1;pointer-events:none}
@keyframes hotcd{from{transform:scaleY(1)}to{transform:scaleY(0)}}
html body #hudBar2Toggle{position:absolute;top:50%;right:-50px;transform:translateY(-50%);width:22px;height:34px;padding:0;border:1px solid #897a5a;border-radius:4px;background:#0c1713;color:#f6dca6;font:700 12px/14px Grenze Gotisch,Georgia,serif;cursor:pointer;z-index:3}
html body #hudBar2Toggle:focus-visible,html body .hud-bottom .hud-action:focus-visible{outline:2px solid #f5d68c;outline-offset:1px}
@media (prefers-reduced-motion:reduce){.hud-action .hud-cd{animation-duration:.01ms!important}}