/* Easter egg styles: cursor_common. Moved verbatim out of static/app.css (egg rebuild); linked right after app.css in index.html. */
.cmjolnir-cursor-wrap.is-dropped .cmjolnir-cursor-svg {
  pointer-events: auto;
  cursor: grab;
}

/* Bottom-center how-to + dispose zone while a page-land cursor is live */
.egg-cursor-hint {
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  z-index: 8040; /* under cursor sprites (8050); above page chrome */
  max-width: min(420px, 92vw);
  padding: 10px 14px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--ink) 88%, transparent);
  color: var(--bg);
  font-size: 13px;
  line-height: 1.35;
  text-align: center;
  box-shadow: var(--shadow-3);
  pointer-events: auto;
  cursor: pointer;
  user-select: none;
  transition: background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.egg-cursor-hint-body { display: flex; flex-direction: column; gap: 4px; }

.egg-cursor-hint-body > div:last-child { font-weight: 650; opacity: 0.95; }

.egg-cursor-hint.is-hot {
  background: color-mix(in srgb, var(--accent) 75%, var(--ink));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent), var(--shadow-3);
  transform: translateX(-50%) scale(1.03);
}

@media (prefers-reduced-motion: reduce) {
  .egg-cursor-hint { display: none; }
}

@media (pointer: coarse), (hover: none) {
  .cmjolnir-cursor-wrap,
  .cghostpika-cursor-wrap,
  .egg-cursor-hint { display: none !important; }
}

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

.cstorm-thunder-svg .cmjolnir-thunder,
.cstorm-thunder-svg .cmjolnir-thunder-shadow {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 8; /* slightly heavier than Mjolnir so readable on big axe */
}

.cstorm-thunder-svg .cmjolnir-thunder { stroke: #94BDFF; }

.cstorm-thunder-svg .cmjolnir-thunder-shadow { stroke: #4089FF; filter: blur(20px); }

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