*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#f8f3e9;color:#302a21;font-family:ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif}body{background:radial-gradient(circle at 50% 0,#fffdf8 0,#f8f3e9 42%,#f3ecdf 100%)}button{font:inherit}main{max-width:760px;margin:0 auto;min-height:100vh;min-height:100dvh;padding:20px 18px 90px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd4c5;padding:8px 0 18px;position:relative}h1{font-size:28px;margin:0;letter-spacing:-.04em;color:#3b2c1d}header p{margin:4px 0 0;font-size:12px;color:#817769}.login{border:1px solid #cfc3b2;border-radius:999px;background:#fffaf1;padding:9px 13px;font-size:12px;cursor:pointer}.accountWrap{position:relative}.accountButton{border:0;border-radius:999px;background:#fffaf1b8;padding:4px 7px 4px 4px;display:flex;align-items:center;gap:7px;cursor:pointer;max-width:230px}.accountButton img,.accountIdentity img{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block;flex:0 0 36px}.accountName{font-size:12px;font-weight:700;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chev{font-size:12px;color:#827a6f}.avatarFallback{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#596b47;color:#fff;font-size:12px;font-weight:700;flex:0 0 36px}.avatarFallback.large{width:40px;height:40px}.accountMenu{position:absolute;right:0;top:48px;width:270px;background:#fffaf1;border:1px solid #d8cfbf;border-radius:16px;box-shadow:0 16px 38px #4b42352a;padding:12px;z-index:20;text-align:left}.accountIdentity{display:flex;align-items:center;gap:10px;padding:4px 4px 12px;border-bottom:1px solid #e5ddcf}.accountIdentity img{width:40px;height:40px;flex-basis:40px}.accountIdentity strong{display:block;font-size:13px}.accountIdentity small{display:block;font-size:10px;color:#857d71;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:185px}.accountMenu>button{width:100%;border:0;background:transparent;text-align:left;padding:11px 7px 4px;font-size:12px;cursor:pointer;color:#514b43}nav{display:flex;gap:8px;margin:18px 0}nav button{border:1px solid transparent;background:transparent;padding:9px 15px;border-radius:999px;color:#756f66;cursor:pointer;font-weight:700}nav button.active{background:#637b4c;color:white;box-shadow:0 4px 12px #637b4c25}nav span{opacity:.7}.play{text-align:center;padding-top:8px}.status{font-size:12px;letter-spacing:.14em;color:#7d745f;font-weight:700}.touchTarget{width:340px;height:345px;max-width:92vw;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;margin:3px auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.touchTarget:active{transform:scale(.99)}.eggArt,.eggIllustration{width:235px;height:294px}.eggArt{overflow:visible;transition:.18s}.eggArt.stage3,.eggArt.stage4{animation:wobble .42s infinite alternate}@keyframes wobble{0%{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}}.creature{position:relative;width:245px;height:245px;display:grid;place-items:center;transition:transform .35s ease;padding:8px;isolation:isolate}.creatureGlow{position:absolute;inset:24px;border-radius:50%;background:radial-gradient(circle,#fff8db 0,#f4e7bd88 45%,transparent 72%);filter:blur(3px);z-index:-1}.creature.baby{transform:scale(.72)}.creature.child{transform:scale(.91)}.creature.adult{transform:scale(1.12)}.creatureIllustration{overflow:visible}.creatureIllustration img,.creatureIllustration svg{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block;filter:drop-shadow(0 13px 12px #6f5a4030)}.creatureFallback{width:82%;height:82%;border-radius:44% 56% 50% 50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#fffdf5 0,#f4e6c9 55%,#dec08e 100%);border:1px solid #dcc7a4;box-shadow:0 12px 26px #6f5a4024}.creatureFallback span{position:static;background:transparent;border:0;box-shadow:none;padding:0;font-size:88px;line-height:1}.creature span{position:absolute;bottom:-5px;background:#fffaf0e8;border:1px solid #e8dbc7;padding:5px 11px;border-radius:999px;font-weight:700;font-size:12px;box-shadow:0 4px 12px #6f5a4014}.message{min-height:42px;font-size:16px;font-weight:700;margin:0 auto 10px;max-width:430px}.eggProgress,.growthPanel{max-width:390px;margin:4px auto 16px;background:#fffaf1b8;border:1px solid #e4d8c6;border-radius:18px;padding:13px 15px;box-shadow:0 8px 24px #7a664812}.eggProgress{display:grid;grid-template-columns:1fr auto;grid-gap:8px 12px;gap:8px 12px;align-items:center;text-align:left}.progressTrack{height:11px;border-radius:999px;background:#eadfc9;overflow:hidden;border:1px solid #dbc8a5}.progressTrack i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#efbd78,#e8907e);transition:width .25s}.eggProgress strong{font-size:12px;color:#6f6559;white-space:nowrap}.eggProgress small{grid-column:1/3;text-align:center;color:#968979;font-size:10px}.growthPanel{text-align:left}.growthLabels{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.growthLabels strong{font-size:13px;color:#586c45}.growthLabels span{font-size:10px;color:#8c806e}.growthTrack i{background:linear-gradient(90deg,#9fb77f,#d8b66d)}.growthSteps{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:#a19685}.growthSteps .now{color:#536943;font-weight:800}.card{max-width:430px;margin:0 auto;background:#fffaf1;border:1px solid #ddd2c1;border-radius:18px;padding:15px 16px;text-align:left;box-shadow:0 8px 24px #7a66480d}.cardTop{display:flex;align-items:center;justify-content:space-between}.card p{margin:8px 0;font-size:14px}.card small,.hint{color:#877f73;font-size:11px}.rarity{font-size:9px;letter-spacing:.08em;border:1px solid;padding:4px 7px;border-radius:999px;display:inline-block}.rarity.common{background:#edf1e7}.rarity.rare{background:#e4edf5}.rarity.epic{background:#eee4f4}.rarity.legendary{background:#fff0bd}.dexBadges{display:flex;align-items:center;gap:7px}.lineage{display:inline-block;border:1px solid #d7b86f;border-radius:999px;background:#fff8df;color:#806127;padding:4px 8px;font-size:9px;font-weight:800}.dexIntro{padding:10px 2px 18px}.dexIntro h2{margin:0;font-size:18px;color:#4e603f}.dexIntro p{font-size:12px;color:#777064}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;width:100%;min-width:0}.grid article{min-width:0;min-height:370px;border-radius:18px;padding:14px;border:1px solid #ddd2c1;background:#fffaf1;position:relative;content-visibility:auto;contain-intrinsic-size:370px;box-shadow:0 8px 22px #7a66480d}.grid article.locked{background:#ece7de;color:#9a9389}.no{font-size:9px;letter-spacing:.1em;color:#92897d}.dexArt{height:130px;display:grid;place-items:center;margin:5px 0 2px}.locked .dexArt span{font-size:38px;opacity:.3}.grid h3{margin:5px 0 8px;font-size:15px}.grid p{font-size:12px;line-height:1.7}.grid small{color:#7c7469}.grid a,.grid small{font-size:10px;display:block;overflow-wrap:anywhere}.grid a{margin-top:13px;color:#5b6f75;text-decoration:none}footer{position:fixed;bottom:0;left:0;right:0;text-align:center;background:#35352fee;color:#fff;padding:11px 15px calc(11px + env(safe-area-inset-bottom));font-size:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width:520px){main{padding:12px 14px calc(75px + env(safe-area-inset-bottom))}.touchTarget{height:310px}.eggArt,.eggIllustration{width:215px;height:269px}.creature{width:220px;height:220px}.creatureFallback span{font-size:76px}.grid{grid-template-columns:minmax(0,1fr);gap:12px}.grid article{min-height:0;padding:16px;contain-intrinsic-size:390px}.dexArt{width:100%;height:190px}.dexArt .creatureIllustration{width:min(190px,100%);height:180px;overflow:visible}.dexArt .creatureIllustration img{width:100%;height:100%;object-fit:contain;transform:none}.grid h3{font-size:20px}.grid p{margin:14px 0}header p{display:none}.login{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountButton{padding:3px;gap:5px}.accountButton img,.avatarFallback{width:34px;height:34px;flex-basis:34px}.accountName{display:inline;max-width:90px;font-size:11px}.accountMenu{width:min(270px,calc(100vw - 28px))}.eggProgress,.growthPanel{max-width:320px}}.accountButton,.touchTarget,button,nav button{-webkit-tap-highlight-color:transparent}.touchTarget{outline:none!important;background:transparent!important;box-shadow:none!important;-moz-appearance:none;appearance:none;-webkit-appearance:none}.touchTarget:active,.touchTarget:focus,.touchTarget:focus-visible{outline:none!important;background:transparent!important;box-shadow:none!important;filter:none!important}.touchTarget:active{transform:scale(.992)}.play{position:relative}.play:before{content:"";position:absolute;left:50%;top:82px;width:310px;height:310px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#ead7a65c 0,#e8d5a530 43%,transparent 72%);pointer-events:none}.eggIllustration{width:225px;height:282px;z-index:1;transition:transform .16s ease}.eggIllustration svg{width:100%;height:100%;display:block;overflow:visible}.eggIllustration.stage3,.eggIllustration.stage4{animation:eggWobble .55s ease-in-out infinite alternate}@keyframes eggWobble{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}.creatureIllustration svg{width:100%;height:100%;display:block}.creature{background:linear-gradient(180deg,#fffaf0,#f5ead7);border:1px solid #dac6a3;box-shadow:0 18px 34px #725f3b24}.dexArt .creatureIllustration{width:125px;height:125px}.grid article.seen{background:linear-gradient(180deg,#fffaf1,#f7edde);border-color:#dbc9aa}.message{font-weight:650;color:#40372c;transition:opacity .15s ease}.progressTrack{background:#e4d2af;border-color:#cdb17d}.progressTrack i{background:linear-gradient(90deg,#d4aa62,#aa762f)}.creature{border-radius:47% 53% 45% 55%/52% 46% 54% 48%;overflow:visible;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .45s ease,box-shadow .45s ease}.creature.baby{transform:scale(.76) rotate(-1.2deg);background:linear-gradient(155deg,#fff8ed,#f8decd);border-color:#e6c1a7;box-shadow:0 17px 34px #b6794b22}.creature.child{transform:scale(.94) rotate(.7deg);background:linear-gradient(155deg,#fffaf0,#e5efcf);border-color:#bfd09f;box-shadow:0 19px 38px #78934c25}.creature.adult{transform:scale(1.1);background:linear-gradient(155deg,#fffbec,#f0e2b8);border-color:#d8bd72;box-shadow:0 23px 48px #9b782e2c}.creature.baby .creatureGlow{background:radial-gradient(circle,#ffe8dc 0,#f5ceb855 46%,transparent 72%)}.creature.child .creatureGlow{background:radial-gradient(circle,#f2f7d9 0,#d8e7a866 46%,transparent 72%)}.creature.adult .creatureGlow{inset:8px;background:radial-gradient(circle,#fff6c9 0,#f2cf6d5c 48%,transparent 73%);filter:blur(1px)}.growth-baby svg{filter:drop-shadow(0 11px 10px #815e4325)}.growth-child svg{filter:drop-shadow(0 14px 11px #66804b28)}.growth-adult svg{filter:drop-shadow(0 16px 13px #96732b30)}.baby-decoration{animation:babyBreath 1.8s ease-in-out infinite alternate;transform-origin:100px 155px}.child-decoration{animation:childSpark 2.1s ease-in-out infinite alternate;transform-origin:100px 110px}.adult-decoration{animation:adultShine 2.3s ease-in-out infinite alternate;transform-origin:100px 100px}@keyframes babyBreath{0%{transform:scale(.98)}to{transform:scale(1.015)}}@keyframes childSpark{0%{opacity:.62}to{opacity:1}}@keyframes adultShine{0%{opacity:.58;transform:rotate(-1deg)}to{opacity:1;transform:rotate(1deg)}}.creature.baby>span{background:#fff2e8;border-color:#eccab5}.creature.child>span{background:#f5f9e9;border-color:#cbd9ae}.creature.adult>span{background:#fff8dd;border-color:#dfc77f}.dexArt .growth-decoration{display:none}@media(max-width:520px){.play:before{top:76px;width:280px;height:280px}.eggIllustration{width:210px;height:265px}.dexArt .creatureIllustration{width:100px;height:100px}}@media(prefers-reduced-motion:reduce){.adult-decoration,.baby-decoration,.child-decoration{animation:none}}.touchTarget{width:360px;height:330px}.eggIllustration{position:relative;width:286px;height:286px;display:grid;place-items:center;transform-origin:50% 82%}.eggArt{object-fit:contain;filter:drop-shadow(0 17px 15px rgb(91 66 42/18%));transition:transform .18s ease,filter .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.eggArt,.eggCracks{width:100%;height:100%}.eggCracks{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 1px 0 rgb(255 255 255/45%))}.eggCracks path{fill:none;stroke:#70472f;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.eggIllustration.stage1 .eggArt{transform:rotate(-.5deg) scale(1.005)}.eggIllustration.stage2 .eggArt{transform:rotate(.7deg) scale(1.01)}.eggIllustration.stage3,.eggIllustration.stage4{animation:painted-egg-wobble .42s ease-in-out infinite alternate}@keyframes painted-egg-wobble{0%{transform:rotate(-1.5deg) translateY(1px)}to{transform:rotate(1.5deg) translateY(-1px)}}.creature{width:260px;height:260px}.creatureGlow{inset:18px;background:radial-gradient(circle,#fff8db 0,#f4e7bd9c 43%,transparent 73%)}.creatureIllustration{position:relative;width:100%;height:100%;display:grid;place-items:center;isolation:isolate}.creatureIllustration img{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 12px 12px rgb(75 55 34/13%));transition:transform .32s ease,filter .32s ease}.creatureIllustration.growth-baby img{transform:scale(.98);filter:saturate(.94) drop-shadow(0 8px 9px rgb(75 55 34/12%))}.creatureIllustration.growth-child img{transform:scale(1);filter:saturate(1.02) drop-shadow(0 11px 11px rgb(75 55 34/14%))}.creatureIllustration.growth-adult img{transform:scale(1.02);filter:saturate(1.07) contrast(1.015) drop-shadow(0 15px 14px rgb(75 55 34/16%))}.creatureIllustration:after{position:absolute;top:13%;right:8%;width:12px;height:12px;transform:rotate(45deg) scale(.6);border-radius:3px;background:#f6d873;box-shadow:-136px 48px 0 -2px #fff0ae,-20px 150px 0 -3px #f4ba9b;content:"";opacity:0;transition:opacity .3s ease,transform .3s ease}.creatureIllustration.growth-child:after{transform:rotate(45deg) scale(.78);opacity:.65}.creatureIllustration.growth-adult:after{transform:rotate(45deg) scale(1);opacity:.95}.dexArt{height:215px}.dexArt .creatureIllustration{width:205px;height:205px}.dexArt .creatureIllustration img{transform:scale(1.04)}@media (max-width:520px){.touchTarget{height:294px}.eggArt,.eggIllustration{width:244px;height:244px}.creature{width:226px;height:226px}.dexArt{height:250px}.dexArt .creatureIllustration{width:min(240px,100%);height:240px}.dexArt .creatureIllustration img{transform:none}}@media (prefers-reduced-motion:reduce){.eggIllustration.stage3,.eggIllustration.stage4{animation:none}.creatureIllustration img,.creatureIllustration:after,.eggArt{transition:none}}