/* Shared checkmaya.com header + easter-egg overlay. Ink-on-paper, matches the comics. */
:root { --cm-ink: #111111; --cm-paper: #ffffff; --cm-pop: #ffd400; --cm-soft: #5f5f5f; }
.site-nav { max-width: 1080px; margin: 0 auto 26px; display: flex; align-items: center; justify-content: space-between;
  gap: 12px 18px; flex-wrap: wrap; padding-bottom: 14px; border-bottom: 3px solid var(--cm-ink);
  font-family: "Comic Neue", "Comic Sans MS", sans-serif; }
.site-nav .logo { font-family: "Bangers", Impact, sans-serif; font-size: 2.1rem; letter-spacing: 2px; line-height: 1;
  color: var(--cm-paper); -webkit-text-stroke: 2px var(--cm-ink); paint-order: stroke fill; text-shadow: 3px 3px 0 var(--cm-ink);
  text-decoration: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.site-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.site-nav ul a { display: block; color: var(--cm-ink); text-decoration: none; font-weight: 700; font-size: 1rem;
  border: 3px solid var(--cm-ink); border-radius: 999px; padding: 4px 13px; background: var(--cm-paper); }
.site-nav ul a:hover, .site-nav ul a:focus-visible { background: var(--cm-ink); color: var(--cm-paper); outline: none; }
.site-nav ul a[aria-current="page"] { background: var(--cm-pop); }
@media (max-width: 520px) {
  .site-nav { justify-content: center; }
  .site-nav ul { justify-content: center; gap: 6px; }
  .site-nav ul a { padding: 3px 10px; font-size: 0.95rem; }
}
@media print { .site-nav, .egg { display: none !important; } }

/* Easter-egg pop-up */
.egg { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; background: rgba(17,17,17,0.55);
  padding: max(16px, env(safe-area-inset-top, 0px)) 16px max(16px, env(safe-area-inset-bottom, 0px)); }
.egg-box { position: relative; background: var(--cm-paper); color: var(--cm-ink); border: 4px solid var(--cm-ink); border-radius: 22px;
  box-shadow: 8px 8px 0 var(--cm-ink); width: min(440px, 100%); padding: 24px 22px 20px; text-align: center;
  font: 400 1.1rem/1.45 "Comic Neue", "Comic Sans MS", sans-serif; animation: egg-pop 0.35s cubic-bezier(.2,1.6,.4,1); }
.egg-box h2 { font: 400 2.2rem/1 "Bangers", Impact, sans-serif; letter-spacing: 2px; margin: 0 0 10px; }
.egg-box p { margin: 0 0 12px; }
.egg-box .clue { background: var(--cm-pop); border: 3px solid var(--cm-ink); border-radius: 12px; padding: 10px 12px; font-weight: 700; }
.egg-box button { font: 700 1.05rem "Comic Neue", "Comic Sans MS", sans-serif; background: var(--cm-ink); color: var(--cm-paper);
  border: 0; border-radius: 999px; padding: 9px 24px; cursor: pointer; }
.egg-piece { position: fixed; top: -40px; z-index: 1001; font-size: 30px; pointer-events: none; animation: egg-fall linear forwards; }
@keyframes egg-pop { from { transform: scale(0.6) rotate(-4deg); opacity: 0; } }
@keyframes egg-fall { to { transform: translateY(110vh) rotate(540deg); } }
@media (prefers-reduced-motion: reduce) { .egg-box, .egg-piece { animation: none; } .egg-piece { display: none; } }