/* Easter egg styles: cyclops. Moved verbatim out of static/app.css (egg rebuild); linked right after app.css in index.html. */
/* ================================================================
   Mythos pack — Cyclops celebrate (berdejitendra CodePen LjmXRr).
   Basketball: bottom → center → one blink → fall.
   ================================================================ */
.ccyclops-wrap {
  position: fixed;
  inset: 0;
  z-index: 8100;
  pointer-events: none;
  overflow: hidden;
}

.ccyclops {
  position: absolute;
  left: 0;
  top: 0;
  width: 260px;
  height: 260px;
  will-change: transform;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.ccyclops-scale {
  width: 15rem;
  height: 15rem;
  transform: scale(1);
  transform-origin: center center;
  flex-shrink: 0;
}

.ccyclops-eye {
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  background: #000;
  box-shadow:
    inset 0 0 0 2rem #fff,
    inset 0 0 0 3.5rem #FFD740;
  position: relative;
  transform-origin: center center;
}

.ccyclops-eye.is-blink {
  animation: ccyclops-blink 0.5s ease-in-out 1;
}

.ccyclops-eye::before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  left: 2.8rem;
  top: 3.5rem;
  background: #fff;
  border-radius: 50%;
}

.ccyclops-eye::after {
  content: "";
  width: 4rem;
  height: 4rem;
  position: absolute;
  right: 3rem;
  bottom: 2.8rem;
  background: #fff;
  border-radius: 50%;
}

@keyframes ccyclops-blink {
  0, 35%, 100% { transform: scaleY(1); }
  45%, 55% { transform: scaleY(0.08); }
}

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