@import url('/site-v33.css');

/* V34 — camera and completed-artwork refinements. */

/* Keep the camera experience pinned to the viewport on iOS Safari. */
html.camera-mode,
body.camera-mode {
  overflow: hidden !important;
  overscroll-behavior: none !important;
  height: 100% !important;
}
body.camera-mode .overview-map-section {
  display: none !important;
}
.camera-overlay {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  z-index: 99999 !important;
  transform: none !important;
  isolation: isolate !important;
}
.camera-stage,
.camera-stage-poster {
  min-height: 0 !important;
  overflow: hidden !important;
}

/* Make all non-Japanese text in the live/final poster easier to read. */
.brand-lockup-poster .brand-wordmark {
  font-size: clamp(16px, 3.4vw, 22px) !important;
  letter-spacing: .115em !important;
}
.live-poster-caption span {
  font-size: clamp(13px, 2.8vw, 17px) !important;
  font-weight: 600 !important;
}

/* Prevent the location frame from colliding with Camera / Map actions. */
.artwork-place-minimal {
  bottom: calc(122px + env(safe-area-inset-bottom)) !important;
  max-width: calc(100% - 36px) !important;
}
.detail-actions-minimal {
  min-height: calc(92px + env(safe-area-inset-bottom)) !important;
  padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
}

/* Remove the separate Save image action. Sharing remains available. */
.pair-share-actions {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 430px !important;
}
.pair-share-actions a[download] {
  display: none !important;
}
.pair-share-actions button {
  min-height: 54px !important;
  font-size: 14px !important;
}

/* Preserve consistent lock icon sizing. */
.location-lock > svg,
.location-lock svg {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  flex: 0 0 16px !important;
}

@media (max-width: 760px) {
  .artwork-place-minimal {
    bottom: calc(116px + env(safe-area-inset-bottom)) !important;
    left: 16px !important;
  }
  .artwork-place-minimal strong {
    font-size: clamp(24px, 8vw, 34px) !important;
  }
  .detail-actions-minimal {
    min-height: calc(96px + env(safe-area-inset-bottom)) !important;
  }
  .capture-preview-actions {
    min-height: calc(82px + env(safe-area-inset-bottom)) !important;
  }
}