/* Huevo de pascua de la Zona Gamer: advertencia que aparece en la portada al cargar el planeta al máximo. */
.huevo { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; padding: 20px; background: rgba(8, 7, 10, .78); backdrop-filter: blur(4px); animation: huevo-fondo .35s ease-out; }
.huevo-caja { max-width: 440px; width: 100%; text-align: center; padding: 30px 26px; border-radius: 20px; background: rgba(17, 14, 21, .96); border: 1.5px solid rgba(226, 179, 78, .85); box-shadow: 0 0 0 1px rgba(255, 231, 163, .25), 0 0 60px rgba(226, 179, 78, .3); animation: huevo-entra .45s cubic-bezier(.2, .7, .2, 1); }
.huevo-caja .huevo-alerta { margin: 0 0 12px; font: 900 clamp(1.6rem, 5.5vw, 2.1rem) var(--f-body); letter-spacing: .18em; text-transform: uppercase; color: #FF2E4C; }   /* sólo esta línea va en rojo */
.huevo-caja h2 { margin: 0 0 10px; font: 700 1.6rem/1.15 var(--f-display); color: var(--gold); }
.huevo-caja p { margin: 0 0 20px; color: var(--muted); }
.huevo-acciones { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.huevo-acciones .btn { min-width: 110px; animation: huevo-late 1.7s ease-in-out infinite; }   /* los dos botones laten como un corazón */
.huevo-acciones .btn-ghost { animation-delay: .35s; }
.huevo-acciones .btn:hover, .huevo-acciones .btn:focus-visible { animation-play-state: paused; transform: scale(1.06); }
@keyframes huevo-late {
  0%   { transform: scale(1); box-shadow: 0 0 0 rgba(226, 179, 78, 0); }
  10%  { transform: scale(1.08); box-shadow: 0 0 26px rgba(226, 179, 78, .55); }   /* lub */
  20%  { transform: scale(1); box-shadow: 0 0 8px rgba(226, 179, 78, .2); }
  30%  { transform: scale(1.05); box-shadow: 0 0 18px rgba(226, 179, 78, .4); }    /* dub */
  42%, 100% { transform: scale(1); box-shadow: 0 0 0 rgba(226, 179, 78, 0); }       /* pausa */
}
@media (prefers-reduced-motion: reduce) { .huevo-acciones .btn { animation: none; } }
@keyframes huevo-fondo { from { opacity: 0; } to { opacity: 1; } }
@keyframes huevo-entra { from { opacity: 0; transform: translateY(16px) scale(.96); } to { opacity: 1; transform: none; } }
/* Pista bajo el disco: pequeña, en mayúsculas espaciadas como los rótulos de la portada; no recibe el puntero para no estorbar el arrastre */
.huevo-pista { position: absolute; left: 50%; top: calc(100% + 110px); transform: translateX(-50%); width: max-content; max-width: min(380px, 100vw - 40px); margin: 0; text-align: center; font: 600 .68rem/1.7 var(--f-body); letter-spacing: .18em; text-transform: uppercase; color: var(--gold); pointer-events: none; z-index: 1; transition: opacity .8s ease; }
.huevo-pista.huevo-pista-oculta { opacity: 0; }
@media (max-width: 680px) { .huevo-pista { top: calc(100% + 80px); font-size: .6rem; letter-spacing: .14em; } }