/* pighaus landing — core (style-agnostic) */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
  background: #0d0f14;
  color: #e8eaf0;
  font-family: "IBM Plex Mono", monospace;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}
#stage { position: fixed; inset: 0; }
button { font-family: inherit; cursor: pointer; }

/* pre-style splash: black + pulse, replaced the moment a style mounts */
#pl-splash {
  position: absolute; inset: 0; display: grid; place-items: center;
  background: #0d0f14; z-index: 5;
}
#pl-splash span {
  font-family: "Saira Condensed", sans-serif; font-weight: 900;
  font-size: clamp(28px, 6vw, 64px); letter-spacing: .34em; color: #2a2f3c;
  animation: pl-pulse 1.1s ease-in-out infinite;
}
@keyframes pl-pulse { 50% { opacity: .35; } }

.pl-noscript { position: fixed; inset: 0; z-index: 9; background: #0d0f14; padding: 40px; display: flex; flex-direction: column; gap: 14px; }
.pl-noscript a { color: #e8c832; }