@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Noto+Sans+KR:wght@400;700;900&display=swap";:root{--bg-deep: #0a0a1a;--bg-device: #2a2a3a;--bg-screen: #9bbc0f;--screen-dark: #0f380f;--screen-light: #306230;--accent: #ff6b9d;--accent2: #c084fc;--neon-green: #39ff14;--neon-blue: #00d4ff;--stat-red: #ff4757;--stat-yellow: #ffa502;--stat-green: #2ed573;--stat-blue: #1e90ff}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Noto Sans KR,sans-serif;background:var(--bg-deep);min-height:100vh;min-height:100dvh;overflow-x:hidden;color:#fff;user-select:none;-webkit-user-select:none}.retro-font{font-family:"Press Start 2P",cursive}.login-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 30%,#1a1a3a 0%,var(--bg-deep) 70%)}.login-logo{font-family:"Press Start 2P",cursive;font-size:clamp(28px,8vw,48px);color:var(--accent);text-shadow:0 0 20px rgba(255,107,157,.5),0 4px 0 #ff3366;margin-bottom:12px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-sub{font-size:12px;color:#fff6;margin-bottom:48px;letter-spacing:4px;text-transform:uppercase}.login-box{width:100%;max-width:360px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-box input{width:100%;padding:16px 20px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:16px;outline:none;margin-bottom:16px;font-family:Noto Sans KR,sans-serif;transition:border-color .3s}.login-box input:focus{border-color:var(--accent)}.login-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;font-family:Noto Sans KR,sans-serif}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ff6b9d4d}.login-btn:active{transform:scale(.97)}.adoption-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:24px;background:radial-gradient(ellipse at 50% 30%,#1a1a3a 0%,var(--bg-deep) 70%)}.adoption-title{font-family:"Press Start 2P",cursive;font-size:clamp(16px,4vw,24px);color:var(--neon-green);text-shadow:0 0 15px rgba(57,255,20,.4);margin:40px 0 12px}.adoption-sub{color:#ffffff80;margin-bottom:32px;font-size:14px}.pet-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:400px;margin-bottom:32px}.pet-card{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:24px;padding:20px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s}.pet-card:hover,.pet-card.selected{border-color:var(--accent);background:#ff6b9d0d;transform:translateY(-4px);box-shadow:0 8px 32px #ff6b9d26}.pet-card .pet-preview{width:80px;height:80px;margin-bottom:12px;image-rendering:pixelated}.pet-card .pet-species{font-family:"Press Start 2P",cursive;font-size:9px;color:var(--neon-blue)}.name-input-row{display:flex;gap:12px;width:100%;max-width:400px}.name-input-row input{flex:1;padding:14px 20px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:16px;outline:none;font-family:Noto Sans KR,sans-serif}.name-input-row input:focus{border-color:var(--accent)}.adopt-btn{padding:14px 28px;background:linear-gradient(135deg,var(--neon-green),#00cc88);border:none;border-radius:16px;color:#000;font-weight:900;font-size:14px;cursor:pointer;white-space:nowrap;transition:all .3s;font-family:Noto Sans KR,sans-serif}.adopt-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #39ff144d}.adopt-btn:active{transform:scale(.95)}.adopt-btn:disabled{opacity:.4;cursor:default;transform:none}.game-wrapper{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 20%,#1a1a3a 0%,var(--bg-deep) 70%);padding:12px;gap:12px}.top-bar{width:100%;max-width:420px;display:flex;justify-content:space-between;align-items:center;padding:8px 4px}.top-logo{font-family:"Press Start 2P",cursive;font-size:14px;color:var(--accent);text-shadow:0 0 10px rgba(255,107,157,.4)}.top-actions{display:flex;gap:8px}.top-actions button{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:6px 12px;border-radius:12px;font-size:11px;cursor:pointer;transition:all .2s;font-family:Noto Sans KR,sans-serif}.top-actions button:hover{background:#ffffff1f;color:#fff}.device-frame{width:100%;max-width:420px;background:linear-gradient(180deg,#3a3a50,#2a2a3a 30%,#1a1a28);border-radius:40px;padding:20px 16px;box-shadow:0 0 0 3px #ffffff0d,0 20px 60px #00000080,inset 0 1px #ffffff1a;position:relative}.device-frame:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#ffffff14;border-radius:4px}.screen{width:100%;aspect-ratio:1 / 1;background:#1a2a1a;border-radius:24px;overflow:hidden;position:relative;border:3px solid rgba(0,0,0,.5);box-shadow:inset 0 0 30px #00000080}.screen.sleeping{background:#0a0a14}.screen-inner{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.weather-window{position:absolute;top:12px;right:12px;width:50px;height:50px;border-radius:12px;background:#ffffff14;border:2px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:24px}.screen-name{position:absolute;top:12px;left:14px;font-family:"Press Start 2P",cursive;font-size:10px;color:var(--neon-green);text-shadow:0 0 8px rgba(57,255,20,.5)}.screen-age{position:absolute;top:28px;left:14px;font-size:8px;color:#39ff14b3;display:flex;flex-direction:column;gap:2px}.screen-affection{position:absolute;top:12px;right:14px;font-size:8px;color:var(--neon-pink);text-shadow:0 0 5px rgba(255,0,255,.3)}.pet-sprite-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.pet-ground-wrapper{position:absolute;bottom:25%;z-index:15;cursor:pointer}.pet-talk-bubble{position:absolute;bottom:38%;transform:translate(-50%);z-index:10;background:#fffffff2;color:#333;font-family:"Press Start 2P",cursive;font-size:7px;line-height:1.4;padding:6px 10px;border-radius:8px;border:2px solid #666;max-width:140px;text-align:center;box-shadow:0 2px 8px #0003;animation:talkBubblePop .3s ease-out;white-space:pre-wrap;word-break:keep-all}.pet-talk-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #666}.pet-talk-bubble:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid rgba(255,255,255,.95);z-index:1}@keyframes talkBubblePop{0%{transform:translate(-50%) scale(0) translateY(10px);opacity:0}60%{transform:translate(-50%) scale(1.1) translateY(-2px);opacity:1}to{transform:translate(-50%) scale(1) translateY(0);opacity:1}}.pet-sprite{width:80px;height:80px;image-rendering:pixelated;animation:petIdle 2s ease-in-out infinite;transition:filter .5s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.pet-sprite.walking{animation:petWalk .4s steps(2) infinite}.pet-sprite.sleeping{animation:petSleep 3s ease-in-out infinite;filter:brightness(.5) drop-shadow(0 4px 8px rgba(0,0,0,.3))}.pet-sprite.dead{animation:none;filter:grayscale(1) brightness(.3);opacity:.5}.pet-sprite.ecstatic{animation:petJump .8s ease-in-out infinite}.pet-sprite.sad{animation:petSad 2s ease-in-out infinite}.pet-sprite.critical{animation:petShake .3s ease-in-out infinite}@keyframes petIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes petWalk{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}@keyframes petBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes petJump{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(-5deg)}75%{transform:translateY(-15px) rotate(5deg)}}@keyframes petSleep{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(3px) scale(.98)}}@keyframes petSad{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes petShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.poop-container{position:absolute;bottom:20px;right:20px;display:flex;gap:4px}.poop{font-size:16px;animation:poopAppear .3s ease-out}@keyframes poopAppear{0%{transform:scale(0)}to{transform:scale(1)}}.zzz{position:absolute;top:40%;font-family:"Press Start 2P",cursive;font-size:16px;color:var(--neon-blue);animation:zzz 2s ease-in-out infinite;z-index:6}@keyframes zzz{0%{opacity:0;transform:translateY(0) scale(.8)}50%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.8)}}.action-effect{position:absolute;top:30%;font-family:"Press Start 2P",cursive;font-size:14px;color:var(--neon-green);text-shadow:0 0 10px rgba(57,255,20,.6);animation:effectPop 1.2s ease-out forwards;pointer-events:none;z-index:10;transform:translate(-50%)}.action-effect.heart{color:#ff4757;text-shadow:0 0 10px rgba(255,71,87,.6)}@keyframes effectPop{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(1.3)}}.mood-text{position:absolute;bottom:14px;left:14px;font-size:10px;padding:4px 10px;border-radius:8px;font-weight:700}.mood-text.ecstatic{background:#2ed57333;color:#2ed573}.mood-text.happy{background:#1e90ff33;color:#1e90ff}.mood-text.neutral{background:#ffa50233;color:#ffa502}.mood-text.sad{background:#ff475726;color:#ff6b81}.mood-text.critical{background:#ff47574d;color:#ff4757;animation:pulse .5s infinite}.mood-text.sleeping{background:#00d4ff26;color:#00d4ff}.mood-text.dead{background:#ffffff0d;color:#ffffff4d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.personality-badge{position:absolute;bottom:14px;right:14px;font-size:9px;padding:4px 10px;border-radius:8px;background:#c084fc26;color:var(--accent2)}.status-section{width:100%;padding:12px 0 4px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border-radius:14px}.stat-icon{font-size:16px;width:22px;text-align:center}.stat-info{flex:1;min-width:0}.stat-label{font-size:8px;text-transform:uppercase;letter-spacing:2px;color:#fff6;margin-bottom:4px;font-weight:700}.stat-track{height:6px;background:#ffffff0f;border-radius:4px;overflow:hidden}.stat-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.22,1,.36,1)}.stat-fill.hungry{background:linear-gradient(90deg,#ff4757,#ff6b81)}.stat-fill.happy{background:linear-gradient(90deg,#ffa502,#ffd43b)}.stat-fill.clean{background:linear-gradient(90deg,#1e90ff,#00d4ff)}.stat-fill.energy{background:linear-gradient(90deg,#2ed573,#7bed9f)}.stat-value{font-family:"Press Start 2P",cursive;font-size:8px;color:#ffffff80;min-width:28px;text-align:right}.action-buttons{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px 0}.action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:20px;color:#fff;cursor:pointer;transition:all .2s;font-family:Noto Sans KR,sans-serif}.action-btn:hover{background:#ffffff14;transform:translateY(-2px)}.action-btn:active{transform:scale(.93)}.action-btn .action-icon{font-size:24px}.action-btn .action-label{font-size:10px;font-weight:700;color:#fff9}.action-btn.sleep-active{background:#00d4ff1a;border-color:#00d4ff4d}.talk-section{width:100%;max-width:420px}.talk-toggle{width:100%;padding:12px;background:#c084fc14;border:1px solid rgba(192,132,252,.15);border-radius:16px;color:var(--accent2);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;font-family:Noto Sans KR,sans-serif}.talk-toggle:hover{background:#c084fc26}.talk-options{margin-top:8px;display:flex;flex-direction:column;gap:8px}.talk-choice{padding:14px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;color:#fffc;font-size:13px;cursor:pointer;transition:all .2s;text-align:left;font-family:Noto Sans KR,sans-serif}.talk-choice:hover{background:#c084fc14;border-color:var(--accent2);transform:translate(4px)}.talk-choice:active{transform:scale(.98)}.talk-response{margin-top:8px;padding:14px 18px;background:#39ff140d;border:1px solid rgba(57,255,20,.12);border-radius:16px;color:var(--neon-green);font-size:13px;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.visit-banner{width:100%;max-width:420px;padding:16px 20px;background:#ffa50214;border:1px solid rgba(255,165,2,.2);border-radius:20px;text-align:center}.visit-banner h3{font-size:14px;color:#ffa502;margin-bottom:4px}.visit-banner p{font-size:12px;color:#ffffff80}.visit-feed-btn{margin-top:12px;padding:10px 24px;background:linear-gradient(135deg,#ffa502,#ff6b6b);border:none;border-radius:14px;color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;font-family:Noto Sans KR,sans-serif}.visit-feed-btn:hover{transform:translateY(-2px)}.visit-feed-btn:active{transform:scale(.95)}.death-overlay{position:absolute;inset:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;border-radius:24px}.death-overlay .death-icon{font-size:48px;margin-bottom:12px;animation:float 3s ease-in-out infinite}.death-overlay p{font-family:"Press Start 2P",cursive;font-size:10px;color:#ffffff80;text-align:center;line-height:2}.rebirth-btn{margin-top:20px;padding:12px 28px;background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;border-radius:14px;color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;font-family:Noto Sans KR,sans-serif}.rebirth-btn:hover{transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:100%;max-width:400px;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:28px}.modal h3{font-family:"Press Start 2P",cursive;font-size:12px;color:var(--accent);margin-bottom:16px}.modal .share-url{width:100%;padding:12px 16px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:11px;margin-bottom:12px;word-break:break-all;font-family:monospace}.modal-btns{display:flex;gap:8px}.modal-btns button{flex:1;padding:12px;border:none;border-radius:14px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;font-family:Noto Sans KR,sans-serif}.modal-btns .copy-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.modal-btns .close-btn{background:#ffffff0f;color:#fff9}@media(max-width:440px){.device-frame{border-radius:28px;padding:16px 12px}.screen{border-radius:20px}.pet-sprite{width:80px;height:80px}}@media(min-width:768px){.game-wrapper{padding-top:40px}}.screen-bg{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit}.screen-inner{z-index:1}.bg-sky{position:absolute;inset:0;background:linear-gradient(180deg,#87ceeb,#b6e3f4 40%,#d4f0d4,#8fbc8f);transition:background 1s}.bg-sky.night{background:linear-gradient(180deg,#0a0a2e,#1a1a4e,#0d1b2a 60%,#1b2838)}.bg-stars{position:absolute;inset:0}.star{position:absolute;background:#fff;border-radius:50%;animation:starTwinkle 2s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:.3}50%{opacity:1}}.bg-celestial{position:absolute;border-radius:50%;transition:all 1s}.bg-celestial.sun{top:10%;right:15%;width:36px;height:36px;background:radial-gradient(circle,#fff4b8 30%,#ffd93d 60%,transparent 70%);box-shadow:0 0 30px 10px #ffd93d4d}.bg-celestial.moon{top:8%;right:18%;width:30px;height:30px;background:radial-gradient(circle at 35% 35%,#e8e8e8,silver);box-shadow:0 0 20px 5px #c8c8ff33}.bg-clouds{position:absolute;inset:0}.cloud{position:absolute;background:#ffffffb3;border-radius:50px;animation:cloudDrift linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud-1{width:60px;height:20px;top:15%;left:-60px;animation-duration:25s}.cloud-1:before{width:28px;height:28px;top:-14px;left:10px}.cloud-1:after{width:22px;height:22px;top:-10px;left:32px}.cloud-2{width:45px;height:16px;top:25%;left:-45px;animation-duration:35s;animation-delay:8s;opacity:.5}.cloud-2:before{width:20px;height:20px;top:-10px;left:8px}.cloud-2:after{width:16px;height:16px;top:-8px;left:24px}.cloud-3{width:50px;height:18px;top:8%;left:-50px;animation-duration:30s;animation-delay:15s;opacity:.6}.cloud-3:before{width:24px;height:24px;top:-12px;left:8px}.cloud-3:after{width:18px;height:18px;top:-9px;left:28px}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 120px))}}.bg-hills{position:absolute;bottom:0;left:0;right:0;height:45%;pointer-events:none}.hill{position:absolute;bottom:0;border-radius:50% 50% 0 0}.hill-back{width:120%;height:70%;left:-10%;background:linear-gradient(180deg,#5a9e5a,#4a8a4a)}.hill-front{width:100%;height:50%;left:15%;background:linear-gradient(180deg,#4caf50,#388e3c)}.screen.sleeping .hill-back{background:linear-gradient(180deg,#1a3a2a,#0d2818)}.screen.sleeping .hill-front{background:linear-gradient(180deg,#1e3e2e,#102a1a)}.bg-ground{position:absolute;bottom:0;left:0;right:0;height:18%;background:linear-gradient(180deg,#388e3c,#2e7d32,#1b5e20)}.screen.sleeping .bg-ground{background:linear-gradient(180deg,#0d2818,#0a1f14,#071510)}.grass{position:absolute;bottom:100%;width:6px;height:12px;background:#4caf50;border-radius:3px 3px 0 0;transform-origin:bottom center;animation:grassSway 2s ease-in-out infinite}.grass:after{content:"";position:absolute;left:8px;bottom:0;width:4px;height:9px;background:#66bb6a;border-radius:2px 2px 0 0}.screen.sleeping .grass{background:#1a4a2a}.screen.sleeping .grass:after{background:#1e5030}@keyframes grassSway{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.bg-rain{position:absolute;inset:0;pointer-events:none}.raindrop{position:absolute;top:-10px;width:2px;height:12px;background:linear-gradient(180deg,transparent,rgba(100,180,255,.6));border-radius:2px;animation:rainFall .6s linear infinite}@keyframes rainFall{0%{transform:translateY(-10px)}to{transform:translateY(100vh);opacity:0}}.bg-snow{position:absolute;inset:0;pointer-events:none}.snowflake{position:absolute;top:-8px;width:5px;height:5px;background:#fff;border-radius:50%;opacity:.8;animation:snowFall 3s linear infinite}@keyframes snowFall{0%{transform:translateY(-10px) rotate(0)}to{transform:translateY(100vh) rotate(360deg);opacity:.2}}.hatch-title{position:absolute;top:15%;font-family:"Press Start 2P",cursive;font-size:12px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:2}.egg-wrapper{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:2}.egg-sprite{width:90px;height:112px;image-rendering:pixelated;transition:all .1s;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}.egg-sprite:active{transform:scale(.9)}.egg-sprite.crack-1{animation:eggWobble .3s ease-out;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3)) brightness(1.05)}.egg-sprite.crack-2{animation:eggWobble .3s ease-out;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3)) brightness(1.1)}.egg-sprite.crack-3{animation:eggShake .2s ease-out;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3)) brightness(1.15) saturate(1.2)}.egg-sprite.crack-4{animation:eggShake .15s ease-out infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.5)) brightness(1.3) saturate(1.5)}.egg-ground-wrapper{position:relative;cursor:pointer;z-index:10;display:flex;align-items:flex-end;margin-bottom:20px;transition:filter .3s}.hatch-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;padding-bottom:40px;gap:15px}.hatch-status-box{width:90%;display:flex;flex-direction:column;align-items:center;gap:10px;background:#00000080;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.egg-ground-wrapper.glow-0{filter:none}.egg-ground-wrapper.glow-1{filter:drop-shadow(0 0 6px rgba(255,215,0,.3))}.egg-ground-wrapper.glow-2{filter:drop-shadow(0 0 12px rgba(255,215,0,.5)) drop-shadow(0 0 4px rgba(255,180,50,.3))}.egg-ground-wrapper.glow-3{filter:drop-shadow(0 0 18px rgba(255,200,50,.6)) drop-shadow(0 0 8px rgba(255,150,50,.4));animation:eggGlow 1.5s ease-in-out infinite}.egg-ground-wrapper.glow-4{filter:drop-shadow(0 0 24px rgba(255,220,100,.8)) drop-shadow(0 0 12px rgba(255,180,80,.5));animation:eggGlow 1s ease-in-out infinite}.egg-ground-wrapper.glow-5{filter:drop-shadow(0 0 30px rgba(255,255,150,1)) drop-shadow(0 0 16px rgba(255,200,100,.7)) brightness(1.2);animation:eggGlow .5s ease-in-out infinite}@keyframes eggGlow{0%,to{filter:inherit}50%{filter:drop-shadow(0 0 35px rgba(255,255,200,1)) drop-shadow(0 0 20px rgba(255,220,120,.8)) brightness(1.4)}}.hatch-progress-bar{position:absolute;bottom:12%;left:20%;right:20%;height:8px;background:#0006;border-radius:4px;overflow:hidden;z-index:6;border:1px solid rgba(255,255,255,.15)}.hatch-progress-fill{height:100%;background:linear-gradient(90deg,#ffd93d,#ff6b9d,#c084fc);border-radius:4px;transition:width .15s ease-out;box-shadow:0 0 8px #ff6b9d66}@keyframes eggWobble{0%{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}to{transform:rotate(0)}}@keyframes eggShake{0%,to{transform:translate(0)}25%{transform:translate(-4px) rotate(-2deg)}75%{transform:translate(4px) rotate(2deg)}}.egg-progress{display:flex;gap:6px}.egg-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.2);transition:all .3s}.egg-dot.filled{background:var(--neon-green);border-color:var(--neon-green);box-shadow:0 0 8px #39ff1480}.hatch-hint{font-family:"Press Start 2P",cursive;font-size:10px;color:#ffffff80;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:2}.hatch-reveal{display:flex;flex-direction:column;align-items:center;gap:16px;z-index:2}.hatch-flash{position:absolute;inset:0;background:#fff;animation:hatchFlash 2s ease-out forwards;z-index:3;border-radius:inherit}@keyframes hatchFlash{0%{opacity:1}30%{opacity:.8}to{opacity:0}}.pet-sprite.hatch-pop{animation:hatchPop 1s ease-out .5s both;z-index:4}@keyframes hatchPop{0%{transform:scale(0) rotate(-20deg);opacity:0}50%{transform:scale(1.3) rotate(5deg);opacity:1}70%{transform:scale(.9) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.hatch-name{font-family:"Press Start 2P",cursive;font-size:14px;color:var(--neon-green);text-shadow:0 0 15px rgba(57,255,20,.6),0 2px 4px rgba(0,0,0,.5);animation:hatchNamePop .8s ease-out 1s both;z-index:4}@keyframes hatchNamePop{0%{opacity:0;transform:translateY(20px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.room-bg-container{position:absolute;inset:0;z-index:1;overflow:hidden;background:#222}.room-slider-rail{display:flex;height:100%;width:500%;transition:transform .6s cubic-bezier(.45,0,.55,1)}.room-scene{position:relative;width:20%;height:100%;flex-shrink:0;overflow:hidden}.room-main-bg{position:absolute;inset:0;background-size:cover;background-position:center;image-rendering:pixelated;transition:all 1s ease}.room-floor{position:absolute;bottom:0;left:0;right:0;height:35%;background:#3d3d3d;z-index:1;border-top:4px solid rgba(0,0,0,.2)}.room-scene:nth-child(1) .room-floor{background-color:#786fa6}.room-scene:nth-child(2) .room-floor{background-color:#f3a683}.room-scene:nth-child(3) .room-floor{background-color:#778ca3}.room-scene:nth-child(4) .room-floor{background-color:#596275}.room-scene:nth-child(5) .room-floor{background-color:#20bf6b}.room-main-bg.bedroom{background-color:#574b90;background-image:linear-gradient(180deg,#574b90,#303952)}.room-main-bg.livingroom{background-color:#f7d794;background-image:linear-gradient(180deg,#f7d794,#cf6a87)}.room-main-bg.bathroom{background-color:#63cdda;background-image:linear-gradient(180deg,#63cdda,#3dc1d3)}.room-main-bg.kitchen{background-color:#f3a683;background-image:linear-gradient(180deg,#f3a683,#f19066)}.room-main-bg.yard{background-color:#7bed9f;background-image:linear-gradient(180deg,#7bed9f,#2ed573)}.room-window-container{position:absolute;top:10%;left:50%;transform:translate(-50%);width:40%;height:25%;background:#57606f;padding:4px;border:4px solid #2f3542;border-radius:4px;z-index:2;box-shadow:inset 0 4px 8px #0006,0 8px 16px #0006}.window-glass{position:relative;width:100%;height:100%;overflow:hidden;background:#87ceeb}.window-sky{position:absolute;inset:0;transition:background 2s ease}.raindrop-mini{position:absolute;top:-10px;width:1px;height:6px;background:#fff9;animation:miniRainFall .5s linear infinite}@keyframes miniRainFall{to{transform:translateY(120px)}}.snow-mini{position:absolute;top:-10px;width:2px;height:2px;background:#fff;border-radius:50%;animation:miniSnowFall 2s linear infinite}@keyframes miniSnowFall{to{transform:translateY(120px) translate(10px)}}.window-moon{position:absolute;top:15%;right:15%;width:12px;height:12px;background:#f1f2f6;border-radius:50%;box-shadow:0 0 8px #fff}.room-object{position:absolute;font-size:36px;cursor:pointer;z-index:100;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));animation:floatObj 2.5s ease-in-out infinite;transition:transform .2s,filter .2s;-webkit-user-select:none;user-select:none}.room-object:hover{transform:scale(1.2);filter:drop-shadow(0 6px 12px rgba(255,255,255,.4))}.room-object:active{transform:scale(.95)}@keyframes floatObj{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.room-indicator{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:6px 16px;border-radius:20px;font-family:"Press Start 2P",cursive;font-size:10px;z-index:20;pointer-events:none;border:2px solid rgba(255,255,255,.4);box-shadow:0 4px 10px #00000080}.scene-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#2f3542cc;border:2px solid #f1f2f6;color:#fff;width:32px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;font-size:24px;border-radius:4px;transition:all .2s}.scene-arrow:hover{background:#ff4757;transform:translateY(-50%) scale(1.1)}.scene-arrow.left{left:5px}.scene-arrow.right{right:5px}.poop-sprite{position:absolute;font-size:22px;cursor:pointer;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:poopWobble 2s ease-in-out infinite;-webkit-user-select:none;user-select:none}@keyframes poopWobble{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(3deg)}}.mess-sprite{position:absolute;font-size:20px;cursor:pointer;z-index:5;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2));transition:transform .2s ease;-webkit-user-select:none;user-select:none}.mess-sprite:hover{transform:scale(1.2)}.night-overlay{position:absolute;inset:0;background:#0a0a2e4d;mix-blend-mode:multiply;z-index:4;pointer-events:none}.scene-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:28px;height:56px;background:#00000026;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:sans-serif;padding:0;line-height:1}.scene-arrow:hover{background:#0000004d;color:#fff}.scene-arrow:active{transform:translateY(-50%) scale(.9)}.scene-arrow-left{left:4px}.scene-arrow-right{right:4px}.find-pet-btn{position:absolute;bottom:22%;left:50%;transform:translate(-50%);z-index:9;padding:6px 14px;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-family:"Press Start 2P",cursive;font-size:8px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:findPetPulse 2s ease-in-out infinite}@keyframes findPetPulse{0%,to{box-shadow:0 0 6px #fff3}50%{box-shadow:0 0 16px #ffffff80}}.start-buttons{display:flex;flex-direction:column;gap:16px;margin-top:24px;width:100%;max-width:260px}.start-btn{font-family:"Press Start 2P",cursive;font-size:13px;padding:16px 24px;border-radius:12px;border:2px solid;cursor:pointer;transition:all .2s;letter-spacing:1px}.continue-btn{background:linear-gradient(135deg,#2ed573,#1abc9c);border-color:#2ed573;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 4px 20px #2ed5734d}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #2ed57380}.new-btn{background:#ffffff0d;border-color:#fff3;color:#ffffffb3}.new-btn:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.scene-rock{position:absolute;width:20px;height:14px;background:radial-gradient(ellipse,#9e9e9e,#616161);border-radius:40% 50% 45% 55%;z-index:2}.scene-crab{position:absolute;font-size:14px;z-index:3;animation:crabWalk 4s ease-in-out infinite alternate}@keyframes crabWalk{0%{transform:translate(0) scaleX(1)}to{transform:translate(20px) scaleX(-1)}}.scene-tree{position:absolute;z-index:1}.tree-top{width:40px;height:50px;background:radial-gradient(ellipse,#2e7d32,#1b5e20 70%);border-radius:50% 50% 10% 10%;margin-bottom:-5px}.tree-trunk{width:10px;height:20px;background:linear-gradient(90deg,#5d4037,#795548);margin:0 auto;border-radius:2px}.scene-tree.small .tree-top{width:28px;height:35px}.scene-tree.small .tree-trunk{width:7px;height:14px}.screen.sleeping .tree-top{background:radial-gradient(ellipse,#0d3318,#071a0d 70%)}.screen.sleeping .tree-trunk{background:linear-gradient(90deg,#2a1a10,#3a2a18)}.scene-mushroom{position:absolute;width:14px;height:10px;z-index:2}.scene-mushroom:before{content:"";position:absolute;width:14px;height:8px;background:radial-gradient(ellipse,#f44336,#c62828);border-radius:50% 50% 0 0;top:0}.scene-mushroom:after{content:"";position:absolute;width:6px;height:6px;background:#e8d5b0;border-radius:2px;bottom:0;left:4px}.scene-mushroom.small{transform:scale(.7)}.scene-flower{position:absolute;font-size:14px;z-index:2;animation:flowerSway 3s ease-in-out infinite}@keyframes flowerSway{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.butterfly{position:absolute;font-size:14px;z-index:6;animation:butterflyFloat 8s ease-in-out infinite}@keyframes butterflyFloat{0%{top:35%;left:20%;transform:scaleX(1)}25%{top:25%;left:55%;transform:scaleX(-1)}50%{top:30%;left:75%;transform:scaleX(1)}75%{top:20%;left:40%;transform:scaleX(-1)}to{top:35%;left:20%;transform:scaleX(1)}}.scene-waves{position:absolute;bottom:17%;left:0;right:0;height:12%;z-index:1;overflow:hidden}.wave{position:absolute;width:200%;height:100%;border-radius:40%;animation:waveMove linear infinite}.wave-1{background:#64b4ff40;animation-duration:4s;bottom:0}.wave-2{background:#64b4ff26;animation-duration:6s;animation-delay:1s;bottom:10%}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.scene-shell{position:absolute;font-size:12px;z-index:2}.scene-palm{position:absolute;z-index:2;width:0;height:0}.scene-palm:before{content:"🌴";font-size:36px;position:absolute;bottom:0}.seagull{position:absolute;left:20%;font-size:12px;z-index:3;animation:seagullFly 12s linear infinite;opacity:.7}@keyframes seagullFly{0%{left:-10%}to{left:110%}}.firefly{position:absolute;width:4px;height:4px;background:#ffeb3b;border-radius:50%;z-index:3;animation:fireflyGlow 3s ease-in-out infinite;box-shadow:0 0 8px 2px #ffeb3b80}@keyframes fireflyGlow{0%,to{opacity:0;transform:translate(0)}30%{opacity:1;transform:translate(5px,-8px)}60%{opacity:.6;transform:translate(-3px,-12px)}90%{opacity:.2;transform:translate(2px,-4px)}}