.arenaHelpMetric {
  display: grid; gap: 2px; align-content: center; min-width: 0; min-height: 44px;
  padding: 0; border: 0; background: transparent; color: inherit;
  font: inherit; text-align: left; cursor: help;
}
.arenaHelpButton {
  flex: none; min-width: 44px; min-height: 44px; padding: 6px;
  border: 1px solid #53758f; border-radius: 8px;
  background: #14283a; color: #eaf3f9; font: 700 14px/1.2 system-ui; cursor: help;
}
[data-arena-help]:focus-visible { outline: 2px solid #8fd1ff; outline-offset: 2px; }
.arenaHelpTooltip {
  position: fixed; z-index: 100000; box-sizing: border-box;
  width: max-content; max-width: min(360px, calc(100vw - 16px));
  max-height: calc(100dvh - 16px); overflow: auto;
  padding: 14px 16px; border: 1px solid #7895ab; border-radius: 10px;
  background: #102333; color: #eaf3f9; box-shadow: 0 8px 28px #0009;
  font: 400 14px/1.55 system-ui, sans-serif;
}
.arenaHelpTooltip[hidden] { display: none; }
.arenaHelpGuide summary { min-height: 44px; align-content: center; cursor: pointer; color: #d5e4ed; }
.arenaHelpGuideButtons { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.arenaHelpGuide summary:focus-visible { outline: 2px solid #8fd1ff; outline-offset: 2px; }