.characters-page{min-height:calc(100vh - 80px);padding:40px 0}.characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:30px;gap:30px}.character-card{background:var(--bg-card);border-radius:16px;padding:30px;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.character-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(108,92,231,.1),transparent);transition:left .5s ease}.character-card:hover:before{left:100%}.character-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.character-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.character-icon{font-size:4rem}.character-type{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;padding:6px 15px;border-radius:6px;font-size:.9rem;font-weight:600}.character-content{position:relative;z-index:1}.character-name{font-size:1.8rem;margin-bottom:15px;color:var(--text-primary)}.character-description{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.character-info{display:flex;gap:20px;margin-bottom:20px;padding:15px;background:rgba(108,92,231,.05);border-radius:8px;border-left:3px solid var(--primary-color)}.info-item{display:flex;flex-direction:column;gap:5px}.info-label{color:var(--text-secondary);font-size:.85rem}.info-value{color:var(--text-primary);font-weight:600}.difficulty-easy{color:#2ecc71}.difficulty-medium{color:#f39c12}.difficulty-hard{color:#e74c3c}.character-skills{margin-bottom:25px}.character-skills h3{font-size:1rem;color:var(--primary-color);margin-bottom:10px}.skills-list{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:rgba(108,92,231,.2);color:var(--primary-color);padding:6px 14px;border-radius:6px;font-size:.9rem;border:1px solid rgba(108,92,231,.3);transition:all .3s ease}.skill-tag:hover{background:rgba(108,92,231,.3);transform:scale(1.05)}.character-btn{width:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .3s ease}.character-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}@media (max-width:768px){.characters-page{padding:30px 0}.characters-grid{grid-template-columns:1fr}.character-card{padding:25px}.character-info{flex-direction:column;gap:10px}}