/* Visual coverage only: preserve saved geometry, font layout and hit target.
   The existing balance-mask z-index:12 creates the stacking context; its
   negative child remains above the game and below the HUD's text/background.
   Stage overflow:hidden clips the 3px horizontal bleed at mobile screen edges.
   Native canvas controls still require visual verification: this is NOT a
   universal information-button exclusion detector. No vertical bleed. */
#balanceMask.has-pragmatic-coverage::before {
  content: "";
  position: absolute;
  /* Absolute children start inside the existing border; offset that border
     to cover its rounded transparent corners without adding vertical height. */
  top: calc(-1 * clamp(1px, 0.16vmin, 2px));
  right: calc(-3px - clamp(1px, 0.16vmin, 2px));
  bottom: calc(-1 * clamp(1px, 0.16vmin, 2px));
  left: calc(-3px - clamp(1px, 0.16vmin, 2px));
  z-index: -1;
  border-radius: 3px;
  background:
    linear-gradient(var(--hud-bg, #000), var(--hud-bg, #000)),
    #000;
  pointer-events: none;
}
