/* Authoritative minimap-preview route. The live world viewport and ordinary app/Lab
   chrome stay hidden behind the focused production-minimap preview. */
.map-preview-mode #app > :not(#game-screen),
.map-preview-mode #game-screen > :not(.map-preview-controls) {
  display: none !important;
}

.map-preview-controls {
  position: absolute;
  z-index: 40;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  display: grid;
  gap: 9px;
  width: min(560px, calc(100vw - 36px));
  padding: 14px;
  border: 1px solid var(--panel-edge);
  border-radius: var(--radius);
  background: rgba(24, 24, 21, 0.94);
  box-shadow: var(--shadow);
}

.map-preview-image {
  display: block;
  width: min(512px, 100%);
  height: auto;
  margin: 4px auto;
  border: 1px solid var(--panel-edge);
  image-rendering: pixelated;
}

.map-preview-mode #app[data-clean-presentation="true"] #game-screen > .map-preview-controls {
  visibility: visible !important;
  pointer-events: auto !important;
}

.map-preview-controls p {
  margin: 0;
  color: var(--ink-dim);
  font-size: 12px;
}

.map-preview-controls button {
  min-height: 38px;
  border: 1px solid rgba(201, 168, 95, 0.6);
  border-radius: 4px;
  background: rgba(201, 168, 95, 0.14);
  color: var(--accent);
  cursor: pointer;
}

.map-preview-controls button:disabled {
  cursor: wait;
  opacity: 0.55;
}