@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Outfit:wght@300;400;600;700&display=swap";:root{color-scheme:dark;font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.5;--gold: #f5a623;--gold-light: #ffd700;--gold-dark: #c78415;--savanna: #1a0f00;--jungle: #0d2b1a;--desert: #2b1d0e;--sky: #0b1a2e;--danger: #e74c3c;--health: #2ecc71;--mana: #3498db;--xp: #9b59b6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--savanna);color:#fafafa;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 20px #f5a6234d}50%{box-shadow:0 0 40px #f5a62399,0 0 80px #f5a62333}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes roar{0%{transform:scale(1)}10%{transform:scale(1.3)}20%{transform:scale(1.1)}30%{transform:scale(1.25)}40%{transform:scale(1)}to{transform:scale(1)}}@keyframes starTwinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes grassWave{0%,to{transform:skew(0)}25%{transform:skew(3deg)}75%{transform:skew(-3deg)}}@keyframes battleFlash{0%{background:transparent}50%{background:#e74c3c4d}to{background:transparent}}@keyframes healFlash{0%{background:transparent}50%{background:#2ecc714d}to{background:transparent}}.app-container{min-height:100vh;position:relative;overflow:hidden}.title-font{font-family:Cinzel Decorative,serif}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.particle{position:absolute;border-radius:50%;background:var(--gold);animation:starTwinkle var(--dur) ease-in-out infinite;animation-delay:var(--delay)}.main-menu{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;padding:2rem;background:linear-gradient(180deg,#0b1a2e,#1a0f00 40%,#2b1d0e)}.main-menu:before{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,rgba(245,166,35,.15) 0%,transparent 100%);pointer-events:none}.menu-lion{font-size:6rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(245,166,35,.4));margin-bottom:1rem}.menu-title{font-family:Cinzel Decorative,serif;font-size:clamp(2rem,6vw,3.5rem);font-weight:900;text-align:center;background:linear-gradient(135deg,var(--gold-light),var(--gold),var(--gold-dark));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;line-height:1.2;margin-bottom:.5rem}.menu-subtitle{font-size:1.1rem;color:#ffd700b3;letter-spacing:.3em;text-transform:uppercase;margin-bottom:3rem;text-align:center}.menu-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px;animation:slideUp .8s ease-out}.btn{font-family:Outfit,sans-serif;font-weight:600;font-size:1rem;border:none;border-radius:12px;padding:1rem 2rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#1a0f00;font-size:1.15rem;padding:1.1rem 2rem;animation:glow 2s ease-in-out infinite}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px #f5a62380}.btn-secondary{background:#ffffff14;color:var(--gold);border:1px solid rgba(245,166,35,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#f5a62326;transform:translateY(-2px);border-color:var(--gold)}.btn-small{padding:.6rem 1.2rem;font-size:.85rem;border-radius:8px}.btn-danger{background:linear-gradient(135deg,var(--danger),#c0392b);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 30px #e74c3c66}.btn-success{background:linear-gradient(135deg,var(--health),#27ae60);color:#0a1a0a}.btn-mana{background:linear-gradient(135deg,var(--mana),#2980b9);color:#fff}.character-select{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem;position:relative;z-index:1;background:linear-gradient(180deg,var(--jungle) 0%,var(--savanna) 100%)}.section-title{font-family:Cinzel Decorative,serif;font-size:clamp(1.5rem,4vw,2.2rem);color:var(--gold);text-align:center;margin:2rem 0 .5rem}.section-sub{color:#ffffff80;font-size:.9rem;margin-bottom:2rem;text-align:center}.lion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:900px;width:100%;margin-bottom:2rem}.lion-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;animation:fadeIn .6s ease-out backwards}.lion-card:nth-child(2){animation-delay:.1s}.lion-card:nth-child(3){animation-delay:.2s}.lion-card:nth-child(4){animation-delay:.3s}.lion-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 10px 40px #f5a62333}.lion-card.selected{border-color:var(--gold);background:#f5a6231a;box-shadow:0 0 30px #f5a6234d}.lion-card-emoji{font-size:4rem;display:block;margin-bottom:.5rem}.lion-card-name{font-weight:700;font-size:1.1rem;color:var(--gold-light);margin-bottom:.25rem}.lion-card-class{font-size:.8rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.lion-card-stats{display:flex;flex-direction:column;gap:.4rem}.stat-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.stat-label{color:#ffffff80;min-width:50px;text-align:left}.stat-bar-bg{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.stat-bar-fill.strength{background:var(--danger)}.stat-bar-fill.agility{background:var(--health)}.stat-bar-fill.wisdom{background:var(--mana)}.stat-bar-fill.charisma{background:var(--xp)}.game-world{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.hud{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(245,166,35,.2);z-index:10;flex-wrap:wrap;gap:.5rem}.hud-left{display:flex;align-items:center;gap:1rem}.hud-avatar{font-size:2rem}.hud-info{display:flex;flex-direction:column;gap:.2rem}.hud-name{font-weight:700;font-size:.95rem;color:var(--gold-light)}.hud-level{font-size:.75rem;color:#ffffff80}.hud-bars{display:flex;gap:.75rem;flex-wrap:wrap}.bar-group{display:flex;align-items:center;gap:.4rem;font-size:.75rem}.bar-icon{font-size:1rem}.bar-container{width:100px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.bar-fill.hp{background:linear-gradient(90deg,#e74c3c,#2ecc71)}.bar-fill.xp{background:linear-gradient(90deg,#9b59b6,#8e44ad)}.bar-value{color:#fff9;min-width:55px;font-size:.7rem}.hud-right{display:flex;align-items:center;gap:1rem}.gold-display{display:flex;align-items:center;gap:.3rem;font-weight:700;color:var(--gold)}.menu-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;padding:.4rem .8rem;cursor:pointer;font-size:.8rem;font-family:Outfit,sans-serif;transition:all .2s}.menu-btn:hover{background:#fff3}.world-map{flex:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1.5rem;overflow-y:auto}.world-tabs{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.world-tab{padding:.5rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s;font-family:Outfit,sans-serif;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff9}.world-tab:hover{border-color:#ffffff4d;color:#fff}.world-tab.active{background:var(--gold);color:#1a0f00;border-color:var(--gold)}.missions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;max-width:900px;width:100%}.mission-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1.25rem;cursor:pointer;transition:all .3s;animation:fadeIn .5s ease-out backwards;position:relative;overflow:hidden}.mission-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);opacity:0;transition:opacity .3s}.mission-card:hover{transform:translateY(-3px);border-color:#f5a62366;box-shadow:0 8px 30px #0000004d}.mission-card:hover:before{opacity:1}.mission-card.completed{border-color:#2ecc714d;opacity:.7}.mission-card.completed:before{background:var(--health);opacity:1}.mission-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.mission-icon{font-size:2rem}.mission-title{font-weight:700;font-size:1rem}.mission-desc{color:#ffffff80;font-size:.85rem;margin-bottom:.75rem;line-height:1.4}.mission-footer{display:flex;justify-content:space-between;align-items:center}.mission-reward{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--gold);font-weight:600}.mission-difficulty{font-size:.7rem;padding:.2rem .6rem;border-radius:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.diff-easy{background:#2ecc7133;color:var(--health)}.diff-medium{background:#f5a62333;color:var(--gold)}.diff-hard{background:#e74c3c33;color:var(--danger)}.diff-legendary{background:#9b59b633;color:var(--xp)}.battle-screen{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1;background:linear-gradient(180deg,#1a0000,#0a0a0a)}.battle-header{text-align:center;padding:1rem;background:#00000080;border-bottom:1px solid rgba(231,76,60,.3)}.battle-title{font-family:Cinzel Decorative,serif;font-size:1.3rem;color:var(--danger);text-transform:uppercase;letter-spacing:.2em}.battle-arena{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2rem;position:relative}.battle-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.battle-flash.attack{animation:battleFlash .3s ease-out}.battle-flash.heal{animation:healFlash .3s ease-out}.combatants{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:center}.combatant{text-align:center;animation:fadeIn .5s ease-out}.combatant-emoji{font-size:5rem;display:block;margin-bottom:.5rem;transition:transform .2s}.combatant-emoji.attacking{animation:roar .5s ease-out}.combatant-name{font-weight:700;font-size:1rem;margin-bottom:.25rem}.enemy .combatant-name{color:var(--danger)}.ally .combatant-name{color:var(--health)}.combatant-hp-bar{width:120px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:0 auto .25rem}.combatant-hp-fill{height:100%;border-radius:4px;transition:width .5s ease}.combatant-hp-fill.ally{background:var(--health)}.combatant-hp-fill.enemy{background:var(--danger)}.combatant-hp-text{font-size:.75rem;color:#ffffff80}.vs-text{font-family:Cinzel Decorative,serif;font-size:2rem;color:var(--gold);text-shadow:0 0 20px rgba(245,166,35,.5)}.battle-log{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;max-width:500px;width:100%;max-height:150px;overflow-y:auto}.battle-log-entry{font-size:.8rem;color:#fff9;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.battle-log-entry:last-child{border-bottom:none}.battle-log-entry.damage{color:var(--danger)}.battle-log-entry.heal{color:var(--health)}.battle-log-entry.info{color:var(--gold)}.battle-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;padding:1.5rem;background:#00000080;border-top:1px solid rgba(255,255,255,.1)}.result-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1;text-align:center;gap:1.5rem}.result-emoji{font-size:6rem;animation:float 2s ease-in-out infinite}.result-title{font-family:Cinzel Decorative,serif;font-size:2.5rem}.result-title.victory{color:var(--gold)}.result-title.defeat{color:var(--danger)}.result-rewards{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.reward-item{background:#ffffff0d;border:1px solid rgba(245,166,35,.3);border-radius:12px;padding:1rem 1.5rem;text-align:center;animation:slideUp .5s ease-out backwards}.reward-item:nth-child(2){animation-delay:.15s}.reward-item:nth-child(3){animation-delay:.3s}.reward-icon{font-size:2rem;display:block;margin-bottom:.25rem}.reward-value{font-weight:700;color:var(--gold);font-size:1.1rem}.reward-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase}.inventory-section{max-width:600px;width:100%;margin:0 auto}.ability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem}.ability-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;text-align:center;transition:all .3s;cursor:pointer}.ability-card:hover{border-color:var(--gold);transform:translateY(-2px)}.ability-card.locked{opacity:.4;cursor:not-allowed}.ability-emoji{font-size:2rem;display:block;margin-bottom:.25rem}.ability-name{font-weight:600;font-size:.9rem;margin-bottom:.2rem}.ability-desc{font-size:.75rem;color:#fff6;margin-bottom:.5rem}.ability-cost{font-size:.8rem;color:var(--gold);font-weight:600}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f5a6234d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#f5a62380}@media(max-width:600px){.hud{padding:.5rem 1rem}.bar-container{width:60px}.combatant-emoji{font-size:3.5rem}.menu-lion{font-size:4rem}}