/* Easter egg styles: cap-shield. Moved verbatim out of static/app.css (egg rebuild); linked right after app.css in index.html. */
/* ================================================================
   Marvel pack — Cap shield bounce (afonsopacifer CodePen YPEmoN;
   star polish optional ref giana/YqaPVV). DVD bounce + spin. .ccap-*
   ================================================================ */
.ccap-wrap {
  position: fixed;
  inset: 0;
  z-index: 8100;
  pointer-events: none;
  overflow: hidden;
  background: transparent;
}

.ccap-shield {
  position: absolute;
  left: 0;
  top: 0;
  width: 260px;
  height: 260px;
  will-change: left, top;
}

.ccap-circle {
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  box-sizing: border-box;
}

.ccap-outer-lv3 {
  background-image: linear-gradient(#870000, #FF4040, #870000);
  height: 260px;
  width: 260px;
  animation: ccap-spin 0.85s infinite linear; /* faster spin with the throw */
}

.ccap-outer-lv2 {
  background: #fff;
  background-image: linear-gradient(#DBD9D9, #FAFAFA, #DBD9D9);
  height: 210px;
  width: 210px;
}

.ccap-outer-lv1 {
  background-image: linear-gradient(#870000, #FF4040, #870000);
  height: 150px;
  width: 150px;
}

.ccap-center {
  background-image: linear-gradient(#0846A8, #277AFF, #0846A8);
  height: 100px;
  width: 100px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: 1px solid #000;
}

.ccap-arrow {
  border-top: 35px solid #EDE8E8;
  border-bottom: 48px solid transparent;
  border-left: 48px solid transparent;
  border-right: 48px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
}

.ccap-arrow--top { top: 35px; left: 2px; }

.ccap-arrow--left {
  transform: rotate(72deg);
  top: 16px;
  left: -24px;
}

.ccap-arrow--right {
  transform: rotate(-72deg);
  top: 16px;
  left: 25px;
}

@keyframes ccap-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

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