/* ── DEV BADGE (improvements-2) ──
   Shown only while a dev toggle is on (js/toggles.js). Sits over everything at
   the top centre, clear of the floating nav, and never takes a tap. A secondary
   pill in the label type: not red (combat only) and not dimmed (no opacity on content). */
.dev-badge {
  position: fixed; left: 50%; top: calc(2px + env(safe-area-inset-top, 0px)); transform: translateX(-50%); z-index: 9999;
  padding: 3px 10px; border-radius: var(--r-pill); pointer-events: none;
  background: var(--control); border: 1px solid var(--border-ctrl); color: var(--faint);
  font: 400 10px/1.4 var(--ui); letter-spacing: 2px; text-transform: uppercase;
}
