/* JLJAM OS 7.9.5 · iPhone crop repair.
   System clock must never overlay live cards. PWA status-bar is now opaque.
   This layer is deliberately loaded last, after legacy mobile overrides. */
@media(max-width:700px){
  /* With the opaque system status bar, content begins below it. In older
     installed immersive shells, safe-area-inset-top is nonzero and is reserved. */
  body .topbar,
  body[data-display-mode="browser"] .topbar,
  body[data-display-mode="standalone"] .topbar{
    position:sticky!important;top:0!important;z-index:1100!important;
    padding-top:max(10px,calc(env(safe-area-inset-top,0px) + 10px))!important;
    background:rgba(10,8,24,.97)!important;
    -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
    backdrop-filter:blur(24px) saturate(145%)!important;
  }
  /* A safe-area curtain helps existing iOS installations still using the
     old cached translucent display mode. Height is zero in opaque mode. */
  body[data-display-mode="standalone"]::after{
    content:"";display:block;position:fixed;top:0;left:0;right:0;
    height:env(safe-area-inset-top,0px);
    background:#090716;z-index:5100;pointer-events:none;
  }
  /* Four clear destinations, never a giant tray covering content. */
  body .mobile-dock,
  body[data-display-mode="browser"] .mobile-dock,
  body[data-display-mode="standalone"] .mobile-dock{
    display:grid!important;position:fixed!important;
    z-index:999!important;left:10px!important;right:10px!important;
    width:auto!important;height:76px!important;min-height:76px!important;
    max-height:76px!important;padding:6px!important;
    bottom:calc(9px + env(safe-area-inset-bottom,0px))!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;border-radius:25px!important;
  }
  body .mobile-dock button,
  body[data-display-mode="browser"] .mobile-dock button,
  body[data-display-mode="standalone"] .mobile-dock button{
    height:62px!important;min-height:62px!important;max-height:62px!important;
    padding:5px 2px!important;border-radius:19px!important;
    font-size:22px!important;line-height:1.12!important;
    display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:4px!important;
  }
  body .mobile-dock button span,
  body[data-display-mode="browser"] .mobile-dock button span,
  body[data-display-mode="standalone"] .mobile-dock button span{
    font-size:25px!important;line-height:1!important;
    margin:0!important;
  }
  body .shell,body[data-display-mode="browser"] .shell,
  body[data-display-mode="standalone"] .shell{
    padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))!important;
    scroll-padding-bottom:calc(105px + env(safe-area-inset-bottom,0px))!important;
  }
  html{scroll-padding-top:94px;scroll-padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}
  /* Avoid focus targets disappearing under fixed navigation on scrollIntoView. */
  :is(.cin-hq,.cin-work-page,.cin-focus-card,.cin-artist-gallery,.cin-tile,.cin-hero){scroll-margin-top:94px}
  body.cin-dock-quiet .mobile-dock{pointer-events:none!important}
  /* Keep this control absent on Home (Capture is still available elsewhere). */
  body:has(.cin-hq) #contextDockAction{display:none!important}
}
@media(prefers-reduced-motion:reduce){body .mobile-dock{transition:none!important}}