*{box-sizing:border-box;margin:0;padding:0}body{color:#f9fafb;background:#111827;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.header{text-align:center;background:#1f2937;border-bottom:1px solid #374151;padding:2rem 1rem}.header h1{margin-bottom:.5rem;font-size:2rem}.header p{color:#d1d5db}.container{gap:2rem;width:90%;max-width:1100px;margin:2rem auto;display:grid}.panel{background:#1f2937;border:1px solid #374151;border-radius:14px;padding:1.5rem}.panel h2{margin-bottom:1rem}.fighter-form{gap:1rem;display:grid}.fighter-form label{gap:.4rem;font-weight:700;display:grid}.fighter-form input{color:#fff;background:#111827;border:1px solid #4b5563;border-radius:8px;padding:.75rem}.primary-btn,.button-row button{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1rem;font-weight:700}.primary-btn{color:#fff;background:#10b981}.primary-btn:hover{opacity:.9}.fighter-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.fighter-card{background:#111827;border:1px solid #374151;border-radius:12px;padding:1rem}.fighter-card h3{margin-bottom:.75rem}.fighter-card p{margin-bottom:.5rem;line-height:1.4}.button-row{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.button-row button{color:#fff;background:#2563eb}.button-row button:hover{opacity:.9}.button-row .danger-btn{background:#dc2626}.status{font-weight:700}.training{color:#34d399}.resting{color:#fbbf24}.footer{text-align:center;color:#d1d5db;background:#1f2937;border-top:1px solid #374151;margin-top:auto;padding:1rem}