/* Exterior mobile hotfix · 2026-09-21
   Keeps the visual language while reducing expensive compositing on phones. */
@media (max-width:760px){
  .privacy-notice{
    left:12px;right:12px;
    top:50%;
    bottom:auto;
    transform:translateY(-50%);
    max-height:min(72dvh,520px);
    overflow:auto;
    overscroll-behavior:contain;
    padding:14px;
    gap:12px;
    z-index:1800;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    background:rgba(8,13,17,.985);
  }
  .privacy-notice-actions{position:sticky;bottom:0;background:rgba(8,13,17,.985);padding-top:4px}
  .panel,.alert-card,.humans-live,.bottom-nav,.user-dock-toggle,
  .exterior-console-tabs,.chat-modal,.privacy-modal,.saved-hub-modal,
  .user-dock-backdrop,.unified-facility-cluster-menu{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  canvas{filter:none!important}
  .bottom-nav,.privacy-notice,.chat-panel,.saved-hub-panel,.privacy-panel{box-shadow:0 10px 28px rgba(0,0,0,.30)}
  .humans-live-pulse,.bottom-nav-human-pulse{animation-duration:3.6s}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* Mobile map interaction v2 */
@media (max-width:760px){
  #unifiedWorldShell{
    touch-action:none;
    overscroll-behavior:contain;
    contain:layout paint;
    will-change:transform;
  }
  #unifiedWorldShell svg{shape-rendering:optimizeSpeed}
}