:root{font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;color:#304a3d;background:#f8f4e9;font-synthesis:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}img{-webkit-user-drag:none;user-select:none}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:3px solid #ee9b48;outline-offset:4px}button:disabled{cursor:default}button:hover{filter:brightness(1.025)}button:active{transform:translateY(2px)}.app{height:100dvh;height:var(--vh,100dvh);max-width:1440px;margin:auto;display:flex;flex-direction:column;padding:22px 44px 16px;gap:16px}header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-size:21px;font-weight:900;letter-spacing:1px}.brand-icon{font-size:32px;background:#e6eddb;padding:8px;border-radius:20px}.brand small{display:block;font-size:11px;letter-spacing:.3px;font-weight:500;margin-top:4px;color:#829080}nav{display:flex;align-items:center;gap:12px}.icon{width:44px;height:44px;border-radius:50%;background:#fffaf2;border:1px solid #dedfd3;font-size:25px}.collection{display:flex;gap:12px;align-items:center;padding:12px 18px;background:#fffaf2;border:1px solid #dedfd3;border-radius:18px;font-size:13px;font-weight:700}.collection>span{font-size:22px}.collection b{background:#e7efdd;padding:5px 9px;border-radius:9px;font-size:12px}.world{position:relative;overflow:hidden;isolation:isolate;border:1px solid #dbe2ce;border-radius:32px;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#e8f0dfdd,#f2f3dde8 75%,#d6e0b6f2)}.world:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#fffdf3a8,transparent 60%);z-index:-1}.heading{text-align:center;padding:26px 12px 0;z-index:2;flex-shrink:0}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:800;color:#7e9475}h1{font-size:clamp(23px,3.5vw,42px);letter-spacing:-1.5px;margin:9px 0;color:#38553b}p{font-size:14px;color:#7a8a72;line-height:1.5;margin:6px 0}.scene{width:100%;flex:1;min-height:90px;position:relative;display:grid;place-items:center}.sun{position:absolute;height:95%;aspect-ratio:1;border-radius:50%;background:#fffae480;filter:blur(5px)}.ground{position:absolute;width:75%;height:20%;bottom:0;border-radius:50%;background:#a7b77c25;filter:blur(6px)}#egg{height:100%;max-height:390px;aspect-ratio:1;position:relative;background:transparent;display:grid;place-items:center;padding:0;z-index:3}#eggImage{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 12px #5c6a4115);position:relative;z-index:2;pointer-events:none}#egg.wiggle #eggImage{animation:wiggle .3s ease}#egg.hatching #eggImage{animation:hatch .9s ease-in forwards}.halo{position:absolute;width:58%;height:58%;border-radius:50%;background:#fff6c580;box-shadow:0 0 60px #fff8c0;animation:breathe 3s infinite}.tap-label{position:absolute;bottom:4%;z-index:4;background:#fffcf4f0;padding:9px 18px;border-radius:20px;color:#657355;font-size:12px;box-shadow:0 4px 20px #40562a0b;white-space:nowrap}.tap-label span{margin-left:8px}.friend{position:absolute;width:22%;height:72%;max-height:270px;object-fit:contain;bottom:1%;opacity:.8;filter:drop-shadow(0 12px 8px #445c3612)}.left{left:9%;transform:rotate(-8deg)}.right{right:9%;transform:rotate(8deg)}.spark{position:absolute;color:#d5b86d;font-size:26px}.s1{left:32%;top:17%}.s2{right:28%;top:39%;font-size:18px}.s3{left:25%;bottom:20%;font-size:16px}.controls{width:min(360px,80%);z-index:5;padding:8px 0 23px;flex-shrink:0}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:#7d8e69;margin-bottom:8px}.progress{height:7px;border-radius:6px;background:#d4dfbe;overflow:hidden;margin-bottom:16px}.progress>div{height:100%;width:0;background:#82995c;border-radius:6px;transition:width .2s}.primary{width:100%;padding:16px 16px;background:#e8a261;color:#fffdf7;font-size:15px;font-weight:800;border-radius:18px;box-shadow:0 5px 0 #cf8950,0 8px 16px #caa07430;display:flex;justify-content:center;gap:25px}.primary:disabled{opacity:.6}.helper{display:block;text-align:center;font-size:10px;color:#8a957a;margin-top:14px}footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#90947f;flex-shrink:0}footer button{font-size:11px;background:transparent;color:#788568;padding:5px}dialog{border:1px solid #e4e9d7;border-radius:28px;background:#fffdf5;color:#3c5740;box-shadow:0 25px 120px #18361f33;padding:26px;max-height:90dvh;max-width:calc(100% - 30px);width:560px;overflow:auto}dialog::backdrop{background:#314c4266;backdrop-filter:blur(8px)}.reward-card{text-align:center}h2{font-size:25px;letter-spacing:-.6px;margin:10px 0}.reward-image{height:240px;position:relative;background:radial-gradient(circle,#ecf2cf,transparent 68%)}.reward-image img{height:100%;width:100%;object-fit:contain;animation:pop .5s ease-out}.reward-image span{position:absolute;top:15%;right:18%;font-size:32px;color:#e8b95f}.reward-card p{margin:8px 0 24px}.text-button{background:transparent;color:#839071;font-size:12px;margin-top:20px}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.shelf-note{font-size:12px;margin-bottom:20px}#grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pet{background:#f1f3e8;padding:8px 4px;border-radius:18px;text-align:center;font-size:11px}.pet img{width:100%;aspect-ratio:1;object-fit:contain}.pet.locked img{filter:brightness(0);opacity:.1}.pet b{display:block;margin:5px 0}.pet small{color:#8e987e;font-size:10px}#levels{display:grid;gap:10px;margin-top:20px}.level{background:#edf2e4;padding:15px;border-radius:12px;display:flex;justify-content:space-between}.level.selected{outline:2px solid #8ea36d}#particles{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.particle{position:absolute;left:50%;top:50%;font-size:23px;color:#d4a654;animation:particle .7s forwards;transform:translate(-50%,-50%)}@keyframes particle{to{transform:translate(var(--x),var(--y)) rotate(50deg);opacity:0}}@keyframes wiggle{25%{transform:rotate(-7deg) scale(.96)}70%{transform:rotate(6deg) scale(1.04)}100%{transform:rotate(0)}}@keyframes hatch{30%{transform:scale(1.12) rotate(-8deg)}65%{transform:scale(1.15) rotate(8deg);filter:brightness(1.4)}100%{transform:scale(.2);opacity:0}}@keyframes pop{from{transform:scale(.2) rotate(-10deg);opacity:0}to{transform:scale(1);opacity:1}}@keyframes breathe{50%{transform:scale(1.12);opacity:.6}}
@media(max-width:600px){.app{padding:max(14px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));gap:13px}.brand{font-size:16px;gap:7px}.brand-icon{font-size:25px;padding:6px}.brand small{font-size:8px;letter-spacing:0}.collection{padding:8px 10px;gap:5px;font-size:0}.collection b{font-size:11px}.icon{width:37px;height:37px;font-size:22px}nav{gap:7px}.world{border-radius:25px}.heading{padding-top:28px}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:27px;letter-spacing:-1px;max-width:270px;margin:10px auto}.heading p{font-size:11px;padding:0 15px}.friend{width:30%;bottom:2%;height:40%;opacity:.65}.left{left:-4%;transform:rotate(-12deg)}.right{right:-4%;transform:rotate(12deg)}#egg{max-width:95%;max-height:390px}.controls{padding-bottom:25px}.helper{font-size:9px}.primary{font-size:14px}.s1{left:16%}.s2{right:11%}footer>span{font-size:9px;max-width:145px}footer button{font-size:10px}dialog{padding:22px}h2{font-size:22px}.reward-image{height:min(240px,34dvh)}#grid{grid-template-columns:repeat(2,1fr)}.pet img{max-height:110px}.tap-label{font-size:11px}}
@media(max-height:650px){.app{padding-top:8px;padding-bottom:8px;gap:8px}.heading{padding-top:12px}h1{font-size:25px;margin:5px auto}.heading p{font-size:11px}.controls{padding-bottom:14px;padding-top:0}.primary{padding:12px}.helper{margin-top:10px}.tap-label{padding:5px 12px}.reward-image{height:30dvh}footer{font-size:9px}}
@media(orientation:landscape) and (max-height:550px){.app{padding:8px 18px;gap:6px}header .brand small{display:none}.brand-icon{font-size:19px;padding:3px}.brand{font-size:16px}.collection{padding:4px 12px}.icon{width:32px;height:32px}.world{display:grid;grid-template-columns:1fr 42%;grid-template-rows:auto 1fr;border-radius:20px}.heading{grid-column:1 / 3;padding:10px}.heading h1{font-size:23px;max-width:none}.heading .eyebrow{display:none}.heading p{margin:0}.scene{height:100%;grid-column:1;grid-row:2}.controls{grid-column:2;grid-row:2;width:85%;align-self:center;padding:0}.friend{height:60%;width:23%}.tap-label{display:none}.left{left:0}.right{right:0}footer{font-size:9px}.helper{font-size:8px}#grid{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}
:root{--habitat:#d18569;--sky:#f7ddd0}.world{background:linear-gradient(180deg,var(--sky),#fffaf0d9 75%,var(--sky));transition:background .3s}.heading{padding-top:14px}.egg-picker{background:#fffdf0d9;border:1px solid #fff;padding:9px 16px;border-radius:18px;color:#55654e;font-size:14px;font-weight:800}.progress>div{background:var(--habitat)}.primary{background:var(--habitat);box-shadow:0 5px 0 color-mix(in srgb,var(--habitat),#3b302d 18%),0 8px 16px #caa07430}#egg[data-stage="3"] .halo,#egg[data-stage="4"] .halo{background:#fff4babb;animation:breathe 1s infinite}#egg.crack-pop #eggImage{animation:crackPop .4s ease}#egg[data-stage="4"]:not(.hatching) .halo{box-shadow:0 0 65px #fff2ab}#egg.hatching #eggImage{animation:hatch .9s ease-in forwards}#worlds{width:700px}#worldGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:15px}.world-option{padding:8px 5px 12px;background:#f0f3e8;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:5px}.world-option.selected{outline:3px solid var(--habitat)}.world-option img{width:100%;aspect-ratio:1;object-fit:contain}.world-option strong{font-size:13px}.world-option span{font-size:11px;color:#7a856c;line-height:1.4}.filter-label{font-size:12px;margin-right:10px}#shelfHabitat{font:inherit;font-size:14px;padding:8px;border:1px solid #cbd7bd;border-radius:10px;background:#f6f9f0;color:#41543d}#shelfCount{font-size:13px;margin:14px 0}#grid{grid-template-columns:repeat(5,1fr)}.shelf-note{margin-bottom:12px}.pet b{font-size:12px}.helper{font-size:12px}.progress-label{font-size:12px}.heading p{font-size:14px}.collection{font-size:14px}@keyframes crackPop{20%{transform:scale(.94) rotate(-9deg)}45%{transform:scale(1.07) rotate(8deg);filter:brightness(1.15)}75%{transform:rotate(-4deg)}100%{transform:scale(1)}}
@media(max-width:600px){.heading{padding-top:13px}.egg-picker{font-size:13px;padding:8px 12px}h1{font-size:25px;margin:8px auto}.heading p{font-size:12px}.helper{font-size:10px}.collection{font-size:0}#worldGrid{grid-template-columns:repeat(2,1fr);gap:12px}.world-option img{height:100px;width:100px}.world-option strong{font-size:14px}.world-option span{font-size:12px}#grid{grid-template-columns:repeat(2,1fr)}.controls{padding-bottom:18px}}
@media(orientation:landscape) and (max-height:550px){.heading{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px}.heading p{display:none}.heading h1{font-size:21px;margin:0}.egg-picker{font-size:12px}#worldGrid{grid-template-columns:repeat(5,1fr)}.world-option img{height:75px;width:75px}.world-option strong{font-size:12px}.world-option span{font-size:10px}#grid{grid-template-columns:repeat(5,1fr)}.helper{font-size:10px}}
@media(prefers-reduced-motion:reduce){#egg.crack-pop #eggImage,#egg.hatching #eggImage,#egg .halo{animation-duration:.01ms!important;animation-iteration-count:1!important}}
#egg[hidden]{display:none}.friend[hidden]{display:none}#choice[hidden]{display:none}#choice{width:100%;height:100%;z-index:3;display:flex;align-items:center;justify-content:center;gap:clamp(6px,2vw,20px);padding:0 10px}
.choice-egg{flex:1 1 0;min-width:0;max-width:210px;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:7px;transition:transform .5s ease,opacity .5s ease}
.choice-egg img{width:100%;max-height:min(250px,32dvh);object-fit:contain;filter:drop-shadow(0 14px 11px #5c6a4118);animation:pop .4s ease-out}
.choice-egg strong{font-size:12px;line-height:1.25;text-align:center;color:#5d6b52;background:#fffcf4e6;padding:5px 9px;border-radius:14px}
.choice-egg.taken{transform:scale(1.3)}.choice-egg.gone{transform:scale(.35);opacity:0;pointer-events:none}
.mode-option{grid-column:1/-1;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:12px 16px;background:#eaf1df}
.mode-option strong{font-size:14px;white-space:nowrap}
@media(max-width:600px){.choice-egg strong{font-size:11px;padding:4px 7px}.mode-option{padding:10px 12px;gap:6px;flex-direction:column;align-items:flex-start}}
.copy-count{display:inline-block;padding:7px 14px;margin:0 0 22px;border-radius:12px;background:#edf4db;font-size:13px;color:#6c804b}#reward[data-kind="new"] #badge{color:#548642}#reward[data-kind="duplicate"] #badge{color:#b08536}#reward[data-kind="duplicate"] .reward-image{background:radial-gradient(circle,#fff0c1,transparent 68%)}#reward[data-kind="duplicate"] .copy-count{background:#fff0ce;color:#9b7335}.reward-card p{margin-bottom:12px}#worlds{width:760px}#worldGrid{gap:14px}.world-option strong{font-size:14px}.world-option span{font-size:12px}.world-option.selected{outline-offset:2px}