#hud-detail-toggle {
  position:fixed; top:25px; right:24px; z-index:56;
  display:flex; align-items:center; gap:9px; padding:6px 12px 6px 8px;
  border:1px solid #64b5ac44; border-right:2px solid #ff693c88;
  border-radius:16px 5px 16px 5px; background:#071b20b8;
  color:var(--hud-cyan); font:10px 'Share Tech Mono',Consolas,monospace;
  letter-spacing:.1em; cursor:pointer; pointer-events:auto;
  box-shadow:inset 0 1px #79c4bd14; transition:background .18s,border-color .18s;
}
#hud-detail-toggle kbd { font:inherit; color:var(--hud-orange); padding:1px 4px; border:1px solid #ff693c66; border-radius:3px; }
#hud-detail-toggle:hover, #hud-detail-toggle:focus-visible { background:#173c3bee; border-color:var(--hud-cyan); outline:none; }
body.paused #hud-detail-toggle, body.freecam #hud-detail-toggle { display:none; }
body.touch #hud-detail-toggle { top:17px; right:126px; font-size:9px; }
@media(max-width:700px) {
  #hud-detail-toggle { top:58px; right:auto; left:14px; font-size:9px; padding:5px 8px; }
  body.touch #hud-detail-toggle { left:auto; right:120px; top:18px; }
}
@media(prefers-reduced-motion:reduce) { #hud-detail-toggle { transition:none; } }