/* Tema Misión espacial: noche profunda, neón y planetas */
:root {
  --paper: #f1f0ff;
  --paper-2: #dcdaf7;
  --heading: #1b1f4b;
  --deep: #0a0b26;
  --c1: #ff5d73;
  --c2: #5b6cff;
  --c3: #19b6a6;
  --accent: #ffd166;
  --soft: #a9b4ff;
  --ink: #22264f;
  --script: "Bungee", "Arial Black", sans-serif;
  --gate-bg:
    radial-gradient(circle at 15% 20%, rgba(91,108,255,.35), transparent 40%),
    radial-gradient(circle at 85% 80%, rgba(255,93,115,.25), transparent 45%),
    var(--deep);
  --intro-bg: radial-gradient(ellipse at 50% 120%, #2a2f7a, #0a0b26 60%, #04040f);
  --game-bg: radial-gradient(ellipse at 30% 0%, #2a2f7a, #0a0b26 55%, #050617);
  --invite-bg:
    radial-gradient(circle at 0% 0%, rgba(91,108,255,.22), transparent 40%),
    radial-gradient(circle at 100% 30%, rgba(255,93,115,.15), transparent 40%),
    var(--paper);
}
.gate-title, .overlay-card h2, .invite-heading { font-size: clamp(1.6rem, 7vw, 2.4rem); line-height: 1.15; }
.gate-title { font-size: clamp(2rem, 10vw, 2.8rem); }
.gate-sub { color: var(--c2); font-family: var(--ui); font-style: normal; }
.intro-presents { font-family: var(--ui); font-style: normal; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; font-size: .95rem; color: var(--soft); text-shadow: none; }

/* la base lunar se aleja cuando despega el cohete */
#intro.run .scene-art {
  animation: castle-in 1.4s .1s cubic-bezier(.2,.7,.2,1) forwards, moon-away 2.4s 3.6s cubic-bezier(.5,0,.8,.4) forwards;
}
@keyframes moon-away { from { opacity: 1; transform: translate(-50%, 0); } to { opacity: 0; transform: translate(-50%, 70%); } }

/* letras del logo en neón */
.logo-text { font-size: clamp(2rem, 11vw, 4.2rem); column-gap: .4em; }
.logo-text .w { gap: .04em; }
.logo-text .w span { color: #fff; text-shadow: 0 0 6px currentColor, 0 0 22px #5b6cff, 0 0 40px #5b6cff; }
.logo-text .w span:nth-child(3n+1) { color: #ffd6dc; text-shadow: 0 0 6px #fff, 0 0 22px #ff5d73, 0 0 40px #ff5d73; }
.logo-text .w span:nth-child(3n+2) { color: #d6fff9; text-shadow: 0 0 6px #fff, 0 0 22px #19b6a6, 0 0 40px #19b6a6; }
.logo-tag { color: var(--accent); letter-spacing: .06em; }

#game .hud-score { background: rgba(255,255,255,.92); }
#game .skip-btn { background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.35); }
.tc-stub { background: var(--heading); }
.ticket-card { border-color: var(--c2); }