@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--shell: #4DD0E1;--shell-dark: #00838F;--shell-light: #80DEEA;--bezel: #37474F;--lcd-bg: #9BBC0F;--lcd-dark: #0F380F;--lcd-mid: #306230;--pet-body: #FFECB3;--pet-body-dark: #FFD54F;--pet-cheek: #FF8A80;--btn-feed: #FF7043;--btn-play: #66BB6A;--btn-clean: #42A5F5;--btn-sleep: #AB47BC}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;font-family:"Press Start 2P",monospace;overflow-x:hidden}body{background:linear-gradient(135deg,#1a0533,#0d1b2a,#1a0533);display:flex;justify-content:center;align-items:center}.tama-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:.5rem}.tama-title{font-size:.65rem;color:#ce93d8;letter-spacing:.3em;text-transform:uppercase;text-shadow:0 0 10px rgba(206,147,216,.5)}.device{position:relative;width:360px;background:linear-gradient(180deg,var(--shell-light) 0%,var(--shell) 30%,var(--shell-dark) 100%);border-radius:50% 50% 48% 48%/58% 58% 48% 48%;padding:2.4rem 2.2rem 2.8rem;box-shadow:0 8px 32px #00000080,inset 0 2px #ffffff4d,inset 0 -4px #0003;display:flex;flex-direction:column;align-items:center;gap:.6rem;overflow:hidden}.device:before{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#B2EBF2,var(--shell-dark));box-shadow:0 2px 4px #0000004d,inset 0 1px #fff6}.device:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#26C6DA,var(--shell-dark));box-shadow:inset 0 1px 2px #0006}.device-brand{font-size:.62rem;color:#000;letter-spacing:.2em;text-shadow:0 1px 0 rgba(255,255,255,.3)}.screen{width:78%;background:#1a1a2e;border-radius:12px;padding:3px;box-shadow:inset 0 2px 8px #00000080,0 1px #ffffff26}.screen-inner{background:var(--lcd-bg);border-radius:10px;padding:.4rem;position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column}.screen-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;border-radius:10px}.screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem;position:relative;z-index:1}.age-display{font-size:.45rem;color:var(--lcd-dark);opacity:.8}.mood-text{font-size:.4rem;color:var(--lcd-mid)}.pet-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;min-height:85px}.pet-message{position:absolute;bottom:2px;font-size:.55rem;color:var(--lcd-dark);background:#9bbc0fe6;padding:3px 8px;border-radius:3px;border:1px solid var(--lcd-mid);animation:msgPop .3s ease;white-space:nowrap;z-index:5}@keyframes msgPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.egg-container{position:relative;width:60px;height:80px;animation:eggShake .3s ease-in-out 1.5s 4}.egg-top{position:absolute;top:0;left:0;width:60px;height:40px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2.5px solid #F9A825;border-radius:50% 50% 0 0/70% 70% 0 0;transform-origin:bottom left;animation:eggTopBreak .6s ease-in 2s forwards;z-index:3}.egg-bottom{position:absolute;bottom:0;left:0;width:60px;height:42px;background:linear-gradient(135deg,#ffecb3,#ffd54f);border:2.5px solid #F9A825;border-top:none;border-radius:0 0 50% 50%/0 0 70% 70%;z-index:2}.egg-shiba-peek{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:4;opacity:0;animation:shibaPeek .5s ease-out 2.2s forwards}.shiba-head-mini{width:24px;height:20px;background:#e8a849;border-radius:50%;border:1.5px solid #C68B30}.shiba-ear-peek{position:absolute;top:-6px;left:-2px;width:10px;height:12px;background:#c68b30;border-radius:50% 50% 0 0;transform:rotate(-15deg)}.shiba-ear-peek-r{position:absolute;top:-6px;right:-2px;left:auto;width:10px;height:12px;background:#c68b30;border-radius:50% 50% 0 0;transform:rotate(15deg)}.egg-cracks{position:absolute;top:0;left:0;width:60px;height:80px;z-index:5;opacity:0;animation:cracksAppear .3s ease 1.8s forwards}.crack{position:absolute;background:#f9a825;border-radius:1px}.crack-1{top:30px;left:15px;width:12px;height:2px;transform:rotate(-20deg)}.crack-2{top:25px;left:28px;width:10px;height:2px;transform:rotate(30deg)}.crack-3{top:35px;left:30px;width:8px;height:2px;transform:rotate(-45deg)}.egg-sparkles{position:absolute;width:100%;height:100%;z-index:6}.sparkle{position:absolute;font-size:.5rem;color:#ffd54f;opacity:0}.s1{top:10px;left:5px;animation:sparklePop .5s ease 2.3s forwards}.s2{top:5px;right:10px;animation:sparklePop .5s ease 2.4s forwards}.s3{top:50px;left:0;animation:sparklePop .5s ease 2.5s forwards}.s4{top:20px;right:0;animation:sparklePop .5s ease 2.6s forwards}.s5{bottom:10px;left:50%;animation:sparklePop .5s ease 2.7s forwards}@keyframes eggShake{0%,to{transform:translate(0)}25%{transform:translate(-3px) rotate(-2deg)}75%{transform:translate(3px) rotate(2deg)}}@keyframes eggTopBreak{0%{transform:rotate(0) translateY(0)}to{transform:rotate(-35deg) translateY(-12px) translate(-8px);opacity:.5}}@keyframes shibaPeek{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.5)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes cracksAppear{0%{opacity:0}to{opacity:1}}@keyframes sparklePop{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(90deg)}to{opacity:0;transform:scale(.5) rotate(180deg)}}.pet{position:relative;width:90px;height:105px;transition:filter .5s}.shiba-ear{position:absolute;top:2px;width:22px;height:26px;background:#c68b30;border-radius:50% 50% 10% 10%;border:2px solid #A06F1D;z-index:1}.shiba-ear-left{left:8px;transform:rotate(-18deg)}.shiba-ear-right{right:8px;transform:rotate(18deg)}.shiba-ear:after{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:12px;height:14px;background:#f5cba7;border-radius:50% 50% 10% 10%}.shiba-head{position:absolute;top:14px;left:50%;transform:translate(-50%);width:68px;height:60px;background:#e8a849;border-radius:50% 50% 46% 46%;border:2.5px solid #C68B30;box-shadow:inset 0 -3px 6px #0000000f;z-index:2}.shiba-forehead-mark{position:absolute;top:2px;left:50%;transform:translate(-50%);width:28px;height:14px;background:#fff8e1;border-radius:50% 50% 40% 40%}.shiba-eye{position:absolute;top:24px;width:14px;height:14px;background:#fff;border-radius:50%;border:2px solid #4E342E;overflow:hidden;transition:all .3s}.shiba-eye-left{left:12px}.shiba-eye-right{right:12px}.shiba-pupil{position:absolute;width:7px;height:8px;background:#4e342e;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s}.shiba-pupil:after{content:"";position:absolute;width:2.5px;height:2.5px;background:#fff;border-radius:50%;top:1px;right:1px}.shiba-nose{position:absolute;top:36px;left:50%;transform:translate(-50%);width:10px;height:7px;background:#2d2d2d;border-radius:40% 40% 50% 50%}.shiba-mouth{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:18px;height:8px;border:2px solid #4E342E;border-top:none;border-radius:0 0 50% 50%;transition:all .3s}.shiba-cheek-mark{position:absolute;top:30px;width:16px;height:18px;background:#fff8e1;border-radius:50%}.shiba-cheek-mark-left{left:0}.shiba-cheek-mark-right{right:0}.shiba-body-wrap{position:absolute;top:62px;left:50%;transform:translate(-50%);width:52px;height:36px;background:#e8a849;border-radius:40% 40% 50% 50%;border:2.5px solid #C68B30;border-top:none;z-index:1}.shiba-belly{position:absolute;top:4px;left:50%;transform:translate(-50%);width:28px;height:20px;background:#fff8e1;border-radius:50%}.shiba-tail{position:absolute;top:-8px;right:-10px;width:16px;height:20px;border:3px solid #C68B30;border-bottom:none;border-left:none;border-radius:0 70% 0 0;transform:rotate(-10deg)}.shiba-tail:after{content:"";position:absolute;top:-2px;right:-1px;width:8px;height:8px;background:#fff8e1;border-radius:50%}.shiba-paw{position:absolute;bottom:-4px;width:16px;height:10px;background:#e8a849;border-radius:50%;border:2px solid #C68B30}.shiba-paw-left{left:4px}.shiba-paw-right{right:4px}.zzz-group{position:absolute;top:-5px;right:-10px}.zzz{position:absolute;font-size:.6rem;font-family:"Press Start 2P",monospace;color:var(--lcd-dark);opacity:0;animation:zzzFloat 2s infinite}.zzz:nth-child(1){right:0;animation-delay:0s}.zzz:nth-child(2){right:8px;animation-delay:.6s}.zzz:nth-child(3){right:16px;animation-delay:1.2s}@keyframes zzzFloat{0%{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:1}to{opacity:0;transform:translateY(-30px) scale(1.2)}}.pet-happy .shiba-eye{height:5px;background:#4e342e;border:none;border-radius:8px 8px 0 0;top:28px}.pet-happy .shiba-pupil{display:none}.pet-happy .shiba-mouth{width:22px;height:9px}.pet-hungry .shiba-pupil{width:5px;height:5px;top:35%}.pet-hungry .shiba-mouth{width:10px;height:10px;border:2px solid #4E342E;border-radius:50%;background:transparent}.pet-sad .shiba-eye{transform:scaleY(.8)}.pet-sad .shiba-pupil{top:60%}.pet-sad .shiba-mouth{border-bottom:none;border-top:2px solid #4E342E;border-radius:50% 50% 0 0;bottom:10px}.pet-sick{animation:petWobble .8s infinite alternate ease-in-out;filter:hue-rotate(60deg) saturate(.8)}.pet-sick .shiba-eye{background:transparent;border:none}.pet-sick .shiba-eye:before,.pet-sick .shiba-eye:after{content:"";position:absolute;width:12px;height:2.5px;background:#4e342e;top:50%;left:50%}.pet-sick .shiba-eye:before{transform:translate(-50%,-50%) rotate(45deg)}.pet-sick .shiba-eye:after{transform:translate(-50%,-50%) rotate(-45deg)}.pet-sick .shiba-pupil{display:none}.pet-sick .shiba-mouth{width:8px;height:8px;border-radius:50%;border:2px solid #4E342E;background:transparent}.pet-sleeping .shiba-eye{width:14px;height:3px;background:#4e342e;border:none;border-radius:2px;top:30px}.pet-sleeping .shiba-pupil{display:none}.pet-sleeping .shiba-mouth{width:8px;height:8px;border-radius:50%;border:2px solid #4E342E;background:transparent}.pet-dead .shiba-eye{background:transparent;border:none}.pet-dead .shiba-eye:before,.pet-dead .shiba-eye:after{content:"";position:absolute;width:12px;height:2.5px;background:#666;top:50%;left:50%}.pet-dead .shiba-eye:before{transform:translate(-50%,-50%) rotate(45deg)}.pet-dead .shiba-eye:after{transform:translate(-50%,-50%) rotate(-45deg)}.pet-dead .shiba-pupil{display:none}.pet-dead .shiba-mouth{border-bottom:none;border-top:2px solid #666;border-radius:50% 50% 0 0}@keyframes petBounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes petSway{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}@keyframes petShake{0%{transform:translate(-2px)}to{transform:translate(2px)}}@keyframes petDroop{0%{transform:translateY(0) rotate(0)}to{transform:translateY(3px) rotate(-2deg)}}@keyframes petWobble{0%{transform:rotate(-3deg) scale(.98)}to{transform:rotate(3deg) scale(1.02)}}@keyframes petBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes actionFeed{0%,to{transform:scale(1)}30%{transform:scale(1.1) rotate(-5deg)}60%{transform:scale(1.1) rotate(5deg)}}@keyframes actionPlay{0%{transform:rotate(0)}25%{transform:rotate(10deg) scale(1.05)}50%{transform:rotate(-10deg) scale(1.05)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes actionClean{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}.stats-area{display:flex;flex-direction:column;gap:3px;margin-top:.2rem;position:relative;z-index:1}.stat-row{display:flex;align-items:center;gap:4px}.stat-icon{font-size:.52rem;width:16px;text-align:center}.stat-label{font-size:.3rem;color:var(--lcd-dark);width:40px;opacity:.7}.stat-bar-track{flex:1;height:5px;background:#00000026;border-radius:2px;overflow:hidden;border:1px solid var(--lcd-mid)}.stat-bar-fill{height:100%;transition:width .5s ease;position:relative}.stat-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.12) 3px,rgba(0,0,0,.12) 4px)}.stat-value{font-size:.3rem;color:var(--lcd-dark);width:22px;text-align:right;opacity:.7}.buttons-area{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:88%;margin-top:.2rem}.device-btn{font-family:"Press Start 2P",monospace;font-size:.55rem;padding:.5rem .4rem;border:none;border-radius:6px;cursor:pointer;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px #00000040,0 3px 6px #00000026,inset 0 1px #ffffff40;transition:all .1s;position:relative;top:0;letter-spacing:.05em}.device-btn:hover{top:-1px;box-shadow:0 4px #00000040,0 6px 12px #0003,inset 0 1px #ffffff40}.device-btn:active{top:2px;box-shadow:0 1px #00000040,0 2px 4px #00000026,inset 0 1px #ffffff40}.device-btn:disabled{opacity:.5;cursor:not-allowed;top:0}.btn-feed{background:linear-gradient(180deg,#FF8A65,var(--btn-feed))}.btn-play{background:linear-gradient(180deg,#81C784,var(--btn-play))}.btn-clean{background:linear-gradient(180deg,#64B5F6,var(--btn-clean))}.btn-sleep{background:linear-gradient(180deg,#CE93D8,var(--btn-sleep))}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:.1rem}.ctrl-btn{font-family:"Press Start 2P",monospace;font-size:.38rem;padding:.35rem .5rem;border:2px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff14;color:#e0f7fa;cursor:pointer;transition:all .15s;letter-spacing:.05em}.ctrl-btn:hover{background:#ffffff26;border-color:#ffffff4d}.ctrl-btn-install{background:#4dd0e126;border-color:#4dd0e166;color:#80deea}.ctrl-btn-install:hover{background:#4dd0e140;border-color:#4dd0e199}.install-tip{width:100%;font-family:"Press Start 2P",monospace;font-size:.42rem;line-height:1.6;color:#80deea;text-align:center;padding:.5rem .6rem;background:#4dd0e11a;border:1px solid rgba(77,208,225,.25);border-radius:8px;margin-top:4px;animation:fadeInUp .3s ease-out}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f380fd9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-radius:10px;z-index:10;animation:fadeIn .5s ease}.game-over-text{font-size:.6rem;color:#ff5252;text-shadow:0 0 8px rgba(255,82,82,.5)}.game-over-sub{font-size:.42rem;color:var(--lcd-bg)}.game-over-btn{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:.5rem 1rem;background:var(--lcd-dark);color:var(--lcd-bg);border:2px solid var(--lcd-mid);border-radius:4px;cursor:pointer;margin-top:.3rem}.game-over-btn:hover{background:var(--lcd-mid)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:400px){.device{width:320px;padding:2.8rem 1.6rem 3.2rem;border-radius:50% 50% 46% 46%/60% 60% 50% 50%}.screen{width:82%}.tama-page{padding:1rem}.how-to-play{max-width:320px}}@media(max-height:700px){.device{transform:scale(.9)}}.how-to-play{max-width:360px;margin-top:.8rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.7rem .9rem;display:flex;flex-direction:column;gap:5px}.how-title{font-size:.5rem;color:#ce93d8;text-align:center;margin-bottom:3px;letter-spacing:.15em}.how-row{font-size:.38rem;color:#b0bec5;line-height:1.6;display:flex;align-items:center;gap:5px}.how-row b{color:#e0e0e0}.how-icon{font-size:.55rem;width:22px;text-align:center;flex-shrink:0}.how-warn{color:#ff8a65}.how-warn b{color:#ffab91}.how-divider{height:1px;background:#ffffff0f;margin:2px 0}.pixel-sprite{pointer-events:none;display:block;margin-left:-10px;margin-top:0}.pet-sprite-wrap,.pet-pixel-container{position:relative;width:70px;height:80px;overflow:visible}.pet-happy{animation:petBounce .6s infinite alternate ease-in-out}.pet-normal{animation:petSway 3s infinite alternate ease-in-out}.pet-hungry{animation:petShake .4s infinite alternate ease-in-out}.pet-sad{animation:petDroop 2s infinite alternate ease-in-out}.pet-sick{animation:petWobble .8s infinite alternate ease-in-out}.pet-sleeping{animation:petBreathe 3s infinite ease-in-out}.pet-dead{animation:none;filter:grayscale(1) opacity(.7)}.pet-action-feed{animation:actionFeed .5s ease!important}.pet-action-play{animation:actionPlay .6s ease!important}.pet-action-clean{animation:actionClean .5s ease!important}.tail-wag{position:absolute;top:10px;right:-2px;width:10px;height:10px;background:#8b5e3c;border-radius:0 50% 50% 0;animation:tailWag .3s infinite alternate ease-in-out;transform-origin:left center}@keyframes tailWag{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.sick-stars{position:absolute;top:-10px;left:50%;transform:translate(-50%)}.sick-star{position:absolute;font-size:.5rem;opacity:0;animation:sickStarFloat 1.5s infinite}.ss-1{left:-8px;animation-delay:0s}.ss-2{left:8px;animation-delay:.75s}@keyframes sickStarFloat{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(-12px)}}.egg-hatch-scene{display:flex;align-items:center;justify-content:center;height:100%;position:relative}.hatch-egg{position:relative;width:60px;height:80px;transition:all .3s ease}.egg-body{width:100%;height:100%;background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2.5px solid #F9A825;border-radius:50% 50% 48% 48%/60% 60% 40% 40%;position:relative;overflow:hidden}.egg-spot{position:absolute;border-radius:50%}.egg-spot-1{top:15px;left:10px;width:14px;height:12px;background:#ffb74d}.egg-spot-2{top:35px;right:8px;width:10px;height:10px;background:#ffcc80}.egg-spot-3{bottom:12px;left:20px;width:12px;height:8px;background:#ffb74d}.egg-highlight{position:absolute;top:8px;left:12px;width:12px;height:8px;background:#fff9;border-radius:50%}.hatch-egg-shake{animation:hatchShake .2s ease-in-out infinite}.hatch-egg-crack{animation:hatchShake .15s ease-in-out infinite}.hatch-egg-break{animation:eggBreak .4s ease-out forwards}.hatch-egg-reveal,.hatch-egg-born{opacity:0;transform:scale(.5)}@keyframes hatchShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-3deg)}75%{transform:translate(3px) rotate(3deg)}}@keyframes eggBreak{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1)}to{transform:scale(.3);opacity:0}}.egg-crack-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.crack-svg{width:100%;height:100%}.crack-path{stroke-dasharray:100;stroke-dashoffset:100;animation:crackDraw .4s ease forwards}.crack-path-2{animation-delay:.1s}.crack-path-3{animation-delay:.15s}@keyframes crackDraw{to{stroke-dashoffset:0}}.shell-pieces{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.shell-piece{position:absolute;top:40%;left:50%;width:14px;height:14px;background:linear-gradient(135deg,#fff8e1,#ffd54f);border:1.5px solid #F9A825;border-radius:30% 70% 50% 50%;animation:shellFly .6s ease-out forwards;animation-delay:var(--delay, 0s)}@keyframes shellFly{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--fly-x, -30px),var(--fly-y, -40px)) rotate(var(--fly-rot, -45deg));opacity:0}}.baby-shiba{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.baby-shiba-reveal{animation:babyReveal .6s ease-out forwards}.baby-shiba-born{animation:babyBorn .5s ease-out forwards}.baby-shiba-pixel{position:relative;width:70px;height:80px;overflow:visible}.baby-hearts{font-size:.8rem;animation:heartsFloat 1s ease-out forwards}@keyframes babyReveal{0%{opacity:0;transform:scale(.3) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes babyBorn{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes heartsFloat{0%{opacity:0;transform:translateY(10px)}50%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.hatch-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hatch-sparkle{position:absolute;font-size:.6rem;color:#ffd54f;opacity:0;animation:sparkleFlash .8s ease-out forwards}.hs-0{top:15%;left:20%;animation-delay:0s}.hs-1{top:10%;right:25%;animation-delay:.1s}.hs-2{top:50%;left:10%;animation-delay:.2s}.hs-3{top:40%;right:15%;animation-delay:.15s}.hs-4{bottom:20%;left:30%;animation-delay:.25s}.hs-5{bottom:25%;right:30%;animation-delay:.3s}@keyframes sparkleFlash{0%{opacity:0;transform:scale(0) rotate(0)}40%{opacity:1;transform:scale(1.3) rotate(90deg)}to{opacity:0;transform:scale(.5) rotate(180deg)}}.install-top{display:flex;flex-direction:column;align-items:center;gap:6px}.legend-bar{display:flex;align-items:center;gap:.4rem;font-size:.5rem;color:#ffab91;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.4rem .7rem;max-width:340px;text-align:center;line-height:1.4}.legend-icon{font-size:1.2rem}.mode-select-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.6rem;padding:.3rem}.mode-select-sub{font-size:.45rem;color:var(--lcd-dark);text-align:center}.mode-buttons{display:flex;gap:.5rem}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.45rem .6rem;border-radius:10px;border:2px solid var(--lcd-dark);cursor:pointer;font-family:"Press Start 2P",monospace;transition:all .15s ease;min-width:80px;background:var(--lcd-mid);color:#fff}.mode-btn:hover{background:var(--lcd-dark);color:#fff;transform:scale(1.05)}.mode-btn-speed,.mode-btn-normal{border-color:var(--lcd-dark)}.mode-icon{font-size:1rem}.mode-label{font-size:.65rem;letter-spacing:.15em}.mode-desc{font-size:.4rem;opacity:.7}.win-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}.win-pet-walk{position:relative;width:60px;height:70px;animation:petWalkAway 3s ease-in forwards;overflow:visible}.win-pet-walk .pixel-sprite{margin-left:-8px}.win-message{font-size:.4rem;color:#ffd54f;text-align:center;line-height:1.6;font-style:italic;animation:fadeInUp .8s ease-out;max-width:220px}@keyframes petWalkAway{0%{transform:translate(0) scaleX(1);opacity:1}10%{transform:translate(-5px) scaleX(1)}30%{transform:translate(0) scaleX(1)}to{transform:translate(120px) scaleX(1);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}