/* minimap.css - RUNIVERSE-DARPA-MINIMAP-1 (Steve 2026-10-23 11:51Z: "Replace the word 'MAP' with the minimap again. New system is friendlier.")
 * The corner minimap (art/minimap.js). Top-right on phones (portrait) and desktop; LEFT column under the caption on landscape phones (the right column is full: Players pill / Wide view / zoom rail / Book / hop corner).
 * No text of its own (the Players pill, moved into its legend strip, keeps the pixel font from fonts.css). Everything the HUD gate measures is a real box: .mm-root is listed in the HUD ledger. */
.mm-root { position: fixed; z-index: 30; top: 10px; right: 10px; margin: 0; padding: 0; border: 2px solid rgba(14,175,155,0.75); border-radius: 6px; background: #082d35; line-height: 0; overflow: hidden; box-sizing: content-box; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.mm-cv { display: block; margin: 0; padding: 0; image-rendering: -moz-crisp-edges; image-rendering: pixelated; pointer-events: none; }
.mm-open { position: absolute; inset: 0; z-index: 1; margin: 0; padding: 0; border: 0; border-radius: inherit; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.mm-open:active { background: rgba(14,175,155,0.22); }
.mm-glyph, .mm-ico { position: absolute; width: 20px; height: 20px; margin: 0; padding: 0; image-rendering: pixelated; pointer-events: none; user-select: none; -webkit-user-drag: none; }
.mm-glyph { left: 4px; top: 4px; }
.mm-collapse { position: absolute; top: 0; right: 0; z-index: 3; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.mm-ico { right: 4px; top: 4px; }
.mm-root:hover { border-color: #0eaf9b; }
.mm-open:hover .mm-glyph, .mm-collapse:hover .mm-ico { filter: brightness(1.35); }
.mm-open:focus-visible, .mm-collapse:focus-visible { outline: 2px solid #ffe68c; outline-offset: -2px; }
/* the Players pill lives in the legend strip while the minimap is open (minimap.js moves the node; the pixel font, padding and colours stay fonts.css / spellbook.css) */
.mm-root #players-count { position: absolute; left: 0; right: 0; bottom: 0; top: auto; z-index: 2; margin: 0; padding: 1px 0; width: auto; border-radius: 0; background: rgba(9,7,27,0.78); text-align: center; white-space: nowrap; overflow: hidden; pointer-events: none; }
/* collapsed = the 44 px launcher (team: REDUCT/MAXIMIZE art, "Show minimap"); the pill goes back to the page under it */
.mm-root[data-state="closed"] { width: 44px; height: 44px; border-radius: 12px; background: rgba(9,7,27,0.82); overflow: visible; box-sizing: border-box; }
.mm-root[data-state="closed"] .mm-cv, .mm-root[data-state="closed"] .mm-collapse { display: none; }
.mm-root[data-state="closed"] .mm-open { border-radius: 10px; }
.mm-root[data-state="closed"] .mm-glyph { left: 10px; top: 10px; }
body.mm-closed #players-count { top: 60px; right: 10px; }
/* landscape phones: the left column, under the caption (caption <= 2 lines there), clear of the protected centre (x < 20% of the width) */
@media (orientation: landscape) and (max-height: 500px) {
  .mm-root { top: 62px; right: auto; left: max(8px, env(safe-area-inset-left)); }
  body.mm-closed #players-count { top: 112px; right: auto; left: max(8px, env(safe-area-inset-left)); }
}
@media (prefers-reduced-motion: reduce) { .mm-root, .mm-open, .mm-collapse { transition: none; } }