:root{color-scheme:dark;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5;--bg: #0b0b14;--bg-card: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .08);--text: #e8e8f0;--text-dim: rgba(255, 255, 255, .5);--accent: #7c5cfc;--accent-glow: rgba(124, 92, 252, .35);--gold: #f5c842;--gold-glow: rgba(245, 200, 66, .3);--fire: #ff6b3d;--fire-glow: rgba(255, 107, 61, .3);--color-hunger: #ff6b6b;--color-warmth: #ff9f43;--color-happiness: #f5c842;--radius: .75rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}body{background:radial-gradient(ellipse at 20% 50%,rgba(124,92,252,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(245,200,66,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(255,107,61,.05) 0%,transparent 50%),var(--bg)}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;bottom:-10px;background:var(--gold);border-radius:50%;opacity:0;animation:floatUp linear infinite}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:.6}90%{opacity:.1}to{opacity:0;transform:translateY(-100vh) scale(.3)}}.home-screen{min-height:100vh;display:grid;place-items:center;position:relative}.home-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;z-index:1;text-align:center;padding:2rem}.home-egg{position:relative;font-size:5rem;animation:eggBob 3s ease-in-out infinite}.home-egg-icon{position:relative;z-index:1;filter:drop-shadow(0 0 20px var(--gold-glow))}.home-egg-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,var(--gold-glow),transparent 70%);border-radius:50%;animation:pulseGlow 3s ease-in-out infinite}@keyframes eggBob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.home-title{font-size:2.5rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,var(--gold),var(--fire),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-subtitle{color:var(--text-dim);font-size:1.1rem;max-width:28rem}.btn{border:none;cursor:pointer;font-family:inherit;font-weight:600;border-radius:var(--radius);transition:all .2s ease;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn-start{padding:.9rem 2.5rem;font-size:1.1rem;background:linear-gradient(135deg,var(--accent),#9b7bfc);color:#fff;box-shadow:0 4px 24px var(--accent-glow);margin-top:.5rem}.btn-start:hover{box-shadow:0 6px 32px #7c5cfc80;transform:translateY(-2px)}.btn-back{padding:.5rem 1.2rem;font-size:.85rem;background:#ffffff0f;color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-back:hover{background:#ffffff1a}.game-screen{min-height:100vh;display:flex;flex-direction:column;position:relative;max-width:480px;margin:0 auto;padding:1rem;gap:1rem}.game-header{display:flex;align-items:center;justify-content:space-between;z-index:2}.stage-badge{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border);padding:.4rem 1rem;border-radius:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stage-badge-emoji{font-size:1.3rem}.stage-badge-label{font-size:.85rem;font-weight:600;color:var(--gold)}.creature-area{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0;z-index:1}.creature-display{position:relative;display:flex;flex-direction:column;align-items:center}.creature-art{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.25;color:var(--gold);text-shadow:0 0 12px var(--gold-glow);white-space:pre;animation:creatureIdle 4s ease-in-out infinite}.stage-egg .creature-art{color:#c9b48f;text-shadow:0 0 16px rgba(201,180,143,.4);animation:eggShimmer 3s ease-in-out infinite}.stage-hatchling .creature-art{color:#7ef5a1;text-shadow:0 0 12px rgba(126,245,161,.3)}.stage-baby .creature-art{color:#5ce0d6;text-shadow:0 0 14px rgba(92,224,214,.35)}.stage-juvenile .creature-art{color:#a78bfa;text-shadow:0 0 16px rgba(167,139,250,.4)}.stage-dragon .creature-art{color:#ff6b3d;text-shadow:0 0 20px rgba(255,107,61,.5);animation:dragonBreath 3s ease-in-out infinite}@keyframes creatureIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes eggShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes dragonBreath{0%,to{transform:translateY(0) scale(1);filter:brightness(1)}50%{transform:translateY(-4px) scale(1.02);filter:brightness(1.2)}}.action-feedback{position:absolute;top:-10px;font-size:1.2rem;font-weight:700;color:var(--gold);animation:feedbackPop 1.2s ease forwards;pointer-events:none}@keyframes feedbackPop{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}to{opacity:0;transform:translateY(-50px) scale(.8)}}.health-bar-container{width:100%;max-width:280px;text-align:center}.health-bar-label{font-size:.75rem;color:var(--text-dim);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.1em}.health-bar{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.health-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:3px;transition:width .5s ease}.stats-grid{display:flex;flex-direction:column;gap:.75rem;z-index:1}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .9rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.stat-emoji{font-size:1rem}.stat-label{font-size:.8rem;color:var(--text-dim);flex:1}.stat-value{font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-bar{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.xp-section{text-align:center;z-index:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.xp-label{font-size:.8rem;color:var(--gold);font-weight:600;margin-bottom:.35rem;font-variant-numeric:tabular-nums}.xp-bar{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:4px;transition:width .5s ease;box-shadow:0 0 12px var(--accent-glow)}.xp-next{font-size:.7rem;color:var(--text-dim);margin-top:.35rem}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;z-index:1;padding-bottom:1rem}.actions .btn{padding:.75rem 1rem;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.btn-feed{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;box-shadow:0 2px 12px #ff6b6b40}.btn-feed:hover{box-shadow:0 4px 20px #ff6b6b66}.btn-warm{background:linear-gradient(135deg,#ff9f43,#f5c842);color:#1a1a2e;box-shadow:0 2px 12px #ff9f4340}.btn-warm:hover{box-shadow:0 4px 20px #ff9f4366}.btn-pet{background:linear-gradient(135deg,#f5c842,#f9e866);color:#1a1a2e;box-shadow:0 2px 12px #f5c84240}.btn-pet:hover{box-shadow:0 4px 20px #f5c84266}.btn-play{background:linear-gradient(135deg,#7c5cfc,#a78bfa);color:#fff;box-shadow:0 2px 12px #7c5cfc40}.btn-play:hover{box-shadow:0 4px 20px #7c5cfc66}.evolution-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:grid;place-items:center;z-index:100;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.evolution-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:evolveIn .6s cubic-bezier(.34,1.56,.64,1);position:relative}.evolution-flash{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--gold-glow),transparent 70%);animation:flashBurst 2.5s ease-out forwards;pointer-events:none}.evolution-emoji-old{font-size:3rem;opacity:.5;filter:grayscale(.5)}.evolution-arrow{font-size:1.5rem;color:var(--gold);animation:arrowPulse .8s ease-in-out infinite}.evolution-emoji-new{font-size:4rem;animation:bounceIn .6s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 20px var(--gold-glow))}.evolution-content h2{font-size:1.8rem;background:linear-gradient(135deg,var(--gold),var(--fire));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:.5rem}.evolution-content p{color:var(--text-dim);font-size:.95rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes evolveIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes flashBurst{0%{transform:scale(0);opacity:1}50%{transform:scale(2);opacity:.6}to{transform:scale(3);opacity:0}}@keyframes arrowPulse{0%,to{transform:translate(0)}50%{transform:translate(8px)}}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:480px){.home-title{font-size:2rem}.home-egg{font-size:4rem}.creature-art{font-size:.7rem}.actions{grid-template-columns:1fr 1fr;gap:.5rem}}