.heroes-panel__category{margin-bottom:2rem}.heroes-panel__category-title{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:linear-gradient(to right,#2c3e50,#3498db);color:#fff;border-radius:4px;margin-bottom:1rem}.heroes-panel__category-title img{width:24px;height:24px}.heroes-panel__category-title a{color:#fff;text-decoration:none;font-weight:700}.heroes-panel__category-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;list-style:none;padding:0;margin:0}.heroes-panel__hero-card{position:relative;width:100px;height:56px;transition:all .2s ease;overflow:hidden;border-radius:4px;display:block;text-decoration:none;color:#fff;opacity:0;animation:fadeInUp .5s ease forwards}.heroes-panel__category-list li:nth-child(1) .heroes-panel__hero-card{animation-delay:50ms}.heroes-panel__category-list li:nth-child(2) .heroes-panel__hero-card{animation-delay:.1s}.heroes-panel__category-list li:nth-child(3) .heroes-panel__hero-card{animation-delay:.15s}.heroes-panel__category-list li:nth-child(4) .heroes-panel__hero-card{animation-delay:.2s}.heroes-panel__category-list li:nth-child(5) .heroes-panel__hero-card{animation-delay:.25s}.heroes-panel__category-list li:nth-child(6) .heroes-panel__hero-card{animation-delay:.3s}.heroes-panel__category-list li:nth-child(7) .heroes-panel__hero-card{animation-delay:.35s}.heroes-panel__category-list li:nth-child(8) .heroes-panel__hero-card{animation-delay:.4s}.heroes-panel__category-list li:nth-child(9) .heroes-panel__hero-card{animation-delay:.45s}.heroes-panel__category-list li:nth-child(10) .heroes-panel__hero-card{animation-delay:.5s}.heroes-panel__category-list li:nth-child(n+11) .heroes-panel__hero-card{animation-delay:.55s}.heroes-panel__hero-card:hover{transform:scale(1.05);z-index:1}.heroes-panel__hero-card img{width:100%;height:100%;object-fit:cover;display:block}.heroes-panel__hero-card__title{position:absolute;bottom:0;left:0;right:0;padding:15px 4px 4px}.heroes-panel__hero-card__title::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,0) 100%);opacity:0;transition:opacity .2s ease;z-index:1}.heroes-panel__hero-card:hover .heroes-panel__hero-card__title::before{opacity:1}.heroes-panel__hero-card__title span{position:relative;color:#fff;font-size:.85rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);display:block;text-align:center;line-height:1.2;z-index:2}.category--strength .heroes-panel__category-title{background:linear-gradient(to right,#c0392b,#e74c3c)}.category--agility .heroes-panel__category-title{background:linear-gradient(to right,#27ae60,#2ecc71)}.category--intelligence .heroes-panel__category-title{background:linear-gradient(to right,#2980b9,#3498db)}@media (max-width:768px){.heroes-panel__category-list{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.heroes-panel__hero-card,.heroes-panel__hero-card img{width:80px;height:45px}.heroes-panel__hero-card__title span{font-size:.8rem}}.attribute-section{margin:20px 0}.attribute-header{display:flex;align-items:center;gap:10px;padding:10px;background:#2a2a2a;border-radius:5px;margin-bottom:15px}.attribute-header img{width:30px;height:30px}.attribute-header h2{color:#fff;margin:0}#content{max-width:1240px;margin:0 auto;padding:20px}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}