*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.App{margin:0 auto;max-width:1200px}header{color:#fff;margin-bottom:30px;text-align:center}header h1{font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.subtitle{font-size:1.2rem;opacity:.9}.container{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.generator-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:30px}.generator-card,.input-section{margin-bottom:30px}.input-group{margin-bottom:20px}.input-group label{color:#333;display:block;font-size:1.1rem;font-weight:600;margin-bottom:8px}.input-group input,.input-group select{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .3s;width:100%}.input-group input:focus,.input-group select:focus{border-color:#667eea;outline:none}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:600;padding:15px;transition:transform .2s,box-shadow .2s;width:100%}.generate-btn:hover:not(:disabled){box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.error{background:#fee;border:2px solid #f88;border-radius:8px;color:#c00;font-weight:600;margin-top:15px;padding:10px}.character-display{animation:slideIn .5s ease-out;border-top:3px solid #667eea;padding-top:30px}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.character-header{margin-bottom:30px;text-align:center}.character-header h2{color:#333;font-size:2.5rem;margin-bottom:10px}.title{color:#666;font-size:1.2rem;font-style:italic;margin-bottom:15px}.badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.badge{border-radius:20px;font-size:.9rem;font-weight:600;padding:8px 16px}.badge.species{background:#e3f2fd;color:#1976d2}.badge.element{background:#fff3e0;color:#e65100}.badge.power{background:#f3e5f5;color:#7b1fa2}.character-section{background:#f9f9f9;border-left:4px solid #667eea;border-radius:10px;margin-bottom:25px;padding:20px}.character-section h3{color:#667eea;font-size:1.4rem;margin-bottom:12px}.character-section p{color:#444;font-size:1.05rem;line-height:1.8}.abilities-list{list-style:none;padding:0}.abilities-list li{background:#fff;border-left:3px solid #764ba2;border-radius:8px;line-height:1.6;margin-bottom:10px;padding:12px}.abilities-list strong{color:#764ba2}.export-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;padding:12px;transition:background .3s;width:100%}.export-btn:hover{background:#45a049}footer{color:#fff;font-size:1.1rem;padding:20px;text-align:center;text-shadow:1px 1px 2px #0003}@media (max-width:768px){header h1{font-size:2rem}.generator-card{padding:20px}}
/*# sourceMappingURL=main.75ad0c25.css.map*/