/* ROYALS 888 CONTROLLED BRANDING SPLASH
   - First direct visit in a browser tab: 2 seconds
   - Browser reload: 1 second
   - Internal navigation / menu / button taps: no splash
   The splash uses the favicon and logo saved from the admin panel. */

/* Remove old loaders so they cannot flash or block the page. */
.rp-loader,#splash,#preloader,#loader,.preloader,.loader,.loading-screen,.splash-screen,
#royalsRouteSplash,.royals-route-splash,.royals-route-progress,.route-progress,.page-progress,.top-progress{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html,body{visibility:visible!important;opacity:1!important}
body{overflow-x:hidden!important}

#royalsSplash{
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:22px;
  padding:24px;
  background:
    radial-gradient(circle at center,rgba(212,175,55,.22),transparent 36%),
    linear-gradient(180deg,#111d2e 0%,#060b14 100%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .26s ease,visibility 0s linear .26s;
}
#royalsSplash.show{opacity:1!important;visibility:visible!important;transition:opacity .26s ease}
.royals-splash-emblem{position:relative;width:132px;height:132px;display:grid;place-items:center;isolation:isolate}
.royals-splash-ring{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(255,255,255,.11);border-top-color:#ffd84a;border-right-color:#ff3155;box-shadow:0 0 36px rgba(212,175,55,.30);animation:royalsSplashSpin .9s linear infinite}
.royals-splash-ring.inner{inset:10px;border-width:2px;border-top-color:rgba(255,255,255,.74);border-right-color:rgba(212,175,55,.25);animation-duration:1.45s;animation-direction:reverse}
.royals-splash-icon{position:relative;z-index:1;width:88px;height:88px;object-fit:contain;border-radius:22px;background:#0d1725;border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 34px rgba(0,0,0,.42),0 0 22px rgba(255,216,74,.22);padding:8px}
.royals-splash-logo{display:block;width:auto;max-width:min(72vw,240px);max-height:74px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(212,175,55,.38)) drop-shadow(0 0 24px rgba(255,49,85,.16))}
@keyframes royalsSplashSpin{to{transform:rotate(360deg)}}
@media(max-width:380px){.royals-splash-emblem{width:112px;height:112px}.royals-splash-icon{width:74px;height:74px;border-radius:18px}.royals-splash-logo{max-height:62px}}