/* ===========================================================
   LOTERÍA MEXICANA — estilos compartidos por las dos pantallas
   =========================================================== */

:root{
  --rosa:#E4007C; --rosa-claro:#FF4FA3; --verde:#0E9B62; --verde-hondo:#006847;
  --amarillo:#F7C948; --naranja:#F26B1D; --rojo:#CE1126; --turquesa:#2FA8A0;
  --morado:#7A5FC4;
  --tinta:#17110F; --tinta-alta:#221A17; --tinta-suave:#2E2421;
  --hueso:#F7F2E6; --ceniza:#9A918A;
  --fuente:"Archivo","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;background:var(--tinta);color:var(--hueso);
  font-family:var(--fuente)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(900px 520px at 12% -8%,rgba(228,0,124,.18),transparent 62%),
    radial-gradient(820px 520px at 92% 8%,rgba(14,155,98,.16),transparent 62%),
    radial-gradient(760px 480px at 50% 115%,rgba(247,201,72,.12),transparent 60%);}

button{font-family:inherit;cursor:pointer;border:0}
.error{background:rgba(206,17,38,.18);border:1px solid var(--rosa);color:var(--rosa-claro);
  padding:11px;border-radius:11px;font-size:15px;margin-bottom:12px;display:none}
.error.ver{display:block}

/* ---------- la carta ---------- */
.carta{background:linear-gradient(160deg,#FFF9EC,#F3E6C8);color:#2b1c14;
  border-radius:20px;text-align:center;border:5px solid var(--verde-hondo);
  box-shadow:0 20px 60px rgba(0,0,0,.55)}