/* Replace captured MTT loaders with the SIP GAME wordmark during startup and navigation. */
.mtt-loading-box {
  background: #001326 !important;
}

#mtt-global-loading {
  width: min(76vw, 480px) !important;
  transform: none !important;
}

.mtt-global-loading__body_wrap,
.mtt-global-loading__txt {
  display: none !important;
}

#mtt-global-loading::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1635 / 733;
  background: url("/brand/sip-game-horizontal-v2.png?v=sip-20261015-splash") center / contain no-repeat;
  animation: sip-splash-logo-in 420ms cubic-bezier(.2,.75,.25,1) both;
}

#mtt-router-loading:not([style*="none"]) {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: min(76vw, 480px) !important;
  height: auto !important;
  aspect-ratio: 1635 / 733;
  color: transparent !important;
}

#mtt-router-loading:not([style*="none"])::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/brand/sip-game-horizontal-v2.png?v=sip-20261015-splash") center / contain no-repeat;
  animation: sip-splash-logo-in 420ms cubic-bezier(.2,.75,.25,1) both;
}

#mtt-router-loading:not([style*="none"]) > div {
  display: none !important;
}

@keyframes sip-splash-logo-in {
  from { opacity: 0; transform: translateY(8px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 480px) {
  #mtt-global-loading,
  #mtt-router-loading:not([style*="none"]) {
    width: min(84vw, 360px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #mtt-global-loading::before,
  #mtt-router-loading:not([style*="none"])::before {
    animation: none;
  }
}