html.site-loading { overflow:hidden; }
.site-loader {
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  background:#ffd128 url('img/skull-pattern.png') 0 0 / 500px 500px repeat;
  animation:loader-pattern-walk 30s linear infinite;
  opacity:1;
  transition:opacity .35s ease;
}
.site-loader img {
  display:block;
  width:min(320px,75vw);
  height:auto;
  filter:drop-shadow(0 12px 16px #03112f30);
  animation:loader-logo-pulse 1.6s ease-in-out infinite;
}
.site-loader.is-leaving { opacity:0; pointer-events:none; }
.site-loader-credit {
  position:absolute;
  bottom:calc(clamp(32px,7vh,64px) + env(safe-area-inset-bottom,0px));
  left:0;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
  color:#03112f;
  font-family:Nunito,Arial,sans-serif;
  text-align:center;
}
.site-loader-credit span { font-size:11px; font-weight:600; line-height:1.2; }
.site-loader-credit strong { font-size:20px; font-weight:900; letter-spacing:.02em; }
@keyframes loader-pattern-walk {
  to { background-position:500px 500px; }
}
@keyframes loader-logo-pulse {
  0%,100% { transform:scale(1); }
  50% { transform:scale(1.04); }
}
@media (prefers-reduced-motion:reduce) {
  .site-loader,.site-loader img { animation:none; transition:none; }
}