/* Pantallas, escenario, efectos (confeti/glow) y controles de formulario. */
/* ---------- Screens & cards ---------- */
.screen{display:none;animation:pop .35s ease}
.screen.on{display:block}
@keyframes pop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Los efectos (confeti, sacudones, cartelazos) viven en css/sauce.css. */
.stage{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px 18px;margin-top:14px;position:relative;overflow:hidden}
.stage::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(232,17,45,.12),transparent 65%);pointer-events:none}
.stage h2{font-size:clamp(22px,5vw,30px);margin-bottom:4px}
.stage .sub{color:var(--dim);font-size:14px;margin-bottom:16px}
.kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--neon);margin-bottom:6px}

input[type=text]{
  width:100%;background:#040820;border:1px solid var(--line);border-radius:12px;
  color:var(--txt);font-size:18px;padding:13px 14px;margin:10px 0 16px;outline:none;
}
input[type=text]:focus{border-color:var(--neon);box-shadow:0 0 0 3px rgba(232,17,45,.2)}

button{
  font-family:inherit;cursor:pointer;border:none;border-radius:12px;
  font-size:15px;font-weight:700;padding:13px 18px;color:#fff;
  background:linear-gradient(180deg,#ff4356,var(--neon));
  box-shadow:0 6px 20px rgba(232,17,45,.4);
  transition:transform .12s ease, box-shadow .12s ease;
}
button:hover{transform:translateY(-1px)}
button:active{transform:translateY(1px)}
button.ghost{background:var(--panel2);color:var(--txt);border:1px solid var(--line);box-shadow:none}
button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}