/* Instruction/status presentation only; shared card geometry stays unchanged. */
.mile-marker-info-panel[hidden] {
  display: none;
}

#mile-marker-info-location {
  text-transform: none;
}

.mile-marker-dialog { position: fixed; margin: auto; inset: 0; width: min(560px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; overscroll-behavior: contain; padding: 20px; border: 2px solid #c69b53; border-radius: 12px; background: #fff8eb; color: #0a3161; }
.mile-marker-dialog:not([open]) { display: none; }
.mile-marker-dialog::backdrop { background: rgba(4,18,36,.78); }
.mile-marker-dialog .mile-marker-info-panel { padding: 12px 0; border: 0; box-shadow: none; }
.mile-marker-detail-image { display: block; width: 100%; height: min(25dvh, 220px); object-fit: contain; }
.mile-marker-dialog .game-action-button { min-height: 44px; }
.mile-marker-complete-dialog { text-align: center; }
.mile-marker-layout:has(> .mile-marker-dialog) { grid-template-columns: minmax(0, 1fr); }
.mile-marker-dialog .mile-marker-map { width: min(100%, 200px); margin-inline: auto; }
.mile-marker-dialog #mile-marker-detail-continue { position: sticky; bottom: 0; z-index: 1; background: #fff8eb; box-shadow: 0 -6px 12px #fff8eb; }
@media (max-width: 600px) { .mile-marker-detail-image { height: min(18dvh, 150px); } }
.mile-marker-dialog #mile-marker-detail-continue { color: #0a3161; }