/* ── go-app WASM loading screen overrides ────────────────────────────
   These classes are injected by the go-app framework before WASM loads.
   They live outside Tailwind so the content scanner doesn't strip them.
   ────────────────────────────────────────────────────────────────── */

.goapp-app-info {
  background-color: #131313;
  color: #e5e2e1;
  font-family: "Newsreader", "Noto Serif", Georgia, serif;
}

/* Gothic radial glow behind the icon */
.goapp-app-info::before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 600px;
  height: 600px;
  transform: translate(-50%, -60%);
  background: radial-gradient(circle, rgba(138, 0, 21, 0.15) 0%, transparent 70%);
  pointer-events: none;
  z-index: -1;
}

/* Wyrdstone glow orbs — matches the gateway page */
.goapp-app-info::after {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(circle at 25% 30%, rgba(186, 170, 121, 0.04) 0%, transparent 50%),
    radial-gradient(circle at 75% 70%, rgba(138, 0, 21, 0.04) 0%, transparent 50%);
  pointer-events: none;
  z-index: -1;
}

.goapp-logo {
  width: 80px;
  height: 80px;
  opacity: 0.9;
  filter: drop-shadow(0 0 12px rgba(214, 198, 146, 0.3));
}

/* Gentle pulse instead of a hard spin */
.goapp-spin {
  animation: goapp-wyrdstone-pulse 2.5s ease-in-out infinite;
}

@keyframes goapp-wyrdstone-pulse {
  0%, 100% { opacity: 0.7; transform: scale(0.96); filter: drop-shadow(0 0 8px rgba(214, 198, 146, 0.2)); }
  50%      { opacity: 1;   transform: scale(1.04); filter: drop-shadow(0 0 20px rgba(214, 198, 146, 0.5)); }
}

.goapp-label {
  margin-top: 20px;
  font-family: "Inter", "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #5a403c;
}