:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden}.app-root{width:100vw;height:100vh;position:relative}.menu-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a472a,#0f2027 40%,#2c5364,#1a472a);background-size:400% 400%;animation:bgShift 12s ease-in-out infinite;z-index:0}.menu-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40% 70%,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 60% 20%,rgba(255,255,255,.25),transparent),radial-gradient(2px 2px at 80% 60%,rgba(255,255,255,.15),transparent),radial-gradient(1.5px 1.5px at 10% 80%,rgba(255,255,255,.2),transparent),radial-gradient(1.5px 1.5px at 90% 40%,rgba(255,255,255,.2),transparent);animation:twinkle 4s ease-in-out infinite alternate}@keyframes bgShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.menu-screen,.shop-screen,.missions-screen,.gameover-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10}.menu-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeIn .8s ease-out;max-width:500px;width:90%}.title-area{display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:float 3s ease-in-out infinite}.game-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#f472b6,#a78bfa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;letter-spacing:-.02em}.game-subtitle{color:#fff9;font-size:1rem;text-align:center}.menu-stats{display:flex;gap:1.5rem;animation:slideUp .8s ease-out .2s both}.stat{display:flex;flex-direction:column;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem 1.25rem;min-width:90px}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.stat-value{font-size:1.3rem;font-weight:700;color:#fbbf24}.menu-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:280px;animation:slideUp .8s ease-out .4s both}.btn{padding:.85rem 1.5rem;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.01em}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#f472b6,#a78bfa);color:#fff;box-shadow:0 4px 20px #a78bfa4d}.btn-primary:hover{box-shadow:0 6px 25px #a78bfa80}.btn-secondary{background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.12)}.btn-secondary:hover{background:#ffffff24}.btn-back{background:#ffffff0f;color:#94a3b8;border:1px solid rgba(255,255,255,.08);margin-top:1rem}.menu-features{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;animation:slideUp .8s ease-out .6s both}.feature{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#ffffff8c;background:#ffffff08;padding:.4rem .75rem;border-radius:8px}.feature span:first-child{font-size:1.1rem}.shop-content,.missions-content,.gameover-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeIn .6s ease-out;max-width:600px;width:90%}.shop-content h1,.missions-content h1,.gameover-content h1{font-size:2rem;font-weight:700}.shop-nectar{color:#fbbf24;font-size:1.1rem}.butterfly-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}.butterfly-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem .5rem;cursor:pointer;transition:all .2s}.butterfly-card:hover{background:#ffffff1a;transform:translateY(-3px)}.butterfly-card.selected{border-color:#a78bfa;background:#a78bfa1a;box-shadow:0 0 20px #a78bfa33}.butterfly-card.owned .card-name{color:#34d399}.card-name{font-weight:600;font-size:.9rem;color:#e2e8f0}.card-status{font-size:.75rem;color:#a78bfa;text-transform:uppercase;letter-spacing:.1em}.card-cost{font-size:.75rem;color:#fbbf24}.mission-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.mission{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.85rem 1.25rem;font-size:.95rem;transition:all .2s}.mission.done{background:#22c55e1a;border-color:#22c55e33}.mission-check{font-size:1.2rem}.mission-desc{color:#ffffffbf}.mission.done .mission-desc{color:#86efac}.game-container{position:absolute;top:0;right:0;bottom:0;left:0;cursor:none}.game-svg{width:100%;height:100%;display:block}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.5rem;pointer-events:none;z-index:5}.hud-left,.hud-center,.hud-right{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hud-left{align-items:flex-start}.hud-right{align-items:flex-end}.hud-item{display:flex;align-items:center;gap:.5rem;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.35rem .75rem;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.hud-label{font-size:.75rem;color:#fff9}.hud-value{font-size:1.1rem;font-weight:700;color:#fbbf24}.hud-combo{font-size:.85rem;font-weight:700;color:#f472b6;animation:pulse .5s ease-in-out infinite;text-shadow:0 0 10px rgba(244,114,182,.5)}.hud-env{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6;background:#0006;padding:.2rem .6rem;border-radius:10px}.hud-level{font-size:.9rem;font-weight:600;color:#a78bfa}.level-bar{width:120px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.level-fill{height:100%;background:linear-gradient(90deg,#a78bfa,#f472b6);border-radius:2px;transition:width .3s}.hud-lives{display:flex;gap:.25rem;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.35rem .6rem;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.heart{font-size:1rem;transition:all .2s}.heart.alive{color:#ef4444}.heart.dead{color:#ffffff26}.hud-time{font-size:.8rem;color:#ffffff80;background:#0006;padding:.2rem .5rem;border-radius:8px}.gameover-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.go-stat{display:flex;flex-direction:column;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem}.go-stat span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.go-stat strong{font-size:1.5rem;color:#fbbf24}.gameover-buttons{display:flex;gap:1rem}@media(max-width:600px){.game-title{font-size:1.8rem}.menu-stats{gap:.75rem}.stat{padding:.5rem .75rem;min-width:70px}.butterfly-grid{grid-template-columns:repeat(2,1fr)}.gameover-stats,.menu-features{grid-template-columns:1fr}}