#tbLaunchSplash{
position:fixed;inset:0;z-index:2147483000;min-height:100vh;min-height:100dvh;
display:flex;align-items:center;justify-content:center;box-sizing:border-box;
background:#0c1629;overflow:hidden;opacity:1;visibility:visible;pointer-events:auto;
transition:opacity .26s ease,visibility .26s ease
}
#tbLaunchSplash[hidden]{display:none!important}
#tbLaunchSplash.tb-launch-leaving{opacity:0;visibility:hidden;pointer-events:none}
#tbLaunchSplash::before{
content:"";position:absolute;left:50%;top:50%;width:min(86vw,520px);aspect-ratio:1;
transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(circle,rgba(37,99,235,.24) 0%,rgba(37,99,235,.08) 42%,rgba(37,99,235,0) 72%);
filter:blur(4px);pointer-events:none
}
.tb-launch-brand{
position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
width:100%;max-width:420px;gap:18px;padding:24px;box-sizing:border-box;text-align:center;
animation:tbLaunchBrandIn .42s cubic-bezier(.22,.8,.25,1) both
}
.tb-launch-logo{
display:block;width:112px;height:112px;max-width:32vw;max-height:32vw;border-radius:26px;
object-fit:cover;margin:0 auto;filter:drop-shadow(0 14px 34px rgba(37,99,235,.34))
}
.tb-launch-name{
display:block;width:100%;margin:0;padding:0;color:#f5f8ff;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
font-size:clamp(30px,8vw,42px);font-weight:800;line-height:1.05;letter-spacing:-.025em;
text-align:center;text-shadow:0 8px 30px rgba(0,0,0,.22)
}
@keyframes tbLaunchBrandIn{
from{opacity:0;transform:translateY(8px) scale(.97)}
to{opacity:1;transform:translateY(0) scale(1)}
}
@media (prefers-reduced-motion:reduce){
#tbLaunchSplash{transition:none}.tb-launch-brand{animation:none}
}

/* iOS Home-Screen PWA:
   The native apple-touch-startup-image is the ONLY branded launch screen.
   The web layer never draws the logo again. While runtime/core finishes,
   it holds only the exact matching navy background. */
@supports (-webkit-touch-callout: none) {
  @media (display-mode: standalone) {
    #tbLaunchSplash{
      background:#0c1629!important;
      background-image:none!important;
      transition:none!important;
    }

    #tbLaunchSplash::before,
    #tbLaunchSplash .tb-launch-brand{
      display:none!important;
    }

    #tbLaunchSplash.tb-launch-leaving{
      opacity:1;
      visibility:visible;
    }
  }
}
