/* Easter egg styles: spiderman. Moved verbatim out of static/app.css (egg rebuild); linked right after app.css in index.html. */
/* ================================================================
   Marvel pack — Spider-Man hang (mariadev__ CodePen zYGKKLE).
   Descend from top → hang sway. No title / blue gradient. .cspidey-*
   ================================================================ */
.cspidey-wrap {
  position: fixed;
  inset: 0;
  z-index: 8100;
  pointer-events: none;
  overflow: hidden;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.cspidey-stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  animation: cspidey-descend 1.1s cubic-bezier(0.22, 0.8, 0.28, 1) forwards;
}

.cspidey-img {
  width: 300px;
  max-width: 70vw;
  height: auto;
  vertical-align: top;
  display: block;
  animation: cspidey-sway 2s ease-in-out 1.1s infinite alternate;
}

@keyframes cspidey-descend {
  from { transform: translateY(calc(-100% - 40px)); }
  to   { transform: translateY(0); }
}

@keyframes cspidey-sway {
  from { transform: translateY(-12px); }
  to   { transform: translateY(8px); }
}

@media (prefers-reduced-motion: reduce) {
  .cspidey-wrap { display: none; }
}