.original-cold-load[hidden] { display: none; }
.original-cold-load {
  flex: 1;
  min-height: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 18px;
  padding: 24px;
  text-align: center;
  background: rgb(252 253 255 / 85%);
  color: #223c59;
  font-weight: 500;
  animation: original-cold-enter 120ms ease-out both;
}
.original-cold-emblem {
  width: clamp(112px, 23vw, 144px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
}
.original-cold-emblem > * { grid-area: 1 / 1; }
.original-cold-emblem img { display: block; width: 53%; height: auto; }
.original-cold-ring {
  display: block;
  width: 100%;
  height: 100%;
  transform-origin: center;
  animation: original-cold-spin 1.15s linear infinite;
}
@media screen and (max-width: 768px) {
  .original-cold-load {
    padding-bottom: calc(24px + var(--mobile-bottom-nav-height, 70px) + env(safe-area-inset-bottom, 0px));
  }
}
.main:has(> #pageContent.original-cold-load-pending) {
  display: grid;
  grid-template: auto minmax(0, 1fr) / minmax(0, 1fr);
}
.original-cold-load:not([hidden]), #pageContent.original-cold-load-pending {
  grid-area: 2 / 1;
}
.original-cold-load:not([hidden]) { z-index: 1; }
@keyframes original-cold-spin { to { transform: rotate(360deg); } }
@keyframes original-cold-enter { from { opacity: .4; } }
@media (prefers-reduced-motion: reduce) {
  .original-cold-load, .original-cold-ring { animation: none; }
}