/* ArcheoMap hardening.css v302
   Defensive fixes for edge-cases: overflow, long labels, iOS notch, scrollbars. */

html,body{overscroll-behavior-y:contain}

/* iOS safe-area for petal FAB */
@supports (padding:max(0px)){
  #petalFab{bottom:max(22px, calc(env(safe-area-inset-bottom) + 10px))}
}

/* Prevent horizontal scroll on narrow devices */
body{overflow-x:hidden}

/* Long text handling inside detail panels */
.detail-panel, .detail-content{word-wrap:break-word;overflow-wrap:anywhere}

/* Tap targets */
button, .petal, .petal-core, #petalFab{touch-action:manipulation}

/* Focus visibility for keyboard users */
:focus-visible{outline:2px solid #f0c040;outline-offset:2px}

/* Skeleton / loading states */
.am-skeleton{
  background:linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.12), rgba(255,255,255,.04));
  background-size:200% 100%;
  animation:amShimmer 1.2s infinite linear;
  border-radius:6px;
}
@keyframes amShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}