/* === Easter Egg & Story Styles === */
.vg-egg-btn{
  position: fixed; right: 16px; bottom: 16px; z-index: 60;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15);
  border-radius: 14px; padding: 10px 12px; backdrop-filter: blur(6px);
  cursor: pointer; transition: transform .2s ease, background .2s ease;
}
.vg-egg-btn:hover{ transform: translateY(-2px); background: rgba(255,255,255,.10); }
.vg-egg-overlay{
  position: fixed; inset: 0; z-index: 70; background: rgba(6,6,10,.85);
  display: none; align-items: center; justify-content: center; backdrop-filter: blur(4px);
}
.vg-egg-overlay.active{ display: flex; }
.vg-egg-card{
  width: min(92vw, 720px); padding: 16px; border-radius: 20px;
  background: #0f1120; border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 10px 40px rgba(0,0,0,.45);
}
.vg-egg-head{ display: flex; align-items: center; justify-content: space-between; color: #fff; }
.vg-egg-close{ cursor: pointer; border: 1px solid rgba(255,255,255,.2); padding: 6px 10px; border-radius: 10px; }
#void-runner{ width: 100%; height: 360px; background:#0b0b12; border-radius: 14px; display:block}
.vg-egg-help{ color:#cbd5e1; font-size:12px; margin-top:8px; }

/* Pinned Journey section */
.journey{
  position: relative; overflow: hidden;
}
.journey .pin{
  position: sticky; top: 80px; align-self: start;
  border: 1px solid rgba(255,255,255,.12); border-radius: 20px; padding: 20px;
  background: rgba(255,255,255,.04); backdrop-filter: blur(4px);
}
.journey .step{
  border: 1px solid rgba(255,255,255,.12); border-radius: 16px; padding: 16px;
  background: rgba(255,255,255,.03);
}
.journey .progress{
  height: 6px; background: rgba(255,255,255,.12); border-radius: 999px; overflow:hidden;
}
.journey .bar{ height:100%; width:0%; background: linear-gradient(90deg,#6366f1,#ec4899); }