/* ============================================================
   MICRO EASTER EGGS — small, scattered, low-stakes.
   Logo-click counter, a typed "/break" terminal, hover word-swaps,
   and an idle nudge. Everything here is additive and isolated —
   deletable without touching the rest of the site.
   ============================================================ */

/* ---------- hover word-swaps ---------- */
.swap{position:relative;cursor:default;border-bottom:1px dashed rgba(245,255,0,.35)}
.swap .orig,.swap .alt{transition:opacity .22s ease}
.swap .alt{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;color:var(--acid,#F5FF00);pointer-events:none}
.swap:hover .orig{opacity:0}
.swap:hover .alt{opacity:1}

/* ---------- logo click counter toast ---------- */
#me-logo-toast{
  position:fixed;left:22px;bottom:22px;z-index:65;
  font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.06em;
  background:rgba(6,6,6,.94);border:1px solid #F5FF00;color:#EDEDED;padding:12px 16px;
  max-width:280px;transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.9,.2,1);
  box-shadow:0 0 24px rgba(245,255,0,.15);
}
#me-logo-toast.show{transform:translateY(0)}
#me-logo-toast b{color:#F5FF00;display:block;font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:4px}

/* ---------- /break footer terminal ---------- */
#me-term-wrap{
  position:fixed;left:50%;bottom:22px;z-index:70;transform:translate(-50%,140%) ;
  transition:transform .4s cubic-bezier(.2,.9,.2,1);
  width:min(92vw,460px);
}
#me-term-wrap.show{transform:translate(-50%,0)}
#me-term{
  background:rgba(4,4,4,.97);border:1px solid #F5FF00;padding:16px 18px;
  font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12.5px;line-height:1.7;
  color:#9aa4b2;box-shadow:0 0 30px rgba(245,255,0,.18);white-space:pre-wrap;
}
#me-term .p{color:#F5FF00}
#me-term .cursor{display:inline-block;width:.5em;height:1em;background:#F5FF00;vertical-align:-2px;animation:meBlink 1s steps(2) infinite}
@keyframes meBlink{50%{opacity:0}}

/* ---------- idle nudge ---------- */
#me-idle{
  position:fixed;right:22px;bottom:22px;z-index:60;
  font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.06em;
  background:rgba(6,6,6,.94);border:1px solid #333;color:#9aa4b2;padding:12px 16px;
  max-width:260px;transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.9,.2,1);
  display:flex;align-items:center;gap:10px;
}
#me-idle.show{transform:translateY(0)}
#me-idle a{color:#F5FF00;text-decoration:none;white-space:nowrap}
#me-idle a:hover{text-decoration:underline}
#me-idle .x{cursor:pointer;color:#666;flex:none}
#me-idle .x:hover{color:#EDEDED}

@media(max-width:640px){
  #me-logo-toast,#me-idle{left:12px;right:12px;bottom:12px;max-width:none}
  #me-idle{left:12px}
}