/* Until the app's script starts, show only a plain loading screen (not the bare game HUD). */
html:not(.booted), html:not(.booted) body { background: #0a1222; }
html:not(.booted) #app > * { visibility: hidden; }
html:not(.booted) body::before {
  content: 'CueClash';
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  color: #ffd23d;
  font: 900 44px/1 'Lilita One', system-ui, sans-serif;
  letter-spacing: 0.02em;
  animation: boot-pulse 1.2s ease-in-out infinite;
}
@keyframes boot-pulse { 50% { opacity: 0.55; } }
/* With scripts off (and for crawlers): a short description of the game above the loading screen. */
.noscript { position: relative; z-index: 1; max-width: 640px; margin: 40px auto; padding: 16px; background: #0a1222; color: #f3ece2; font: 16px/1.6 system-ui, sans-serif; }
.noscript a { color: #ffd23d; }