/* Paint only an event-neutral loading screen while the event theme is fetched.
   The site's real page is revealed by event-boot.js once eventtheme:loaded fires. */
html.event-booting,
html.event-booting body {
  background: #071425 !important;
}

html.event-booting body > * {
  visibility: hidden !important;
  pointer-events: none !important;
}

html.event-booting body::before,
html.event-booting body::after {
  position: fixed;
  z-index: 2147483647;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

html.event-booting body::before {
  content: "MEMUATKAN ACARA";
  top: calc(50% + 24px);
  width: min(88vw, 680px);
  color: #f8eed9;
  font: 700 clamp(14px, 2.7vw, 21px) Arial, sans-serif;
  letter-spacing: 0.13em;
  text-align: center;
}

html.event-booting body::after {
  content: "◆";
  top: calc(50% - 46px);
  color: #e6c474;
  font: 700 clamp(48px, 9vw, 80px) Georgia, serif;
  text-shadow: 0 0 12px #fff6cf, 0 0 30px #d6a93a;
  animation: eventBootGlow 1.45s ease-in-out infinite alternate;
}

html.event-booting[data-event-preset="retirement"],
html.event-booting[data-event-preset="retirement"] body {
  background: radial-gradient(circle at 50% 22%, #203c61 0, #071425 58%, #020914 100%) !important;
}

html.event-booting[data-event-preset="retirement"] body::before {
  content: "MAJLIS PERSARAAN TAHUN 2026";
  color: #f5ecd9;
  font-family: Georgia, "Times New Roman", serif;
  text-shadow: 0 2px 18px #09172a;
}

html.event-booting[data-event-preset="retirement"] body::after {
  color: #fff4d1;
  text-shadow: 0 0 12px #fff9e6, 0 0 32px #c6a05c;
}

@keyframes eventBootGlow {
  from {
    filter: brightness(0.78) scale(0.84) rotate(45deg);
    opacity: 0.45;
  }
  to {
    filter: brightness(1.28) scale(1.08) rotate(225deg);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.event-booting body::after {
    animation: none;
  }
}