/* Typed-word easter eggs (js/eggs/typed.js). */
.egg-fx { position: fixed; inset: 0; z-index: 9000; pointer-events: none; overflow: hidden; }
.egg-fx canvas { display: block; width: 100%; height: 100%; }

/* piscola verdict under the glass */
.egg-verdict {
  position: absolute; left: 50%; transform: translateX(-50%); width: max-content; max-width: min(520px, calc(100vw - 32px));
  display: grid; justify-items: center; gap: 2px; text-align: center; color: #fff;
  animation: egg-stamp 0.35s cubic-bezier(.2, 1.6, .4, 1) both;
}
.egg-ratio {
  font: 800 clamp(40px, 11vw, 64px) / 1 var(--f-lider); letter-spacing: 1px; color: #f3d58a;
  -webkit-text-stroke: 2px #2a0f06; paint-order: stroke fill; text-shadow: 0 4px 0 #2a0f06, 0 0 18px rgba(0, 0, 0, .6);
}
.egg-verdict.perfect .egg-ratio { color: #5dff7a; }
.egg-line {
  font: 400 clamp(17px, 4.6vw, 22px) / 1.2 var(--f-isaac); padding: 4px 12px; border-radius: 4px;
  background: rgba(10, 4, 20, .78); box-shadow: 0 0 0 2px #f3d58a; transform: rotate(-1.5deg);
}
@keyframes egg-stamp {
  from { opacity: 0; transform: translateX(-50%) scale(1.8); }
  to { opacity: 1; transform: translateX(-50%) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .egg-verdict { animation: none; }
}