/* GODDO V38 – phone-first interaction and safe-area support */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { max-width:100%; overflow-x:hidden; padding-bottom:env(safe-area-inset-bottom, 0px); }
button, [role="button"], a, input, select, textarea { touch-action:manipulation; }
button, [role="button"] { -webkit-tap-highlight-color:transparent; }
@media (hover:none) and (pointer:coarse) {
  button, [role="button"], .nav-button { min-height:44px; }
  input, select, textarea { font-size:16px; max-width:100%; }
  .page, main, .main-content { min-width:0; }
}
img, video, canvas { max-width:100%; }
.goddo-connection-status { position:fixed; z-index:99999; left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom, 0px)); padding:12px 16px; border-radius:14px; background:#24334b; color:#fff; font:600 13px/1.5 system-ui,sans-serif; border:1px solid rgba(255,255,255,.2); box-shadow:0 8px 26px #0008; text-align:center; pointer-events:none; }
.goddo-connection-status[hidden] { display:none!important; }
@media (prefers-reduced-motion:reduce) { html:focus-within {scroll-behavior:auto!important;} *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }

/* V41: thumb-friendly navigation and screen-reader focus */
@media(max-width: 768px) {
 .mobile-bottom-nav .mobile-nav-button { min-height: 52px; min-width: 0; touch-action: manipulation; }
 .mobile-bottom-nav .mobile-nav-button:focus-visible { outline: 3px solid #f3ca77; outline-offset: -3px; }
 .mobile-bottom-nav { padding-bottom: max(6px, env(safe-area-inset-bottom)); }
}