.fortpop-scout { pointer-events: auto; min-width: 0; }
.fortpop-scout-panel[hidden] { display: none; }
.fortpop-scout-panel {
  position: fixed;
  z-index: 30;
  left: max(0.5rem, env(safe-area-inset-left));
  right: max(0.5rem, env(safe-area-inset-right));
  bottom: max(0.5rem, env(safe-area-inset-bottom));
  width: auto;
  max-width: 25rem;
  max-height: 48dvh;
  margin-inline: auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0.8rem;
  border: 3px solid var(--pop-ink);
  border-radius: 18px;
  background: var(--pop-cream);
  color: var(--pop-ink);
  box-shadow: 4px 4px 0 var(--pop-mag);
  font-size: 0.85rem;
  line-height: 1.5;
}
.fortpop-scout-panel h2 { margin: 0 0 0.4rem; font-size: 1.2rem; }
.fortpop-scout-panel p { margin: 0 0 0.6rem; }
.fortpop-scout-choices, .fortpop-scout-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  margin-bottom: 0.6rem;
}
.hud .fortpop-scout-panel .btn {
  min-height: 44px;
  min-width: 44px;
  padding: 0.45rem;
  border-radius: 12px;
  white-space: normal;
  font-size: 0.85rem;
}
.fortpop-scout-summary { font-weight: 800; }
.fortpop-scout-legend { font-size: 0.78rem; }
.fortpop-scout-actions { margin-bottom: 0; }
.fortpop-scout button:focus-visible { outline: 3px solid var(--pop-mag); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .fortpop-scout button { transition: none; transform: none; animation: none; }
}
