/* RND signature intro: the unchanged party logotype becomes a restrained page watermark.
   No marketing text, extra controls, user content, or backend calls in this layer. */
html.rnd-splash-pending,
html.rnd-splash-pending body {overflow:hidden!important;}
.rnd-splash {
  display:none;
  position:fixed;
  inset:0;
  z-index:2147483000;
  isolation:isolate;
  overflow:hidden;
  background:#064143;
  align-items:center;
  justify-items:center;
  touch-action:manipulation;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
html.rnd-splash-pending .rnd-splash {display:grid;animation:rnd-veil-out 1550ms cubic-bezier(.3,.1,.2,1) both;}
.rnd-splash::before {
  content:"";
  position:absolute;
  inset:-35%;
  z-index:-1;
  background:radial-gradient(ellipse 38% 31% at 50% 50%,rgba(43,116,113,.38),transparent 76%);
  pointer-events:none;
}
.rnd-splash::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:radial-gradient(ellipse 70% 50% at 50% 53%,transparent 35%,rgba(2,45,48,.09) 100%);
}
.rnd-splash-logo {
  display:block;
  width:min(84vw,720px);
  max-width:calc(100vw - 30px);
  height:auto;
  object-fit:contain;
  position:relative;
  z-index:2;
  transform-origin:center;
  will-change:transform,opacity,filter;
}
html.rnd-splash-pending .rnd-splash-logo {animation:rnd-logo-morph 1550ms cubic-bezier(.16,.8,.19,1) both;}
/* Differentiate the opening identity from the actual interactive UX. */
@keyframes rnd-logo-morph {
  0%   {transform:translate3d(0,13px,0) scale(.91);opacity:0;filter:blur(5px);}
  18%  {transform:translate3d(0,0,0) scale(1);opacity:1;filter:blur(0);}
  46%  {transform:translate3d(0,0,0) scale(1);opacity:1;filter:blur(0);}
  67%  {transform:translate3d(0,-2px,0) scale(1.04);opacity:1;filter:blur(0);}
  100% {transform:translate3d(0,-12px,0) scale(2.7);opacity:0;filter:blur(21px);}
}
@keyframes rnd-veil-out {
  0%,60% {opacity:1;}
  82% {opacity:.82;}
  100% {opacity:0;}
}
/* A subtle echo of the same official emblem, not a second full-screen logo. */
html[data-ui="refined"][data-experience="aurora"] .portal-main {position:relative;}
html[data-ui="refined"][data-experience="aurora"] .portal-main::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-image:url('rnd-logo-official.webp');
  background-repeat:no-repeat;
  background-size:min(94vw,860px) auto;
  background-position:center 13%;
  pointer-events:none;
  mix-blend-mode:screen;
  opacity:.034;
  transform:scale(1.2);
  transition:opacity 360ms ease,transform 500ms ease;
}
html.rnd-splash-pending[data-ui="refined"][data-experience="aurora"] .portal-main::before {opacity:0;transform:scale(1.38);}
html[data-ui="refined"][data-experience="aurora"] .portal-main > * {position:relative;z-index:1;}
@media(max-width:640px) {
  .rnd-splash-logo {width:min(89vw,430px);}
  html[data-ui="refined"][data-experience="aurora"] .portal-main::before {background-size:115vw auto;background-position:center 12%;opacity:.027;}
}
@media(prefers-reduced-motion:reduce) {
  .rnd-splash {display:none!important;animation:none!important;}
  .rnd-splash-logo {animation:none!important;}
  html[data-ui="refined"][data-experience="aurora"] .portal-main::before {transition:none!important;}
}