/* Contextual world-boss control: physical pixels independent of HUD/pad scale. */
.wb-auto:not(.wb-auto-context) { visibility: hidden; }
.wb-auto.wb-auto-context {
  position: absolute;
  box-sizing: border-box;
  width: calc(52px * var(--wba-inv, 1));
  height: calc(52px * var(--wba-inv, 1));
  min-width: calc(52px * var(--wba-inv, 1));
  padding: calc(3px * var(--wba-inv, 1)) calc(2px * var(--wba-inv, 1));
  margin: 0;
  z-index: 15;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(1px * var(--wba-inv, 1));
  border: 1px solid #a26b34;
  border-radius: 9px;
  background: linear-gradient(#31251c, #18161c);
  box-shadow: 0 2px 5px #0009;
  color: #f5dfad;
  pointer-events: auto;
  transform: none;
}
.wb-auto.wb-auto-context .ico { width: calc(22px * var(--wba-inv, 1)); height: calc(22px * var(--wba-inv, 1)); background-size: calc(22px * var(--wba-inv, 1)) calc(22px * var(--wba-inv, 1)); }
.wb-auto.wb-auto-context .rail-label {
  position: static;
  display: block;
  max-width: calc(48px * var(--wba-inv, 1));
  font-size: calc(9px * var(--wba-inv, 1));
  line-height: calc(11px * var(--wba-inv, 1));
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
}
.wb-auto.wb-auto-context[hidden],
body.login-on .wb-auto.wb-auto-context,
body.saver-on .wb-auto.wb-auto-context { display: none !important; }
.wb-auto.wb-auto-context:focus-visible { outline: 2px solid #ffe27a; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { body .wb-auto.wb-auto-context.on { animation: none; } }