.trending-battles{max-width:1280px;margin:3rem auto;padding:0 20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-title{font-size:2rem;font-weight:700;color:var(--secondary)}.battles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.battle-card{background:white;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);cursor:pointer;display:block}.battle-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.battle-card-header{height:180px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.battle-card-header .bg-left{position:absolute;top:0;left:0;width:50%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.battle-card-header .bg-right{position:absolute;top:0;right:0;width:50%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.battle-card-header .bg-left::after{content:'';position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 100%)}.battle-card-header .bg-right::before{content:'';position:absolute;top:0;left:0;width:100px;height:100%;background:linear-gradient(to left,transparent 0%,rgba(0,0,0,.3) 100%)}.battle-card-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;opacity:.7}.battle-live-badge{position:absolute;top:12px;right:12px;z-index:5;display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#ef4444;border-radius:20px;font-size:.75rem;font-weight:700;color:white;letter-spacing:.5px;box-shadow:0 2px 8px rgba(239,68,68,.4)}.battle-live-badge .live-dot{width:6px;height:6px;background:white;border-radius:50%;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}.battle-vs-icon{position:relative;z-index:4;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.battle-vs-icon::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,.1) 0deg,rgba(255,255,255,.3) 90deg,rgba(255,255,255,.6) 180deg,rgba(255,255,255,.3) 270deg,rgba(255,255,255,.1) 360deg);animation:rotate 3s linear infinite;z-index:-1}.battle-vs-icon::after{content:'';position:absolute;width:85%;height:85%;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.9) 0%,rgba(255,193,7,.7) 50%,rgba(255,152,0,.5) 100%);box-shadow:0 0 20px rgba(255,215,0,.5);z-index:-1}.battle-vs-icon img{width:60%;height:60%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8));animation:heartbeat 2s ease-in-out infinite;position:relative;z-index:1}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes heartbeat{0%,100%{transform:scale(1)}10%{transform:scale(1.15)}20%{transform:scale(1)}30%{transform:scale(1.15)}40%{transform:scale(1)}}.battle-card-body{padding:1.5rem}.battle-title{font-size:1.25rem;font-weight:700;color:var(--secondary);margin:0 0 .5rem 0}.battle-desc{font-size:.9rem;color:var(--text-muted);margin:0 0 1rem 0}.battle-btn{display:inline-block;padding:.6rem 1.5rem;background:var(--primary);color:white;border-radius:8px;font-weight:600;font-size:.9rem;transition:var(--transition)}.battle-card:hover .battle-btn{background:var(--primary-dark);transform:translateX(4px)}@media (max-width:768px){.battles-grid{grid-template-columns:1fr}.battle-card-header{height:140px}.battle-live-badge{top:8px;right:8px;padding:.3rem .6rem;font-size:.7rem}.battle-live-badge .live-dot{width:5px;height:5px}.battle-vs-icon{width:80px;height:80px}}