.public-home-original-top.is-egg-landing{min-height:0!important;padding-bottom:36px!important}
.public-home-original-top.is-egg-landing .landing-main{display:block;width:100%;padding:10px 0 0}
.landing-egg{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;overflow:hidden;width:100%;min-height:510px;background:#fffdf8;border:1px solid #e5e8d8;border-radius:32px;box-shadow:0 22px 60px #4058390c;color:#23423d}
.le-scene{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:480px;overflow:hidden;background:linear-gradient(180deg,#eef9ee18,#f6f8e62b),url('littlekin-meadow.webp') center/cover}
.le-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#f8fcf130 0%,transparent 45%,#f9fbedc9 100%);z-index:-1}
.le-scene-label{position:absolute;top:24px;left:24px;padding:7px 13px;border-radius:30px;color:#4a7355;background:#fffdf7de;font-size:12px;font-weight:600;letter-spacing:.015em}
.le-halo{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#fffbeac9,transparent 68%);pointer-events:none}
.le-egg{position:relative;width:300px;height:300px;margin-bottom:18px;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-origin:50% 88%;filter:drop-shadow(0 16px 12px #364a3623);z-index:2}
.le-egg>span{display:block;position:absolute;inset:0}.le-egg img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.le-egg-top{clip-path:polygon(0 0,100% 0,100% 48.5%,74% 48.5%,63.5% 52.5%,57.5% 46.5%,49.5% 53.5%,40% 46%,34.5% 52%,24.5% 48%,0 48%)}
.le-egg-bottom{clip-path:polygon(0 48%,24.5% 48%,34.5% 52%,40% 46%,49.5% 53.5%,57.5% 46.5%,63.5% 52.5%,74% 48.5%,100% 48.5%,100% 100%,0 100%)}
.le-crack{position:absolute;inset:0;width:100%;height:100%;stroke:#917c56;stroke-width:1.6;stroke-linecap:round;opacity:0;stroke-dasharray:110;stroke-dashoffset:110;transition:stroke-dashoffset .28s,opacity .28s}
.landing-egg[data-taps="1"] .le-crack{opacity:.6;stroke-dashoffset:78}.landing-egg[data-taps="2"] .le-crack{opacity:.8;stroke-dashoffset:40}.landing-egg[data-taps="3"] .le-crack,.landing-egg[data-taps="4"] .le-crack{opacity:1;stroke-dashoffset:0}
.le-progress{position:absolute;bottom:58px;display:flex;gap:7px}.le-progress i{height:6px;width:6px;border-radius:50%;background:#547d573b;transition:background .2s,transform .2s}.le-progress i.done{background:#518368;transform:scale(1.15)}
.le-hint{position:absolute;bottom:24px;left:10px;right:10px;text-align:center;font-size:13px!important;color:#43624c!important;line-height:1.4!important}
.le-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:44px 40px}
.le-copy h1,.public-home-story .le-copy h1{font-family:Outfit,system-ui,sans-serif;font-weight:650;font-size:clamp(32px,3.6vw,52px);line-height:1.05;letter-spacing:-.035em;margin:15px 0 17px;color:#23423d;overflow-wrap:anywhere}
.le-copy>p{font-size:16px!important;line-height:1.65!important;color:#708079}.le-copy .welcome-eyebrow{color:#8e9a75;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.le-controls{width:100%;margin-top:27px;min-height:88px;display:flex;flex-direction:column;align-items:stretch;gap:11px}
.le-primary{width:100%;min-height:50px;border-radius:15px;justify-content:center;font-size:15px;font-weight:600;box-shadow:0 8px 20px #ef7b4d1b}.le-primary:disabled{opacity:.7}
.le-controls>small,.le-name-form>small{display:block;text-align:center;color:#7d887b;font-size:12px;line-height:1.6}
.le-copy .le-status{font-size:12px!important;min-height:0;margin-top:8px;color:#9f593c!important}.le-status:empty{display:none}
.le-signin{font-size:12px!important;color:#7f8d83!important;margin-top:19px;align-self:center}.le-retry{font-size:13px;margin-top:6px}
.le-pet{position:absolute;inset:0;margin:auto;width:320px;height:320px;border:0;background:none;cursor:pointer;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:3}
.le-pet[hidden],.le-egg[hidden],.le-retry[hidden]{display:none!important}
.le-pet .creature-portrait{display:block;position:relative;container-type:size;width:100%;height:100%;mix-blend-mode:normal;filter:drop-shadow(0 12px 7px #40583518)}
.le-pet .creature-portrait{transform:scale(1.22);transform-origin:center}.le-heart{position:absolute;color:#ec8b91;font-size:35px;left:62%;top:30%;opacity:0;z-index:4;pointer-events:none}
.le-sparkles{position:absolute;inset:0;pointer-events:none;z-index:4}.le-sparkles i{position:absolute;opacity:0;color:#f6cb68;font-size:26px;font-style:normal;text-shadow:0 0 8px #fff}.le-sparkles i:nth-child(1){left:23%;top:25%}.le-sparkles i:nth-child(2){left:72%;top:37%}.le-sparkles i:nth-child(3){left:24%;top:66%}.le-sparkles i:nth-child(4){left:68%;top:65%}.le-sparkles i:nth-child(5){left:58%;top:18%}.le-sparkles i:nth-child(6){left:14%;top:43%}
.landing-egg.le-hatching .le-egg-top{animation:le-shell-up 1s ease-in forwards}.landing-egg.le-hatching .le-egg-bottom{animation:le-shell-down 1s ease-in forwards}.landing-egg.le-hatching .le-crack{opacity:0}.landing-egg.le-hatching .le-sparkles i{animation:le-spark 1.4s ease-out both}.le-sparkles i:nth-child(2n){animation-delay:.15s!important}
.landing-egg.le-hatched .le-progress{display:none}.landing-egg.le-hatched .le-scene-label{background:#fffdf7ef}.landing-egg.le-hatched .le-pet{animation:le-arrive .75s cubic-bezier(.2,.8,.2,1) both}
.le-name-form{width:100%;display:grid;gap:10px}.le-name-form label{font-size:13px;font-weight:600;color:#486456}.le-name-form input{font:inherit;font-size:16px;width:100%;min-width:0;border:1px solid #d9e2d4;border-radius:12px;background:#fff;padding:12px 14px;color:#23423d;outline-offset:3px}.le-name-form input:focus{outline:2px solid #92b6a3}.le-name-form small{text-align:left;font-size:11px}.le-name-form .le-primary{margin-top:4px}
.le-auth-pet{display:flex;align-items:center;gap:13px;margin:0 0 16px;padding:12px 15px;border-radius:16px;background:#f4f8ed}.le-auth-pet .creature-portrait{width:66px;height:66px;min-width:66px;container-type:size;position:relative}.le-auth-pet p{margin:0;font-size:14px;line-height:1.6}.le-auth-pet strong{display:block;color:#35564b}
.le-home{text-align:center}.le-home>.creature-portrait{width:210px;height:210px;margin:0 auto;container-type:size;position:relative;display:block}.le-home p{line-height:1.65;margin:8px 0 20px}.le-home .button{width:100%}
.le-egg:focus-visible,.le-pet:focus-visible{outline:3px solid #477d64;outline-offset:5px;border-radius:45%}
@keyframes le-shell-up{to{transform:translate(-26px,-85px) rotate(-30deg);opacity:0}}@keyframes le-shell-down{to{transform:translate(23px,78px) rotate(17deg);opacity:0}}@keyframes le-arrive{0%{opacity:0;transform:translateY(35px) scale(.65)}65%{opacity:1;transform:translateY(-7px) scale(1.04)}100%{transform:none;opacity:1}}@keyframes le-spark{0%{opacity:0;transform:scale(.1)}35%{opacity:1}100%{opacity:0;transform:translateY(-28px) scale(1.4)}}
@media(max-width:700px){.public-home-original-top.is-egg-landing{padding-bottom:23px!important;margin-bottom:24px}.landing-egg{grid-template-columns:1fr;min-height:0;border-radius:24px}.le-scene{min-height:265px;height:265px}.le-egg{width:215px;height:215px;margin-bottom:5px}.le-pet{width:235px;height:235px}.le-scene-label{font-size:10px;top:13px;left:13px;padding:5px 9px}.le-hint{bottom:12px;font-size:11px!important}.le-progress{bottom:36px}.le-copy{padding:24px 23px 23px;align-items:center;text-align:center}.le-copy h1,.public-home-story .le-copy h1{font-size:32px;margin:11px 0 12px}.le-copy>p{font-size:14px!important;line-height:1.6!important}.le-controls{margin-top:20px;min-height:79px}.le-primary{min-height:47px;font-size:14px}.le-signin{margin-top:13px}.le-name-form{text-align:left}.le-halo{width:270px;height:270px}}
@media(max-width:370px){.le-scene{min-height:232px;height:232px}.le-copy{padding:20px}.le-copy h1,.public-home-story .le-copy h1{font-size:29px}.le-egg{width:194px;height:194px}.le-pet{width:210px;height:210px}}
@media(prefers-reduced-motion:reduce){.landing-egg *{animation:none!important;transition:none!important}.landing-egg.le-hatching .le-egg{opacity:0}}
