.sprite-image{display:block;object-fit:contain;object-position:center;max-width:100%;user-select:none;-webkit-user-drag:none}
.pet-emoji{width:min(260px,69vw);height:235px;font-size:initial;filter:drop-shadow(0 13px 9px #183E521c);animation:mascotIdle 4.5s ease-in-out infinite}
.start-pet:before{background:linear-gradient(145deg,#e4f7f6,#fff0de);border-radius:44% 56% 45% 52%}
.hatch-stage{height:292px;position:relative;display:flex;justify-content:center;align-items:center;margin:8px auto 0}
.hatch-orb{z-index:1;width:min(290px,72vw);height:270px;object-fit:contain;padding:0;animation:mascotIdle 4s ease-in-out infinite;font-size:initial;filter:drop-shadow(0 13px 7px #183E5218)}
.hatch-orb.hatch-pop{animation:hatchImagePop .58s cubic-bezier(.14,.85,.26,1)}
.hatch-ground{position:absolute;bottom:21px;width:160px;height:18px;border-radius:50%;background:#183E5212;filter:blur(10px)}
.hatch-status{margin-top:0;min-height:27px}.hatched-name{margin-top:0}
.hud-avatar{overflow:hidden}.hud-avatar img{width:100%;height:100%;object-fit:contain;transform:scale(1.28)}
.creature-strip{min-height:108px;gap:15px;align-items:center}
.creature-visual{width:116px;height:102px;position:relative;flex:0 0 116px;display:grid;place-items:center}
.creature-emoji{width:106px;height:102px;max-width:none;object-fit:contain;transform:none;filter:drop-shadow(1px 4px 2px #183E5217);transition:filter .3s;animation:mascotIdle 5s ease-in-out infinite}
.mood-sticker{position:absolute;right:-9px;top:-3px;width:48px;height:48px;border:2px solid #183E5233;background:#fffdf8;border-radius:999px;padding:3px;object-fit:contain;box-shadow:2px 3px 0 #d6e8e9}
.mood-sticker.face-pop{animation:faceHop .52s cubic-bezier(.16,1.3,.32,1)}
.creature-speech{margin-right:3px;flex:1;min-width:0}
.choice-mode{min-width:57px;align-items:center;justify-content:center;gap:4px;font-size:.64rem;line-height:1.2;text-align:center}
.action-sprite{width:47px;height:45px;object-fit:contain;transition:transform .2s ease}
.choice:hover:not(:disabled) .action-sprite{transform:rotate(-7deg) scale(1.08)}
.choice{align-items:center;min-height:104px}
.choice-text{align-self:center}
.post-icon,.comment-symbol{display:inline-block!important;vertical-align:middle;width:17px!important;height:17px!important;flex:0 0 17px;stroke:currentColor;overflow:visible}
.post-actions{gap:clamp(14px,4.2vw,34px)}.post-actions span{display:inline-flex;align-items:center;gap:6px}.post-actions b{margin-left:0}
.comment-icons{align-items:center;gap:17px}.comment-icons>span{display:inline-flex;align-items:center;justify-content:center;min-height:17px}
.comment-heart{width:17px;min-width:17px;font-size:1.03rem}
.mini-player-avatar{width:100%;height:100%;max-width:28px;max-height:28px;object-fit:contain;display:block}
.result-mascot-stage{display:flex;align-items:center;justify-content:center;width:min(100%,355px);height:265px;margin:0 auto;position:relative;z-index:1}
#result-mascot{width:min(80%,275px);height:252px;object-fit:contain;filter:drop-shadow(1px 9px 5px #183E5218)}
.result-age-tag{position:absolute;right:7%;bottom:14px;min-width:92px;padding:5px 8px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:0;background:#e6f6f4;border:1.5px solid #8cbab7;box-shadow:3px 4px 0 #c7e3e5;color:#183E52;font-size:.62rem;font-weight:850;letter-spacing:.08em}
.result-age-tag img{width:48px;height:42px;object-fit:contain}
.ending-visual{padding:4px 0 0}.ending-shape{left:26%;right:26%;top:18%;bottom:10%;background:#fff1da;opacity:.85;z-index:0}

.share-card{background:linear-gradient(165deg,#fffaf3 0%,#e9f6f1 52%,#d5ecf5 100%);padding:25px 26px 25px;min-height:705px;gap:0;border:2.5px solid #183E52;box-shadow:6px 7px 0 #c9e0e6}
.share-card:before{content:'';position:absolute;inset:-82px -130px auto auto;width:310px;height:310px;background:#f6c8a84d;border-radius:50%;z-index:-1}
.share-brand{font-size:2rem}.share-art{display:grid;place-items:center;position:relative;height:270px;width:min(100%,370px);margin:8px auto 0;padding:0;filter:none}
.share-art:before{position:absolute;z-index:-1;inset:24px 49px 18px;border:2px dashed #57a6a44d;border-radius:49%;transform:rotate(-6deg)}
#share-mascot{width:280px;height:245px;object-fit:contain;filter:drop-shadow(2px 9px 3px #183E521b)}
.share-stage-pill{position:absolute;right:3%;bottom:7px;background:#fff9e9;border:2px solid #e8bf65;border-radius:12px;padding:5px 8px;display:flex;align-items:center;gap:3px;color:#183E52;font-size:.63rem;font-weight:900;letter-spacing:.07em;box-shadow:3px 4px 0 #eadcb1}
.share-stage-pill img{width:39px;height:39px;object-fit:contain}
.share-you-raised{padding-top:5px;color:#a55347}.share-card h2{font-size:clamp(2.1rem,8vw,3.75rem);line-height:1.07;margin:3px 0 8px}
.share-rule{height:2px;margin:8px 0 17px;background:#b3d4da}
.share-evolved{color:#4a666c}
.share-card h3{font-size:clamp(2.25rem,8.6vw,4.15rem);letter-spacing:-.04em;color:#d85d5b;text-shadow:2px 2px 0 #ffe9d7;margin:8px 0}
.share-card>p{margin:11px 0 20px;font-size:1.05rem;line-height:1.35}
.share-score-strip{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:auto}
.share-level,.share-score-strip .share-xp{display:inline-flex;align-items:center;justify-content:center;background:#183E52;color:white;border:1px solid #183E52;min-height:40px;border-radius:10px;padding:8px 15px;font-size:.81rem;font-weight:850;letter-spacing:.04em;margin:0}
.share-score-strip .share-xp{background:#fff3d8;color:#183E52;border-color:#e7c586}
.share-card-foot{margin-top:19px;font-size:.69rem;max-width:440px;line-height:1.5;color:#234f60}
@keyframes mascotIdle{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}
@keyframes faceHop{0%{opacity:0;transform:scale(.68) rotate(-15deg)}65%{opacity:1;transform:scale(1.13) rotate(5deg)}100%{opacity:1;transform:scale(1)}}
@keyframes hatchImagePop{0%{opacity:.25;transform:translateY(9px) scale(.92)}75%{opacity:1;transform:translateY(-5px) scale(1.07)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:650px){
 .pet-emoji{height:182px;width:215px}.start-pet{min-height:195px}
 .hatch-stage{height:235px}.hatch-orb{height:215px;width:245px}.hatch-ground{bottom:12px}
 .creature-strip{min-height:90px;gap:9px}.creature-visual{width:88px;height:88px;flex-basis:88px}.creature-emoji{width:83px;height:83px}.mood-sticker{width:37px;height:37px;right:-2px;top:0;padding:2px}
 .choice-mode{min-width:48px;font-size:.59rem}.action-sprite{width:39px;height:38px}.choice{min-height:75px;padding:10px 12px}
 .result-mascot-stage{height:230px}#result-mascot{height:220px;width:230px}.result-age-tag{right:0;bottom:9px}
 .share-card{min-height:660px;padding:21px 17px}.share-art{height:250px}#share-mascot{height:230px;width:245px}.share-stage-pill{right:0}
 .share-card h3{font-size:clamp(2.1rem,9vw,3.5rem)}
}
@media(max-width:365px){.post-actions{gap:11px}.post-actions b{font-size:.68rem}.choice-mode{min-width:44px}.action-sprite{width:35px;height:35px}.share-art{height:220px}#share-mascot{height:200px}}
@media(prefers-reduced-motion:reduce){.pet-emoji,.creature-emoji,.hatch-orb,.share-art{animation:none!important}.hatch-orb.hatch-pop,.mood-sticker.face-pop{animation:none!important}}

.burner-symbol img{height:76px;width:85px;margin:0 auto;object-fit:contain}

.result-card h3{background:#183E52;color:#fff;box-shadow:4px 5px 0 #8bc5c2;padding:12px 10px;border-radius:11px}