.egg-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:var(--bg,#fcfcfb);transition:opacity .4s}.egg-intro.leaving{opacity:0;pointer-events:none}.egg-intro-trigger{border:0;background:transparent;padding:0;width:min(70vw,360px);height:min(70vw,360px);touch-action:manipulation}.intro-stage{display:block;position:relative;width:100%;height:100%}.intro-whole-egg{position:absolute;width:48%;height:65%;left:26%;top:0;transform:translateY(-14vh)}.intro-result{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;opacity:0}.egg-intro.running .intro-whole-egg{animation:egg-drop 1.8s cubic-bezier(.42,0,.7,.35) forwards}.egg-intro.impact .intro-whole-egg{visibility:hidden}.egg-intro.impact .intro-result{opacity:1}@keyframes egg-drop{from{transform:translateY(-65vh)}to{transform:translateY(17.5%)}}@media(prefers-reduced-motion:reduce){.egg-intro.running .intro-whole-egg{animation:none;transform:translateY(17.5%)}}
.egg-intro{pointer-events:none}.intro-whole-egg{image-rendering:pixelated;width:48%;height:60%;left:26%;top:2%;}

.egg-intro{pointer-events:auto}.egg-intro-trigger{position:relative;cursor:pointer!important}.intro-whole-egg{top:17.5%;transform:none;animation:intro-pulse 1.6s ease-in-out infinite}.intro-label{position:absolute;top:calc(100% + 24px);left:-15%;width:130%;font:500 15px/1.4 Inter,sans-serif;color:#63686f;letter-spacing:.02em}.egg-intro-trigger:focus-visible{outline:2px solid #ffb600;outline-offset:14px;border-radius:24px}.egg-intro.running .intro-label{visibility:hidden}.egg-intro.running .intro-whole-egg{top:2%;animation:egg-drop 1.8s cubic-bezier(.42,0,.7,.35) forwards}@keyframes intro-pulse{50%{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.intro-whole-egg,.egg-intro.running .intro-whole-egg{animation:none;transform:none}}