/* egg_launch.css — rocket launch + landing-pad animation for the .egg easter egg.
   Add-on only: it decorates the existing .egg button and .egg-modal, it does not change them. Uses the site's CSS variables,
   so light and dark themes both work. */
.egl{position:fixed;inset:0;z-index:950;pointer-events:none;display:none;contain:layout style}
.egl.on{display:block}
.egl canvas{position:absolute;inset:0;width:100%;height:100%}
.egl-scrim{position:absolute;inset:0;background:rgba(10,11,14,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0}
/* the landing pad is a miniature of the game box (same surface, border, radius family) so it can unfold into it */
.egl-pad{position:absolute;left:0;top:0;width:0;height:0;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);
  border-radius:6px;box-shadow:0 12px 34px rgba(0,0,0,.28);opacity:0;will-change:left,top,width,height}
.egl-pad i{position:absolute;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--accent);animation:egl-blink .5s steps(1) infinite}
.egl-pad i:first-child{left:7px}
.egl-pad i:last-child{right:7px;animation-delay:.25s}
@keyframes egl-blink{50%{opacity:.25}}
.egl-rocket{position:absolute;left:0;top:0;color:var(--accent);will-change:transform,opacity;transition:color .18s}
.egl-sq{width:100%;height:100%;transform-origin:50% 81.25%}   /* squash about the fin tips (the "feet") */
.egl-rocket svg{display:block;width:100%;height:100%;overflow:visible}
.egl-rocket svg path,.egl-rocket svg circle{vector-effect:non-scaling-stroke;stroke-width:var(--egl-sw,1.5px)}
.egl-rocket svg path:first-of-type{fill:var(--surface)}
/* while the launch plays, the real modal is opened underneath but kept invisible; it is revealed when the pad has unfolded */
html.egl-hold .egg-modal{opacity:0!important;transition:none!important;pointer-events:none!important}
html.egl-rev .egg-backdrop{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.egl-hold .egg-toast{opacity:0!important;transition:none!important}
html.egl-hold .egg-box{transition:none!important;transform:none!important}
.egl.out .egl-pad,.egl.out .egl-scrim{opacity:0!important;transition:opacity .18s}
@media (prefers-reduced-motion:reduce){.egl{display:none!important}}