.ivean-egg-marker {
  position: fixed;
  z-index: 99990;
  left: var(--egg-x, 50%);
  top: var(--egg-y, 50%);
  width: clamp(68px, 7vw, 88px);
  height: clamp(68px, 7vw, 88px);
  padding: 0;
  transform: translate(-50%, -50%);
  overflow: visible;
  border: 0;
  border-radius: 24px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  animation: ivean-egg-float 2.2s ease-in-out infinite, ivean-egg-glow 1.6s ease-in-out infinite alternate;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.ivean-egg-marker img { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; user-select: none; filter: drop-shadow(0 10px 18px rgba(31, 20, 70, .34)); }

.ivean-egg-marker:hover { transform: translate(-50%, -50%) scale(1.12) rotate(8deg); }
.ivean-egg-marker:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
.ivean-egg-marker:disabled { cursor: wait; opacity: .65; }

.ivean-egg-overlay {
  position: fixed;
  z-index: 100000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(8, 10, 25, .46);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  animation: ivean-egg-in .22s ease-out;
}

.ivean-egg-fireworks {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.ivean-egg-card {
  position: relative;
  z-index: 1;
  width: min(420px, 100%);
  padding: 34px 30px 30px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 26px;
  color: #182033;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(240,235,255,.9));
  box-shadow: 0 30px 90px rgba(8,10,25,.42), inset 0 1px 0 #fff;
  text-align: center;
}

.ivean-egg-card h2 { margin: 8px 0 12px; color: inherit; font: 700 25px/1.25 system-ui, sans-serif; }
.ivean-egg-content { font: 400 15px/1.75 system-ui, sans-serif; }
.ivean-egg-content p { margin: .65em 0; }
.ivean-egg-content a { color: #5d49cd; }
.ivean-egg-spark { color: #8b67ef; font-size: 34px; }
.ivean-egg-close { position: absolute; top: 12px; right: 14px; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; color: #586078; background: rgba(30,35,60,.08); font: 24px/1 system-ui, sans-serif; cursor: pointer; }
.ivean-egg-close:hover { background: rgba(30,35,60,.14); }
.ivean-egg-close:focus-visible { outline: 2px solid #7057d9; outline-offset: 2px; }

@keyframes ivean-egg-float { 50% { margin-top: -8px; } }
@keyframes ivean-egg-glow { from { filter: saturate(.9) brightness(.95); } to { filter: saturate(1.2) brightness(1.12); } }
@keyframes ivean-egg-in { from { opacity: 0; } to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  .ivean-egg-marker, .ivean-egg-overlay { animation: none; }
}
