html, body { margin: 0; min-height: 100%; background: #004F3E; }
#gobara-web-splash {
  position: fixed; inset: 0; z-index: 2147483647; overflow: hidden;
  background: #004F3E;
  opacity: 1; visibility: visible; pointer-events: auto;
  transition: opacity 420ms ease, visibility 420ms ease;
}
#gobara-web-splash picture { display: grid; place-items: center; width: 100%; height: 100%; }
#gobara-web-splash img { display: block; width: clamp(144px, 58vmin, 384px); max-width: 90%; height: auto; object-fit: contain; user-select: none; -webkit-user-drag: none; }
body.gobara-app-ready #gobara-web-splash { opacity: 0; visibility: hidden; pointer-events: none; }
#gobara-web-splash.gobara-startup-failed { display: grid; place-items: center; padding: 24px; background: #004F3E; }
#gobara-web-splash.gobara-startup-failed picture { display: none; }
#gobara-startup-recovery[hidden] { display: none !important; }
#gobara-startup-recovery { box-sizing: border-box; width: min(100%, 420px); padding: 28px; background: #fff; border: 1px solid #f0dfb4; border-radius: 24px; text-align: center; font: 16px/1.5 system-ui, sans-serif; color: #202630; }
.gobara-startup-brand { color: #186946; letter-spacing: .06em; }
#gobara-startup-title { font-size: 23px; line-height: 1.25; margin: 16px 0; }
#gobara-startup-retry { min-height: 48px; border: 0; border-radius: 999px; padding: 12px 24px; background: #ffc400; color: #171d25; font: 700 16px system-ui, sans-serif; cursor: pointer; }
#gobara-startup-retry:focus-visible { outline: 3px solid #186946; outline-offset: 4px; }
.gobara-startup-noscript { position: absolute; bottom: 16px; left: 16px; right: 16px; background: white; color: #202630; padding: 16px; border-radius: 12px; font: 16px/1.4 system-ui, sans-serif; }
@media (prefers-reduced-motion: reduce) { #gobara-web-splash { transition: none; } }