:root{--bg-arena-dark:#0a0512;--bg-arena-purple:#1a0a2e;--bg-card:rgba(25,15,40,0.9);--accent-red:#ff4757;--accent-orange:#ff6b35;--accent-gold:#ffd700;--accent-purple:#a855f7;--accent-cyan:#00d4ff;--accent-green:#10b981;--gradient-fire:linear-gradient(135deg,#ff4757,#ff6b35);--gradient-battle:linear-gradient(135deg,#a855f7,#ff4757);--gradient-victory:linear-gradient(135deg,#ffd700,#ff6b35);--gradient-ranked:linear-gradient(135deg,#3b82f6,#a855f7);--text-primary:#fff;--text-secondary:rgba(255,255,255,0.7);--text-muted:rgba(255,255,255,0.4);--border-color:rgba(168,85,247,0.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Nunito',sans-serif;background:var(--bg-arena-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.arena-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;background:radial-gradient(ellipse at 30% 20%,rgba(168,85,247,0.15) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,71,87,0.15) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,107,53,0.1) 0,transparent 60%),linear-gradient(180deg,var(--bg-arena-dark),var(--bg-arena-purple),var(--bg-arena-dark))}.battle-particles{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--accent-purple);border-radius:50%;animation:float-up 8s infinite linear;opacity:.5}@keyframes float-up{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}100%{transform:translateY(-10vh) rotate(360deg);opacity:0}}.main-content{position:relative;z-index:10;padding-top:100px;padding-bottom:100px}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.arena-hero{text-align:center;margin-bottom:3rem}.arena-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:rgba(255,71,87,0.2);border:1px solid rgba(255,71,87,0.4);border-radius:50px;color:var(--accent-red);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.arena-title{font-family:'Orbitron','Fredoka',sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:var(--gradient-battle);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 60px rgba(168,85,247,0.5)}.arena-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.stats-bar{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin:2rem 0;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px}.stat-item{text-align:center;min-width:120px}.stat-value{font-family:'Orbitron',sans-serif;font-size:1.8rem;font-weight:700;background:var(--gradient-victory);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem}.mode-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2rem;position:relative;overflow:hidden;transition:all .4s ease;cursor:pointer;text-decoration:none;color:var(--text-primary)}.mode-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-gradient);opacity:0;transition:opacity .3s ease}.mode-card:hover{transform:translateY(-8px);border-color:rgba(168,85,247,0.5);box-shadow:0 20px 60px rgba(168,85,247,0.2)}.mode-card:hover::before{opacity:1}.mode-card.pve{--card-gradient:var(--gradient-fire)}.mode-card.pvp{--card-gradient:var(--gradient-ranked)}.mode-card.ranked{--card-gradient:var(--gradient-victory)}.mode-icon{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem}.mode-card.pve .mode-icon{background:linear-gradient(135deg,rgba(255,71,87,0.2),rgba(255,107,53,0.2));color:var(--accent-red)}.mode-card.pvp .mode-icon{background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(168,85,247,0.2));color:var(--accent-cyan)}.mode-card.ranked .mode-icon{background:linear-gradient(135deg,rgba(255,215,0,0.2),rgba(255,107,53,0.2));color:var(--accent-gold)}.mode-title{font-family:'Fredoka',sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.mode-desc{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.mode-rewards{display:flex;gap:1rem;flex-wrap:wrap}.reward-tag{padding:.4rem .8rem;background:rgba(255,255,255,0.1);border-radius:20px;font-size:.8rem;font-weight:600}.reward-tag.np{color:var(--accent-gold)}.reward-tag.exp{color:var(--accent-green)}.reward-tag.items{color:var(--accent-purple)}.mode-badge{position:absolute;top:1rem;right:1rem;padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase}.mode-badge.new{background:var(--gradient-fire);color:white}.mode-badge.coming{background:rgba(255,255,255,0.1);color:var(--text-secondary)}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.section-title{font-family:'Fredoka',sans-serif;font-size:1.8rem;display:flex;align-items:center;gap:.75rem}.section-title i{color:var(--accent-purple)}.difficulty-filter{display:flex;gap:.5rem}.opponents-filters{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;margin-right:.25rem}.world-selector{display:flex;align-items:center;gap:.5rem}.world-btn{padding:.5rem 1rem;background:rgba(255,255,255,0.05);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:'Orbitron',sans-serif;position:relative;overflow:hidden}.world-btn:hover:not(.locked){border-color:var(--accent-purple);color:var(--text-primary);transform:translateY(-1px)}.world-btn.active{background:linear-gradient(135deg,var(--accent-purple),var(--accent-red));border-color:transparent;color:white;box-shadow:0 4px 15px rgba(168,85,247,0.4)}.world-btn[data-world="1"].active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px rgba(16,185,129,0.4)}.world-btn[data-world="2"].active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px rgba(59,130,246,0.4)}.world-btn[data-world="3"].active{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px rgba(245,158,11,0.4)}.world-btn[data-world="4"].active{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 15px rgba(139,92,246,0.4)}.world-btn[data-world="5"].active{background:linear-gradient(135deg,#ffd700,#ff6b35);box-shadow:0 4px 15px rgba(255,215,0,0.4)}.world-btn .world-icon{margin-right:.4rem}.world-btn.locked{opacity:.5;cursor:not-allowed}.world-btn.locked:hover{transform:none;border-color:var(--border-color)}.world-btn .lock-icon{margin-left:.3rem;font-size:.7rem}.filter-dropdown{position:relative;min-width:140px}.filter-dropdown-btn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1rem;background:linear-gradient(135deg,rgba(25,15,40,0.95),rgba(35,20,55,0.95));border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;backdrop-filter:blur(10px)}.filter-dropdown-btn:hover{border-color:var(--accent-purple);box-shadow:0 4px 15px rgba(168,85,247,0.2)}.filter-dropdown-btn.active{border-color:var(--accent-purple);background:linear-gradient(135deg,rgba(168,85,247,0.2),rgba(35,20,55,0.95))}.filter-dropdown-btn i{font-size:.7rem;color:var(--text-secondary);transition:transform .3s ease}.filter-dropdown.open .filter-dropdown-btn i{transform:rotate(180deg)}.filter-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:linear-gradient(135deg,rgba(25,15,40,0.98),rgba(35,20,55,0.98));border:1px solid var(--border-color);border-radius:12px;padding:.5rem;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .25s ease;backdrop-filter:blur(15px);box-shadow:0 10px 40px rgba(0,0,0,0.4);min-width:160px}.filter-dropdown.open .filter-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.filter-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-dropdown-item:hover{background:rgba(168,85,247,0.15);color:var(--text-primary)}.filter-dropdown-item.selected{background:linear-gradient(135deg,var(--accent-purple),#9333ea);color:white}.filter-dropdown-item i{width:18px;text-align:center;font-size:.85rem}.filter-dropdown-item[data-difficulty="easy"] i{color:var(--accent-green)}.filter-dropdown-item[data-difficulty="normal"] i{color:var(--accent-cyan)}.filter-dropdown-item[data-difficulty="hard"] i{color:#ff9f43}.filter-dropdown-item[data-difficulty="extreme"] i{color:#e879f9}.filter-dropdown-item[data-difficulty="nightmare"] i{color:var(--accent-red)}.filter-dropdown-item[data-type="wild"] i{color:var(--accent-green)}.filter-dropdown-item[data-type="trainer"] i{color:var(--accent-cyan)}.filter-dropdown-item[data-type="boss"] i{color:var(--accent-red)}.filter-dropdown-item[data-type="raid"] i{color:var(--accent-gold)}.filter-btn{padding:.5rem 1rem;background:rgba(255,255,255,0.05);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover,.filter-btn.active{background:var(--accent-purple);border-color:var(--accent-purple);color:white}.opponents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:3rem}.opponent-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease;cursor:pointer;position:relative}.team-size-badge{position:absolute;top:-8px;left:15px;font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;z-index:1}.team-size-badge.size-1{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px rgba(16,185,129,0.4)}.team-size-badge.size-2{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,0.4)}.team-size-badge.size-3{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px rgba(239,68,68,0.4)}.team-size-badge.size-boss{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;box-shadow:0 2px 10px rgba(220,38,38,0.5);border:1px solid rgba(255,255,255,0.2)}.team-size-badge.size-raid{background:linear-gradient(135deg,#ffd700,#ff6b35);color:#1a0a2e;box-shadow:0 2px 12px rgba(255,215,0,0.5);border:1px solid rgba(255,255,255,0.3);font-weight:900}.opponent-card:hover{transform:translateY(-4px);border-color:var(--accent-red);box-shadow:0 10px 30px rgba(255,71,87,0.2)}.opponent-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.opponent-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.opponent-card.wild .opponent-icon{background:rgba(16,185,129,0.2);color:var(--accent-green)}.opponent-card.trainer .opponent-icon{background:rgba(59,130,246,0.2);color:var(--accent-cyan)}.opponent-card.boss .opponent-icon{background:rgba(255,71,87,0.2);color:var(--accent-red)}.opponent-card.test{border:2px dashed rgba(139,92,246,0.5);background:linear-gradient(135deg,rgba(139,92,246,0.15),rgba(25,15,40,0.9))}.opponent-card.test .opponent-icon{background:rgba(139,92,246,0.3);color:#a78bfa}.opponent-card.test::before{content:'TEST';position:absolute;top:-8px;right:15px;background:#a78bfa;color:#1a0a2e;font-size:.6rem;font-weight:800;padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:1px}.opponent-card.locked{opacity:.6;filter:grayscale(40%);cursor:not-allowed}.opponent-card.locked:hover{transform:none;border-color:var(--border-color);box-shadow:none}.opponent-card.locked .battle-btn{background:rgba(100,100,100,0.3);cursor:not-allowed;pointer-events:none}.locked-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5}.locked-overlay i{font-size:2rem;color:var(--text-muted);margin-bottom:.5rem}.locked-overlay .lock-text{font-family:'Fredoka',sans-serif;font-size:.85rem;color:var(--text-secondary);text-align:center;padding:0 1rem}.locked-overlay .lock-requirement{font-size:.75rem;color:var(--accent-gold);margin-top:.25rem}.companion-option.level-too-low{opacity:.5;cursor:not-allowed;pointer-events:none;position:relative}.companion-option.level-too-low::after{content:attr(data-level-msg);position:absolute;bottom:.5rem;left:0;right:0;text-align:center;font-size:.7rem;color:var(--accent-red);background:rgba(0,0,0,0.7);padding:.25rem;border-radius:4px}.test-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem;padding:.75rem;background:rgba(139,92,246,0.1);border-radius:8px;font-size:.75rem}.test-info-item{display:flex;justify-content:space-between;color:var(--text-secondary)}.test-info-item .label{color:#a78bfa}.test-info-item .value{color:var(--text-primary);font-weight:600}.opponent-name{font-family:'Fredoka',sans-serif;font-size:1.1rem;font-weight:600}.opponent-type{font-size:.8rem;color:var(--text-secondary);text-transform:capitalize}.difficulty-badge{padding:.25rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;margin-left:auto}.difficulty-badge.test{background:rgba(139,92,246,0.3);color:#a78bfa;border:1px dashed #a78bfa}.difficulty-badge.easy{background:rgba(16,185,129,0.2);color:var(--accent-green)}.difficulty-badge.normal{background:rgba(59,130,246,0.2);color:var(--accent-cyan)}.difficulty-badge.hard{background:rgba(255,159,67,0.2);color:#ff9f43}.difficulty-badge.extreme{background:linear-gradient(135deg,rgba(139,69,219,0.4),rgba(255,71,87,0.4));color:#e879f9;border:1px solid rgba(232,121,249,0.5);text-shadow:0 0 8px rgba(232,121,249,0.6)}.difficulty-badge.nightmare{background:rgba(255,71,87,0.2);color:var(--accent-red)}.opponent-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.opponent-rewards{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border-color)}.reward-item{text-align:center}.reward-value{font-family:'Orbitron',sans-serif;font-size:.9rem;font-weight:600}.reward-label{font-size:.7rem;color:var(--text-muted);margin-top:.2rem}.battle-btn{width:100%;padding:1rem;background:var(--gradient-fire);border:0;border-radius:12px;color:white;font-family:'Fredoka',sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.battle-btn:hover{transform:scale(1.02);box-shadow:0 8px 25px rgba(255,71,87,0.4)}.leaderboard-section{margin-bottom:3rem}.leaderboard-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.leaderboard-header{display:grid;grid-template-columns:60px 1fr 100px 100px 80px;gap:.75rem;padding:1rem 1.5rem;background:rgba(168,85,247,0.1);font-weight:700;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.leaderboard-header>*:nth-child(4){text-align:center}.leaderboard-header>*:nth-child(5){text-align:right}.leaderboard-row{display:grid;grid-template-columns:60px 1fr 100px 100px 80px;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);align-items:center;transition:background .3s ease}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row:hover{background:rgba(168,85,247,0.05)}.leaderboard-row.current-player{background:rgba(255,215,0,0.1);border-left:3px solid var(--accent-gold)}.leaderboard-row .tier-badge{justify-self:center}.leaderboard-row .win-rate{justify-self:end}.rank-number{font-family:'Orbitron',sans-serif;font-size:1.1rem;font-weight:700}.rank-1{color:#ffd700}.rank-2{color:silver}.rank-3{color:#cd7f32}.player-info{display:flex;align-items:center;gap:.75rem}.player-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;background:var(--gradient-ranked);display:flex;align-items:center;justify-content:center;font-size:1rem;overflow:visible;border:2px solid rgba(168,85,247,0.3)}.player-avatar img{width:100%;height:100%;object-fit:contain}.player-avatar .avatar-initial{font-family:'Fredoka',sans-serif;font-weight:700;font-size:.95rem;color:white;text-transform:uppercase}.player-avatar.bg-gray{background:linear-gradient(135deg,#374151 0,#1f2937 100%)}.player-avatar.bg-purple{background:linear-gradient(135deg,#7c3aed 0,#4c1d95 100%)}.player-avatar.bg-blue{background:linear-gradient(135deg,#3b82f6 0,#1e3a8a 100%)}.player-avatar.bg-cyan{background:linear-gradient(135deg,#22d3ee 0,#0e7490 100%)}.player-avatar.bg-orange{background:linear-gradient(135deg,#f97316 0,#9a3412 100%)}.player-avatar.bg-green{background:linear-gradient(135deg,#22c55e 0,#166534 100%)}.player-avatar.bg-pink{background:linear-gradient(135deg,#ec4899 0,#9d174d 100%)}.player-avatar.bg-gold{background:linear-gradient(135deg,#fbbf24 0,#b45309 100%)}.player-avatar.bg-shadow{background:linear-gradient(135deg,#1f2937 0,#030712 100%)}.player-avatar.bg-crimson{background:linear-gradient(135deg,#dc2626 0,#7f1d1d 100%)}.player-avatar.bg-cosmic{background:linear-gradient(135deg,#8b5cf6 0,#1e1b4b 100%)}.player-avatar.bg-teal{background:linear-gradient(135deg,#14b8a6 0,#134e4a 100%)}.player-name{font-weight:600}.player-rating{font-family:'Orbitron',sans-serif;font-weight:600}.tier-badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:6px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent;min-width:70px;text-align:center}.tier-bronze{background:linear-gradient(135deg,rgba(205,127,50,0.25),rgba(139,90,43,0.25));color:#cd7f32;border-color:rgba(205,127,50,0.4);text-shadow:0 1px 2px rgba(0,0,0,0.3)}.tier-silver{background:linear-gradient(135deg,rgba(192,192,192,0.25),rgba(160,160,160,0.25));color:#e0e0e0;border-color:rgba(192,192,192,0.4);text-shadow:0 1px 2px rgba(0,0,0,0.3)}.tier-gold{background:linear-gradient(135deg,rgba(255,215,0,0.3),rgba(255,180,0,0.25));color:#ffd700;border-color:rgba(255,215,0,0.5);text-shadow:0 1px 2px rgba(0,0,0,0.4);box-shadow:0 0 8px rgba(255,215,0,0.2)}.tier-platinum{background:linear-gradient(135deg,rgba(0,212,255,0.25),rgba(0,180,220,0.25));color:#00d4ff;border-color:rgba(0,212,255,0.4);text-shadow:0 1px 2px rgba(0,0,0,0.3);box-shadow:0 0 8px rgba(0,212,255,0.15)}.tier-diamond{background:linear-gradient(135deg,rgba(168,85,247,0.3),rgba(139,92,246,0.25));color:#c084fc;border-color:rgba(168,85,247,0.5);text-shadow:0 1px 2px rgba(0,0,0,0.3);box-shadow:0 0 10px rgba(168,85,247,0.2)}.tier-champion{background:linear-gradient(135deg,rgba(255,215,0,0.4),rgba(255,71,87,0.35));color:#fff;border-color:rgba(255,215,0,0.6);text-shadow:0 1px 3px rgba(0,0,0,0.5);box-shadow:0 0 12px rgba(255,215,0,0.3);animation:championGlow 2s ease-in-out infinite alternate}@keyframes championGlow{from{box-shadow:0 0 12px rgba(255,215,0,0.3)}to{box-shadow:0 0 18px rgba(255,71,87,0.4)}}.win-rate{color:var(--accent-green);font-weight:600}.pvp-section{margin-bottom:3rem}.back-btn{background:rgba(168,85,247,0.2);border:1px solid var(--border-color);color:var(--accent-purple);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:600;transition:all .3s ease}.back-btn:hover{background:rgba(168,85,247,0.3)}.pvp-stats-bar{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem 2rem;margin-bottom:2rem}.pvp-stat{text-align:center}.pvp-stat-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.3rem}.pvp-stat-value{font-family:'Orbitron',sans-serif;font-size:1.2rem;font-weight:700;color:var(--accent-gold)}.pvp-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.pvp-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.pvp-card.full-width{grid-column:1 / -1}.pvp-card-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:rgba(168,85,247,0.1);border-bottom:1px solid var(--border-color)}.pvp-card-header i{color:var(--accent-purple);font-size:1.2rem}.pvp-card-header h3{font-family:'Fredoka',sans-serif;font-size:1.1rem;flex:1}.challenge-count{background:var(--accent-red);color:white;padding:.2rem .6rem;border-radius:20px;font-size:.8rem;font-weight:700}.pvp-card-body{padding:1.5rem}.pvp-card-body p{color:var(--text-secondary);margin-bottom:1rem}.challenge-form{display:flex;flex-direction:column;gap:1rem}.pvp-input{width:100%;padding:.8rem 1rem;background:rgba(0,0,0,0.3);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:'Nunito',sans-serif;font-size:1rem}.pvp-input:focus{outline:0;border-color:var(--accent-purple)}.battle-mode-select{display:flex;flex-direction:column;gap:.5rem}.battle-mode-select label{font-size:.85rem;color:var(--text-secondary)}.mode-buttons{display:flex;gap:.5rem}.mode-btn{flex:1;padding:.6rem;background:rgba(0,0,0,0.3);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease}.mode-btn:hover{border-color:var(--accent-purple)}.mode-btn.active{background:var(--gradient-ranked);border:0;color:white}.battle-mode-select{margin-bottom:.5rem}.pvp-btn{width:100%;padding:1rem;border:0;border-radius:12px;font-family:'Fredoka',sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.challenge-btn{background:var(--gradient-fire);color:white}.queue-btn{background:var(--gradient-ranked);color:white}.cancel-btn{background:rgba(255,71,87,0.2);color:var(--accent-red);border:1px solid var(--accent-red)}.accept-btn{background:var(--accent-green);color:white}.decline-btn{background:rgba(255,71,87,0.2);color:var(--accent-red)}.pvp-btn:hover{transform:scale(1.02)}.queue-status{text-align:center;padding:1.5rem;background:rgba(59,130,246,0.1);border-radius:12px;margin-bottom:1rem}.queue-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-cyan);border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.queue-info{display:flex;justify-content:center;gap:2rem;margin:1rem 0;font-size:.9rem;color:var(--text-secondary)}.challenges-list{max-height:300px;overflow-y:auto}.no-challenges{text-align:center;color:var(--text-muted);padding:2rem}.challenge-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:rgba(0,0,0,0.2);border-radius:10px;margin-bottom:.5rem}.challenge-info{flex:1}.challenge-player{font-weight:600;color:var(--accent-cyan)}.challenge-details{font-size:.85rem;color:var(--text-secondary)}.challenge-actions-inline{display:flex;gap:.5rem}.challenge-actions-inline button{padding:.5rem 1rem;border-radius:8px;font-size:.85rem}.extra-battles-section{text-align:center;padding:1rem;background:rgba(255,215,0,0.1);border:1px dashed var(--accent-gold);border-radius:12px;margin-bottom:2rem}.buy-battles-btn{background:var(--gradient-victory);border:0;padding:.5rem 1rem;border-radius:8px;color:#000;font-weight:700;cursor:pointer;margin-left:.5rem}.pvp-leaderboard{margin-bottom:2rem}.loading-leaderboard{text-align:center;padding:2rem;color:var(--text-muted)}.rewards-info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.rewards-info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.rewards-info-card h4{font-family:'Fredoka',sans-serif;color:var(--accent-gold);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.rewards-info-card ul{list-style:none;font-size:.9rem;color:var(--text-secondary)}.rewards-info-card li{padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,0.05)}.rewards-info-card li:last-child{border-bottom:0}.challenge-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:2000;align-items:center;justify-content:center}.challenge-modal.active{display:flex}.challenge-modal-content{background:var(--bg-arena-purple);border:2px solid var(--accent-gold);border-radius:20px;padding:2rem;max-width:400px;width:90%;text-align:center;animation:challengeSlideIn .3s ease}@keyframes challengeSlideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.challenge-header{margin-bottom:1.5rem}.challenge-header i{font-size:3rem;color:var(--accent-gold);margin-bottom:.5rem}.challenge-header h3{font-family:'Orbitron',sans-serif;font-size:1.5rem}.challenge-body p{margin-bottom:1rem;color:var(--text-secondary)}.challenge-timer{background:rgba(0,0,0,0.3);border-radius:10px;padding:.5rem;margin-bottom:1.5rem}.timer-bar{height:6px;background:var(--accent-gold);border-radius:3px;transition:width 1s linear}#challenge-timer-text{display:block;margin-top:.5rem;font-family:'Orbitron',sans-serif;font-size:.9rem;color:var(--accent-gold)}.challenge-actions{display:flex;gap:1rem}.challenge-actions button{flex:1}.challenge-toast{position:fixed;top:20px;right:20px;background:var(--bg-card);border:2px solid var(--accent-gold);border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;z-index:3000;animation:toastSlideIn .3s ease;cursor:pointer}@keyframes toastSlideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.challenge-toast i{color:var(--accent-gold);font-size:1.5rem}.toast-content{flex:1}.toast-title{font-weight:700;margin-bottom:.2rem}.toast-message{font-size:.85rem;color:var(--text-secondary)}.battle-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:1000;align-items:center;justify-content:center}.battle-modal.active{display:flex}.battle-container{width:100%;max-width:1200px;max-height:90vh;background:var(--bg-arena-purple);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.battle-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:rgba(0,0,0,0.3);border-bottom:1px solid var(--border-color)}.turn-indicator{font-family:'Orbitron',sans-serif;font-size:1rem;color:var(--accent-gold)}.close-battle{width:40px;height:40px;background:rgba(255,71,87,0.2);border:0;border-radius:10px;color:var(--accent-red);font-size:1.2rem;cursor:pointer;transition:all .3s ease}.close-battle:hover{background:var(--accent-red);color:white}.battle-arena{flex:1;display:flex;flex-direction:column;padding:1.5rem 2rem;position:relative;min-height:0;gap:.75rem;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.battle-arena::-webkit-scrollbar{width:6px}.battle-arena::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:3px}.battle-arena::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:3px}.battle-arena::-webkit-scrollbar-thumb:hover{background:var(--accent-pink)}.teams-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-start;gap:1rem}.vs-indicator{font-family:'Orbitron',sans-serif;font-size:2rem;font-weight:900;color:var(--accent-red);display:flex;align-items:center;justify-content:center;align-self:center;text-shadow:0 0 20px rgba(255,71,87,0.6)}.team-side{width:100%}.team-label{font-family:'Orbitron',sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;color:var(--text-secondary)}.combatant-display{background:rgba(0,0,0,0.3);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;text-align:center;position:relative}.combatant-display.active{border-color:var(--accent-purple);box-shadow:0 0 30px rgba(168,85,247,0.3)}.combatant-display.enemy{border-color:var(--accent-red)}.combatant-display.enemy.active{box-shadow:0 0 30px rgba(255,71,87,0.3)}.multi-battle .teams-container{min-height:auto}.multi-battle .team-side{display:flex;flex-direction:column;gap:.5rem}.multi-battle .team-companions{display:flex;flex-direction:column;gap:.5rem}.multi-battle .combatant-display{padding:.75rem;display:flex;align-items:center;gap:.75rem;text-align:left}.multi-battle .combatant-display.inactive{opacity:.5;border-color:rgba(100,100,100,0.3)}.multi-battle .combatant-display.ko{opacity:.3;filter:grayscale(100%);border-color:rgba(100,100,100,0.2)}.multi-battle .combatant-display.current-turn{border-color:var(--accent-gold) !important;box-shadow:0 0 20px rgba(255,215,0,0.5),inset 0 0 10px rgba(255,215,0,0.1) !important;animation:currentTurnPulse 1.5s infinite}@keyframes currentTurnPulse{0%,100%{box-shadow:0 0 20px rgba(255,215,0,0.5),inset 0 0 10px rgba(255,215,0,0.1)}50%{box-shadow:0 0 30px rgba(255,215,0,0.7),inset 0 0 15px rgba(255,215,0,0.2)}}.multi-battle .combatant-image{width:60px;height:60px;flex-shrink:0;margin:0;border:2px solid rgba(255,255,255,0.2);box-shadow:0 3px 10px rgba(0,0,0,0.3)}.multi-battle .combatant-info{flex:1;min-width:0}.multi-battle .combatant-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem;flex-wrap:nowrap}.multi-battle .combatant-name{font-size:1.1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}.multi-battle .combatant-level{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;margin-bottom:0}.multi-battle .combatant-types{display:flex;gap:.25rem;flex-shrink:0;margin-left:auto}.multi-battle .combatant-types .combatant-type-tag{font-size:.6rem;padding:.1rem .35rem}.multi-battle .hp-bar-container{margin-bottom:.2rem}.multi-battle .hp-bar{height:6px}.multi-battle .hp-bar-label{font-size:.65rem}.multi-battle .status-effects-inline{display:flex;flex-wrap:nowrap;gap:.2rem;align-items:center}.multi-battle .status-effects-inline .status-badge{font-size:.55rem;padding:.1rem .3rem;min-width:auto}.multi-battle .status-effects-inline .status-icon{font-size:.55rem}.multi-battle .status-effects-inline .status-turns{font-size:.5rem}.multi-battle .status-effects-container{display:none}.multi-battle .status-effects-container-legacy{position:absolute;top:.25rem;right:.25rem;min-height:auto;gap:.2rem}.multi-battle .status-badge{font-size:.55rem;padding:.15rem .3rem}.turn-order-bar{display:none;background:rgba(0,0,0,0.4);border:1px solid var(--border-color);border-radius:12px;padding:.5rem 1rem;margin-bottom:.75rem}.multi-battle .turn-order-bar{display:flex;align-items:center;gap:.75rem}.turn-order-label{font-family:'Orbitron',sans-serif;font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.turn-order-list{display:flex;gap:.4rem;flex:1;overflow-x:auto}.turn-order-item{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:rgba(255,255,255,0.1);border-radius:20px;font-size:.7rem;white-space:nowrap;border:1px solid transparent;transition:all .3s ease}.turn-order-item.player{background:rgba(168,85,247,0.2);border-color:rgba(168,85,247,0.3)}.turn-order-item.enemy{background:rgba(255,71,87,0.2);border-color:rgba(255,71,87,0.3)}.turn-order-item.current{background:rgba(255,215,0,0.3);border-color:var(--accent-gold);box-shadow:0 0 10px rgba(255,215,0,0.4)}.turn-order-item.ko{opacity:.3;text-decoration:line-through}.turn-order-item .turn-portrait{width:20px;height:20px;border-radius:50%;overflow:hidden;background:rgba(0,0,0,0.3)}.turn-order-item .turn-portrait img{width:100%;height:100%;object-fit:cover}.current-actor-indicator{display:none;background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange));color:#000;padding:.5rem 1rem;border-radius:8px;font-family:'Orbitron',sans-serif;font-size:.8rem;font-weight:700;text-align:center;margin-bottom:.5rem;animation:actorPulse 2s infinite}.multi-battle .current-actor-indicator{display:block}@keyframes actorPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.multi-battle .player-side .combatant-display.attacking{animation:multiAttack .45s cubic-bezier(0.25,0.46,0.45,0.94) !important}@keyframes multiAttack{0%{translate:0;scale:1}25%{translate:35px 0;scale:1.08;box-shadow:0 0 25px rgba(255,215,0,0.7)}50%{translate:50px 0;scale:1.1;box-shadow:0 0 35px rgba(255,215,0,0.9)}75%{translate:15px 0;scale:1.02}100%{translate:0;scale:1;box-shadow:none}}.multi-battle .enemy-side .combatant-display.attacking{animation:multiAttackEnemy .45s cubic-bezier(0.25,0.46,0.45,0.94) !important}@keyframes multiAttackEnemy{0%{translate:0;scale:1}25%{translate:-35px 0;scale:1.08;box-shadow:0 0 25px rgba(255,71,87,0.7)}50%{translate:-50px 0;scale:1.1;box-shadow:0 0 35px rgba(255,71,87,0.9)}75%{translate:-15px 0;scale:1.02}100%{translate:0;scale:1;box-shadow:none}}.multi-battle .combatant-display.taking-damage{animation:multiDamage .5s ease}@keyframes multiDamage{0%{background-color:rgba(0,0,0,0.3);translate:0}25%{background-color:rgba(255,71,87,0.6);translate:-8px 0}50%{background-color:rgba(255,71,87,0.4);translate:8px 0}75%{background-color:rgba(255,71,87,0.2);translate:-4px 0}100%{background-color:rgba(0,0,0,0.3);translate:0}}.multi-battle .enemy-side .combatant-display:not(.ko){cursor:pointer;transition:all .2s ease}.multi-battle .enemy-side .combatant-display:not(.ko):hover{border-color:var(--accent-cyan);box-shadow:0 0 15px rgba(0,212,255,0.4)}.multi-battle .combatant-display.targeted{border-color:var(--accent-cyan) !important;box-shadow:0 0 20px rgba(0,212,255,0.6),inset 0 0 10px rgba(0,212,255,0.1) !important;position:relative}.multi-battle .combatant-display.targeted::before{content:'\f05b';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:50%;left:-25px;transform:translateY(-50%);color:var(--accent-cyan);font-size:1.2rem;animation:targetPulse 1s infinite}.battle-mode-1v1 .enemy-side .combatant-display.enemy.targeted{border-color:var(--accent-red) !important;box-shadow:none !important}.battle-mode-1v1 .combatant-display.targeted::before{content:none !important;animation:none !important}.multi-battle.battle-mode-2v1 .enemy-side .combatant-display.targeted::before{content:'BOSS' !important;animation:bossBadgePulse 2s ease-in-out infinite !important;transform:translateX(-50%) !important}.multi-battle.battle-mode-3v1 .enemy-side .combatant-display.targeted::before{content:'RAID BOSS' !important;animation:badgePulse 2s ease-in-out infinite !important}.multi-battle.battle-mode-2v1 .enemy-side .combatant-display.enemy.targeted{border-color:transparent !important;box-shadow:0 0 30px rgba(255,71,87,0.4),0 0 60px rgba(255,71,87,0.2),inset 0 0 30px rgba(255,71,87,0.1) !important}.multi-battle.battle-mode-3v1 .enemy-side .combatant-display.enemy.targeted{border-color:transparent !important;box-shadow:0 0 40px rgba(168,85,247,0.5),0 0 80px rgba(255,0,128,0.3),0 0 120px rgba(168,85,247,0.2),inset 0 0 40px rgba(168,85,247,0.15) !important}@keyframes targetPulse{0%,100%{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.7;transform:translateY(-50%) scale(1.1)}}.multi-battle .combatant-display.healing{animation:multiHeal .5s ease}@keyframes multiHeal{0%,100%{box-shadow:0 0 0 rgba(34,197,94,0)}50%{box-shadow:0 0 30px rgba(34,197,94,0.6),inset 0 0 20px rgba(34,197,94,0.2)}}.combatant-image{width:150px;height:150px;margin:0 auto .5rem;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:2.5rem;overflow:hidden;border:3px solid rgba(255,255,255,0.2);box-shadow:0 5px 20px rgba(0,0,0,0.3)}.combatant-image img{width:85%;height:85%;object-fit:contain}@keyframes companionIdle{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.02)}}@keyframes bossIdle{0%,100%{transform:translate(-50%,-50%) translateY(0) scale(1)}50%{transform:translate(-50%,-50%) translateY(-4px) scale(1.02)}}.battle-mode-1v1 #player-combatant .combatant-image img,.battle-mode-1v1 #enemy-combatant .combatant-image img{animation:companionIdle 2s ease-in-out infinite}.multi-battle.battle-mode-2v2 .player-side .combatant-display.current-turn .combatant-image img,.multi-battle.battle-mode-3v3 .player-side .combatant-display.current-turn .combatant-image img,.multi-battle.battle-mode-2v2 .enemy-side .combatant-display.targeted .combatant-image img,.multi-battle.battle-mode-3v3 .enemy-side .combatant-display.targeted .combatant-image img{animation:companionIdle 2s ease-in-out infinite}.multi-battle.battle-mode-2v1 .player-side .combatant-display.current-turn .combatant-image img{animation:companionIdle 2s ease-in-out infinite}.multi-battle.battle-mode-2v1 .enemy-side .combatant-display.targeted .combatant-image img{animation:bossIdle 2s ease-in-out infinite}.multi-battle.battle-mode-3v1 .player-side .combatant-display.current-turn .combatant-image img{animation:companionIdle 2s ease-in-out infinite}.multi-battle.battle-mode-3v1 .enemy-side .combatant-display.targeted .combatant-image img{animation:bossIdle 2s ease-in-out infinite}.combatant-display.ko .combatant-image img{animation:none !important}.combatant-image .fallback-icon{color:var(--text-secondary)}.combatant-image.type-fire{background:linear-gradient(135deg,rgba(239,68,68,0.5),rgba(249,115,22,0.5))}.combatant-image.type-water{background:linear-gradient(135deg,rgba(59,130,246,0.5),rgba(6,182,212,0.5))}.combatant-image.type-ice{background:linear-gradient(135deg,rgba(103,232,249,0.5),rgba(165,243,252,0.5))}.combatant-image.type-electric{background:linear-gradient(135deg,rgba(250,204,21,0.5),rgba(253,224,71,0.5))}.combatant-image.type-nature{background:linear-gradient(135deg,rgba(34,197,94,0.5),rgba(74,222,128,0.5))}.combatant-image.type-ground{background:linear-gradient(135deg,rgba(161,98,7,0.5),rgba(202,138,4,0.5))}.combatant-image.type-rock{background:linear-gradient(135deg,rgba(120,113,108,0.5),rgba(168,162,158,0.5))}.combatant-image.type-steel{background:linear-gradient(135deg,rgba(107,114,128,0.5),rgba(156,163,175,0.5))}.combatant-image.type-wind{background:linear-gradient(135deg,rgba(165,243,252,0.5),rgba(224,242,254,0.5))}.combatant-image.type-light{background:linear-gradient(135deg,rgba(254,240,138,0.5),rgba(254,249,195,0.5))}.combatant-image.type-dark{background:linear-gradient(135deg,rgba(63,63,70,0.6),rgba(82,82,91,0.6))}.combatant-image.type-psychic{background:linear-gradient(135deg,rgba(192,132,252,0.5),rgba(232,121,249,0.5))}.combatant-image.type-spirit{background:linear-gradient(135deg,rgba(167,139,250,0.5),rgba(196,181,253,0.5))}.combatant-image.type-shadow{background:linear-gradient(135deg,rgba(39,39,42,0.6),rgba(63,63,70,0.6))}.combatant-image.type-dream{background:linear-gradient(135deg,rgba(240,171,252,0.5),rgba(245,208,254,0.5))}.combatant-image.type-cosmic{background:linear-gradient(135deg,rgba(30,27,75,0.6),rgba(49,46,129,0.6))}.combatant-image.type-tech{background:linear-gradient(135deg,rgba(14,165,233,0.5),rgba(56,189,248,0.5))}.combatant-image.type-ai{background:linear-gradient(135deg,rgba(34,211,238,0.5),rgba(103,232,249,0.5))}.combatant-image.type-digital{background:linear-gradient(135deg,rgba(6,182,212,0.5),rgba(34,211,238,0.5))}.combatant-image.type-glitch{background:linear-gradient(135deg,rgba(236,72,153,0.5),rgba(244,114,182,0.5))}.combatant-image.type-chaos{background:linear-gradient(135deg,rgba(124,45,18,0.5),rgba(220,38,38,0.5))}.combatant-image.type-beast{background:linear-gradient(135deg,rgba(133,77,14,0.5),rgba(180,83,9,0.5))}.combatant-image.type-sweet{background:linear-gradient(135deg,rgba(253,164,175,0.5),rgba(254,205,211,0.5))}.combatant-image.type-sound{background:linear-gradient(135deg,rgba(168,85,247,0.5),rgba(192,132,252,0.5))}.combatant-image.type-dragon{background:linear-gradient(135deg,rgba(126,34,206,0.5),rgba(147,51,234,0.5))}.combatant-image.type-flying{background:linear-gradient(135deg,rgba(147,197,253,0.5),rgba(191,219,254,0.5))}.combatant-image.type-ghost{background:linear-gradient(135deg,rgba(107,33,168,0.5),rgba(126,34,206,0.5))}.combatant-image.type-normal{background:linear-gradient(135deg,rgba(163,163,163,0.5),rgba(212,212,212,0.5))}.combatant-image.type-speed{background:linear-gradient(135deg,rgba(251,191,36,0.5),rgba(245,158,11,0.5))}.combatant-image.dual-type{border-width:4px}.battle-mode-2v1 .enemy-side .combatant-image{width:187px;height:187px}.battle-mode-2v1 .enemy-side .combatant-image img{width:120%;height:120%}.multi-battle.battle-mode-2v1 .enemy-side .combatant-types,.multi-battle.battle-mode-3v1 .enemy-side .combatant-types{display:flex !important}.multi-battle.battle-mode-2v1 .enemy-side .combatant-display{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(255,71,87,0.15) 0,rgba(0,0,0,0.4) 50%,rgba(255,140,0,0.15) 100%);border:2px solid transparent;border-image:linear-gradient(135deg,#ff4757,#ff8c00,#ff4757) 1;box-shadow:0 0 30px rgba(255,71,87,0.4),0 0 60px rgba(255,71,87,0.2),inset 0 0 30px rgba(255,71,87,0.1);animation:bossGlow 3s ease-in-out infinite;position:relative;overflow:visible}.multi-battle.battle-mode-2v1 .enemy-side .combatant-display::before{content:'BOSS';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#ff4757,#ff6b81);color:white;font-size:.75rem;font-weight:800;padding:.25rem 1rem;border-radius:12px;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,0.5);box-shadow:0 4px 15px rgba(255,71,87,0.6),0 0 20px rgba(255,71,87,0.4);z-index:10;animation:bossBadgePulse 2s ease-in-out infinite}@keyframes bossBadgePulse{0%,100%{box-shadow:0 4px 15px rgba(255,71,87,0.6),0 0 20px rgba(255,71,87,0.4)}50%{box-shadow:0 4px 20px rgba(255,140,0,0.8),0 0 30px rgba(255,71,87,0.6)}}@keyframes bossGlow{0%,100%{box-shadow:0 0 30px rgba(255,71,87,0.4),0 0 60px rgba(255,71,87,0.2),inset 0 0 30px rgba(255,71,87,0.1)}50%{box-shadow:0 0 40px rgba(255,140,0,0.5),0 0 80px rgba(255,71,87,0.3),inset 0 0 40px rgba(255,140,0,0.15)}}.multi-battle.battle-mode-2v1 .enemy-side .combatant-image{width:70px;height:70px;margin:0 auto .25rem auto;flex-shrink:0;position:relative;overflow:visible}.multi-battle.battle-mode-2v1 .enemy-side .combatant-image img{position:absolute;width:120px;height:120px;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:contain}.multi-battle.battle-mode-2v1 .enemy-side .combatant-info{width:100%;text-align:center}.multi-battle.battle-mode-2v1 .enemy-side .combatant-name{font-size:20px;text-align:center;margin-bottom:.25rem;white-space:normal;overflow:visible}.multi-battle.battle-mode-2v1 .enemy-side .combatant-level{font-size:.75rem;margin-bottom:.35rem}.multi-battle.battle-mode-2v1 .enemy-side .combatant-header{flex-direction:column;align-items:center;gap:.25rem}.multi-battle.battle-mode-2v1 .enemy-side .combatant-types{justify-content:center;margin-left:0;margin-top:.25rem}.multi-battle.battle-mode-2v1 .enemy-side .hp-bar{height:10px;border-radius:5px}.multi-battle.battle-mode-2v1 .enemy-side .hp-bar-label{font-size:.75rem}.multi-battle.battle-mode-2v1 .enemy-side .hp-bar-container{margin-bottom:.3rem}.multi-battle.battle-mode-3v1 .enemy-side .combatant-display{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(168,85,247,0.2) 0,rgba(0,0,0,0.5) 30%,rgba(139,0,139,0.15) 70%,rgba(255,0,128,0.2) 100%);border:3px solid transparent;border-image:linear-gradient(135deg,#a855f7,#ff0080,#00d4ff,#a855f7) 1;box-shadow:0 0 40px rgba(168,85,247,0.5),0 0 80px rgba(255,0,128,0.3),0 0 120px rgba(168,85,247,0.2),inset 0 0 40px rgba(168,85,247,0.15);animation:raidBossGlow 4s ease-in-out infinite,raidBossPulse 2s ease-in-out infinite;position:relative;overflow:visible}.multi-battle.battle-mode-3v1 .enemy-side .combatant-display::before{content:'RAID BOSS';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#a855f7,#ff0080);color:white;font-size:.75rem;font-weight:800;padding:.25rem 1rem;border-radius:12px;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,0.5);box-shadow:0 4px 15px rgba(168,85,247,0.6),0 0 20px rgba(255,0,128,0.4);z-index:10;animation:badgePulse 2s ease-in-out infinite}@keyframes raidBossGlow{0%,100%{box-shadow:0 0 40px rgba(168,85,247,0.5),0 0 80px rgba(255,0,128,0.3),0 0 120px rgba(168,85,247,0.2),inset 0 0 40px rgba(168,85,247,0.15);border-image:linear-gradient(135deg,#a855f7,#ff0080,#00d4ff,#a855f7) 1}33%{box-shadow:0 0 50px rgba(255,0,128,0.6),0 0 100px rgba(0,212,255,0.4),0 0 140px rgba(255,0,128,0.25),inset 0 0 50px rgba(255,0,128,0.2);border-image:linear-gradient(135deg,#ff0080,#00d4ff,#a855f7,#ff0080) 1}66%{box-shadow:0 0 45px rgba(0,212,255,0.5),0 0 90px rgba(168,85,247,0.35),0 0 130px rgba(0,212,255,0.2),inset 0 0 45px rgba(0,212,255,0.15);border-image:linear-gradient(135deg,#00d4ff,#a855f7,#ff0080,#00d4ff) 1}}@keyframes raidBossPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.005)}}@keyframes badgePulse{0%,100%{box-shadow:0 4px 15px rgba(168,85,247,0.6),0 0 20px rgba(255,0,128,0.4)}50%{box-shadow:0 4px 20px rgba(255,0,128,0.8),0 0 30px rgba(168,85,247,0.6)}}.multi-battle.battle-mode-3v1 .enemy-side .combatant-image{width:120px;height:120px;margin:0 auto .5rem auto;flex-shrink:0;position:relative;overflow:visible}.multi-battle.battle-mode-3v1 .enemy-side .combatant-image img{position:absolute;width:180px;height:180px;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:contain}.multi-battle.battle-mode-3v1 .enemy-side .combatant-info{width:100%;text-align:center}.multi-battle.battle-mode-3v1 .enemy-side .combatant-name{font-size:28px;text-align:center;margin-bottom:.5rem;white-space:normal;overflow:visible}.multi-battle.battle-mode-3v1 .enemy-side .combatant-level{font-size:.9rem;margin-bottom:.75rem}.multi-battle.battle-mode-3v1 .enemy-side .combatant-header{flex-direction:column;align-items:center;gap:.35rem}.multi-battle.battle-mode-3v1 .enemy-side .combatant-types{justify-content:center;margin-left:0;margin-top:.35rem}.multi-battle.battle-mode-3v1 .enemy-side .hp-bar-container{margin-bottom:.5rem}.multi-battle.battle-mode-3v1 .enemy-side .hp-bar{height:14px;border-radius:7px}.multi-battle.battle-mode-3v1 .enemy-side .hp-bar-label{font-size:.85rem;margin-bottom:.3rem}.status-effects-container{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-top:.5rem;min-height:28px}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700;font-family:'Orbitron',sans-serif;text-transform:uppercase;animation:statusPulse 2s infinite;position:relative;border:1px solid rgba(255,255,255,0.2)}.status-badge .status-icon{font-size:.8rem}.status-badge .status-turns{background:rgba(0,0,0,0.5);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.6rem;margin-left:.15rem}.status-badge.burn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:white;box-shadow:0 0 10px rgba(255,107,53,0.6),inset 0 0 8px rgba(255,200,100,0.3);animation:burnPulse 1s infinite alternate}.status-badge.poison{background:linear-gradient(135deg,#7c3aed,#10b981);color:white;box-shadow:0 0 10px rgba(16,185,129,0.6);animation:poisonPulse 1.5s infinite alternate}.status-badge.freeze{background:linear-gradient(135deg,#60a5fa,#22d3ee);color:white;box-shadow:0 0 10px rgba(96,165,250,0.6);animation:freezePulse 2s infinite alternate}.status-badge.paralyze{background:linear-gradient(135deg,#fbbf24,#eab308);color:#1a1a2e;box-shadow:0 0 10px rgba(251,191,36,0.6);animation:paralyzePulse .5s infinite}.status-badge.sleep{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;box-shadow:0 0 10px rgba(99,102,241,0.6);animation:sleepPulse 3s infinite ease-in-out}.status-badge.confuse{background:linear-gradient(135deg,#ec4899,#f472b6);color:white;box-shadow:0 0 10px rgba(236,72,153,0.6);animation:confusePulse .8s infinite}.status-badge.stun{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e;box-shadow:0 0 10px rgba(251,191,36,0.8),0 0 20px rgba(245,158,11,0.5);animation:stunPulse .3s infinite alternate}@keyframes stunPulse{0%{box-shadow:0 0 8px rgba(251,191,36,0.6);transform:scale(1) rotate(-2deg)}100%{box-shadow:0 0 20px rgba(251,191,36,1),0 0 30px rgba(245,158,11,0.6);transform:scale(1.1) rotate(2deg)}}.status-badge.bleed{background:linear-gradient(135deg,#dc2626,#991b1b);color:white;box-shadow:0 0 10px rgba(220,38,38,0.6);animation:bleedPulse .7s infinite}.status-badge.buff{background:linear-gradient(135deg,#22c55e,#16a34a);color:white;box-shadow:0 0 10px rgba(34,197,94,0.6)}.status-badge.debuff{background:linear-gradient(135deg,#ef4444,#b91c1c);color:white;box-shadow:0 0 10px rgba(239,68,68,0.6)}.status-badge.blind{background:linear-gradient(135deg,#374151,#1f2937);color:#9ca3af;box-shadow:0 0 10px rgba(55,65,81,0.6);animation:blindPulse 2s infinite}.status-badge.weakness{background:linear-gradient(135deg,#b45309,#92400e);color:white;box-shadow:0 0 10px rgba(180,83,9,0.6);animation:weaknessPulse 1.5s infinite alternate}.status-badge.vulnerable{background:linear-gradient(135deg,#be185d,#9d174d);color:white;box-shadow:0 0 10px rgba(190,24,93,0.6);animation:vulnerablePulse 1s infinite alternate}.status-badge.taunt{background:linear-gradient(135deg,#dc2626,#ea580c);color:white;box-shadow:0 0 10px rgba(220,38,38,0.6),0 0 15px rgba(234,88,12,0.4);animation:tauntPulse .8s infinite}.status-badge.invisible{background:linear-gradient(135deg,rgba(200,200,255,0.4),rgba(150,150,200,0.2));color:#e0e0ff;box-shadow:0 0 15px rgba(200,200,255,0.5),inset 0 0 8px rgba(255,255,255,0.3);border:1px solid rgba(200,200,255,0.4);animation:invisiblePulse 2s infinite ease-in-out;backdrop-filter:blur(2px)}@keyframes invisiblePulse{0%,100%{opacity:.6;box-shadow:0 0 10px rgba(200,200,255,0.3);transform:scale(1)}50%{opacity:1;box-shadow:0 0 20px rgba(200,200,255,0.7),0 0 30px rgba(255,255,255,0.3);transform:scale(1.05)}}@keyframes burnPulse{0%{box-shadow:0 0 8px rgba(255,107,53,0.4);transform:scale(1)}100%{box-shadow:0 0 15px rgba(255,107,53,0.8),0 0 25px rgba(247,147,30,0.4);transform:scale(1.05)}}@keyframes poisonPulse{0%{opacity:.8}100%{opacity:1;box-shadow:0 0 15px rgba(16,185,129,0.8)}}@keyframes freezePulse{0%{box-shadow:0 0 8px rgba(96,165,250,0.4)}100%{box-shadow:0 0 20px rgba(34,211,238,0.8),inset 0 0 10px rgba(255,255,255,0.2)}}@keyframes paralyzePulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes sleepPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes confusePulse{0%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}100%{transform:rotate(-3deg)}}@keyframes bleedPulse{0%,100%{opacity:1}50%{opacity:.7;box-shadow:0 0 20px rgba(220,38,38,0.9)}}@keyframes blindPulse{0%,100%{opacity:.6}50%{opacity:1;box-shadow:0 0 15px rgba(55,65,81,0.8)}}@keyframes weaknessPulse{0%{transform:scale(1);opacity:.85}100%{transform:scale(0.95);opacity:1}}@keyframes vulnerablePulse{0%{box-shadow:0 0 8px rgba(190,24,93,0.4)}100%{box-shadow:0 0 15px rgba(190,24,93,0.8)}}@keyframes tauntPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 20px rgba(220,38,38,0.9)}}.combatant-display.attacking{animation:attackLunge .4s ease-out}.combatant-display.enemy.attacking{animation:attackLungeEnemy .4s ease-out}.combatant-display.taking-damage{animation:takeDamage .5s ease-out}.combatant-display.healing{animation:healPulse .6s ease-out}.combatant-display.fainted{animation:faintAnimation .8s ease-out forwards}.combatant-display.critical-hit{animation:criticalHit .6s ease-out}@keyframes attackLunge{0%{transform:translateX(0) scale(1)}30%{transform:translateX(40px) scale(1.1)}50%{transform:translateX(60px) scale(1.15)}70%{transform:translateX(30px) scale(1.05)}100%{transform:translateX(0) scale(1)}}@keyframes attackLungeEnemy{0%{transform:translateX(0) scale(1)}30%{transform:translateX(-40px) scale(1.1)}50%{transform:translateX(-60px) scale(1.15)}70%{transform:translateX(-30px) scale(1.05)}100%{transform:translateX(0) scale(1)}}@keyframes takeDamage{0%{transform:translateX(0);filter:brightness(1)}15%{transform:translateX(-10px);filter:brightness(2) hue-rotate(-20deg)}30%{transform:translateX(10px);filter:brightness(1.5)}45%{transform:translateX(-5px);filter:brightness(1.3)}60%{transform:translateX(5px);filter:brightness(1.1)}100%{transform:translateX(0);filter:brightness(1)}}@keyframes healPulse{0%{box-shadow:0 0 0 rgba(34,197,94,0);filter:brightness(1)}50%{box-shadow:0 0 40px rgba(34,197,94,0.8),inset 0 0 30px rgba(34,197,94,0.3);filter:brightness(1.3)}100%{box-shadow:0 0 0 rgba(34,197,94,0);filter:brightness(1)}}@keyframes faintAnimation{0%{transform:scale(1) rotate(0);opacity:1;filter:brightness(1)}50%{transform:scale(0.8) rotate(-5deg);opacity:.7;filter:brightness(0.5) grayscale(0.5)}100%{transform:scale(0.7) rotate(-10deg);opacity:.4;filter:brightness(0.3) grayscale(1)}}@keyframes criticalHit{0%{transform:scale(1)}20%{transform:scale(1.2);filter:brightness(2) saturate(2)}40%{transform:scale(0.9)}60%{transform:scale(1.1);filter:brightness(1.5)}100%{transform:scale(1);filter:brightness(1)}}.damage-popup{position:absolute;font-family:'Orbitron',sans-serif;font-weight:900;font-size:1.5rem;pointer-events:none;z-index:1000;animation:damagePopup 1s ease-out forwards}.damage-popup.damage{color:#ff4757;text-shadow:0 0 10px rgba(255,71,87,0.8),2px 2px 0 #000}.damage-popup.heal{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,0.8),2px 2px 0 #000}.damage-popup.critical{color:#ffd700;font-size:2rem;text-shadow:0 0 15px rgba(255,215,0,0.9),3px 3px 0 #ff4757}@keyframes damagePopup{0%{transform:translateY(0) scale(0.5);opacity:0}20%{transform:translateY(-20px) scale(1.2);opacity:1}80%{transform:translateY(-50px) scale(1);opacity:1}100%{transform:translateY(-70px) scale(0.8);opacity:0}}.combatant-types{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.combatant-type-tag{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;background:rgba(255,255,255,0.1);text-transform:uppercase;letter-spacing:.5px}.combatant-type-tag.fire{background:rgba(239,68,68,0.3);color:#fca5a5}.combatant-type-tag.water{background:rgba(59,130,246,0.3);color:#93c5fd}.combatant-type-tag.nature{background:rgba(34,197,94,0.3);color:#86efac}.combatant-type-tag.electric{background:rgba(234,179,8,0.3);color:#fde047}.combatant-type-tag.ice{background:rgba(34,211,238,0.3);color:#a5f3fc}.combatant-type-tag.earth{background:rgba(180,83,9,0.3);color:#fcd34d}.combatant-type-tag.cosmic{background:rgba(168,85,247,0.3);color:#c4b5fd}.combatant-type-tag.digital{background:rgba(14,165,233,0.3);color:#7dd3fc}.combatant-type-tag.shadow{background:rgba(88,28,135,0.3);color:#d8b4fe}.combatant-type-tag.light{background:rgba(253,224,71,0.3);color:#fef9c3}.combatant-type-tag.psychic{background:rgba(236,72,153,0.3);color:#f9a8d4}.combatant-type-tag.metal{background:rgba(156,163,175,0.3);color:#e5e7eb}.combatant-type-tag.spirit{background:rgba(192,132,252,0.3);color:#e9d5ff}.combatant-type-tag.normal{background:rgba(156,163,175,0.2);color:#9ca3af}.combatant-type-tag.rock{background:rgba(161,140,90,0.4);color:#d4c4a0}.combatant-type-tag.ground{background:rgba(139,90,43,0.4);color:#d4a574}.combatant-type-tag.beast{background:rgba(180,100,60,0.4);color:#e8b896}.combatant-type-tag.steel{background:rgba(140,150,170,0.4);color:#c0c8d8}.combatant-type-tag.dragon{background:rgba(100,60,180,0.4);color:#b8a0e8}.combatant-type-tag.dream{background:rgba(255,150,200,0.4);color:#ffc0e0}.combatant-type-tag.dark{background:rgba(50,40,60,0.6);color:#a090b0}.combatant-type-tag.wind{background:rgba(150,220,200,0.4);color:#c0f0e0}.combatant-type-tag.tech{background:rgba(100,180,220,0.4);color:#a0d8f0}.combatant-type-tag.ai{background:rgba(0,200,150,0.4);color:#80ffd0}.combatant-type-tag.glitch{background:rgba(255,0,128,0.4);color:#ff80c0}.combatant-type-tag.chaos{background:rgba(200,50,50,0.4);color:#ff9090}.combatant-type-tag.sweet{background:rgba(255,180,200,0.4);color:#ffe0eb}.combatant-type-tag.sound{background:rgba(180,100,180,0.4);color:#e0b0e0}.combatant-name{font-family:'Fredoka',sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.combatant-level{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.hp-bar-container{margin-bottom:.5rem}.hp-bar-label{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:.25rem}.hp-bar{height:12px;background:rgba(255,255,255,0.1);border-radius:6px;overflow:hidden}.hp-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:6px;transition:width .5s ease}.hp-bar-fill.low{background:linear-gradient(90deg,#f97316,#fb923c)}.hp-bar-fill.critical{background:linear-gradient(90deg,#ef4444,#f87171)}.mp-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.battle-actions{padding:1.5rem 2rem;background:rgba(0,0,0,0.4);border-top:1px solid var(--border-color)}.battle-menu-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.menu-tab{flex:1;padding:.75rem 1rem;background:rgba(255,255,255,0.05);border:1px solid var(--border-color);border-radius:10px 10px 0 0;color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.menu-tab:hover{background:rgba(255,255,255,0.1);color:white}.menu-tab.active{background:rgba(168,85,247,0.3);border-color:var(--accent-purple);color:white}.menu-tab.attack{border-color:var(--accent-red)}.menu-tab.attack.active{background:rgba(255,71,87,0.3)}.menu-tab.magic{border-color:var(--accent-cyan)}.menu-tab.magic.active{background:rgba(0,212,255,0.3)}.menu-tab.ability{border-color:var(--accent-gold)}.menu-tab.ability.active{background:rgba(255,215,0,0.3)}.menu-tab.items{border-color:var(--accent-green)}.menu-tab.items.active{background:rgba(16,185,129,0.3)}.menu-tab i{font-size:1rem}.skills-container{display:block}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}#items-grid{flex-wrap:nowrap;overflow-x:auto;gap:.75rem;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:var(--accent-green) rgba(255,255,255,0.1)}#items-grid::-webkit-scrollbar{height:6px}#items-grid::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:3px}#items-grid::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:3px}#items-grid .skill-btn{flex:0 0 auto;min-width:140px;max-width:180px}.skill-btn{padding:1rem;background:rgba(168,85,247,0.2);border:1px solid var(--accent-purple);border-radius:12px;color:white;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.skill-btn.attack{border-color:var(--accent-red);background:rgba(255,71,87,0.15)}.skill-btn.magic{border-color:var(--accent-cyan);background:rgba(0,212,255,0.15)}.skill-btn.ability{border-color:var(--accent-gold);background:rgba(255,215,0,0.15)}.skill-btn.item{border-color:var(--accent-green);background:rgba(16,185,129,0.15)}.skill-btn.element-fire{border-color:#f97316;background:linear-gradient(135deg,rgba(249,115,22,0.25),rgba(234,88,12,0.1))}.skill-btn.element-water{border-color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,0.25),rgba(37,99,235,0.1))}.skill-btn.element-ice{border-color:#67e8f9;background:linear-gradient(135deg,rgba(103,232,249,0.25),rgba(34,211,238,0.1))}.skill-btn.element-electric{border-color:#facc15;background:linear-gradient(135deg,rgba(250,204,21,0.25),rgba(234,179,8,0.1))}.skill-btn.element-nature{border-color:#22c55e;background:linear-gradient(135deg,rgba(34,197,94,0.25),rgba(22,163,74,0.1))}.skill-btn.element-ground{border-color:#a16207;background:linear-gradient(135deg,rgba(161,98,7,0.25),rgba(133,77,14,0.1))}.skill-btn.element-rock{border-color:#78716c;background:linear-gradient(135deg,rgba(120,113,108,0.25),rgba(87,83,78,0.1))}.skill-btn.element-steel{border-color:#94a3b8;background:linear-gradient(135deg,rgba(148,163,184,0.25),rgba(100,116,139,0.1))}.skill-btn.element-wind,.skill-btn.element-flying{border-color:#a5f3fc;background:linear-gradient(135deg,rgba(165,243,252,0.25),rgba(103,232,249,0.1))}.skill-btn.element-light{border-color:#fef08a;background:linear-gradient(135deg,rgba(254,240,138,0.25),rgba(253,224,71,0.1))}.skill-btn.element-dark{border-color:#6b21a8;background:linear-gradient(135deg,rgba(107,33,168,0.25),rgba(88,28,135,0.1))}.skill-btn.element-psychic{border-color:#e879f9;background:linear-gradient(135deg,rgba(232,121,249,0.25),rgba(217,70,239,0.1))}.skill-btn.element-spirit,.skill-btn.element-ghost{border-color:#a78bfa;background:linear-gradient(135deg,rgba(167,139,250,0.25),rgba(139,92,246,0.1))}.skill-btn.element-shadow{border-color:#581c87;background:linear-gradient(135deg,rgba(88,28,135,0.25),rgba(59,7,100,0.1))}.skill-btn.element-dream{border-color:#c084fc;background:linear-gradient(135deg,rgba(192,132,252,0.25),rgba(168,85,247,0.1))}.skill-btn.element-cosmic{border-color:#818cf8;background:linear-gradient(135deg,rgba(129,140,248,0.25),rgba(99,102,241,0.1))}.skill-btn.element-tech,.skill-btn.element-ai{border-color:#06b6d4;background:linear-gradient(135deg,rgba(6,182,212,0.25),rgba(8,145,178,0.1))}.skill-btn.element-digital,.skill-btn.element-glitch{border-color:#2dd4bf;background:linear-gradient(135deg,rgba(45,212,191,0.25),rgba(20,184,166,0.1))}.skill-btn.element-chaos{border-color:#f43f5e;background:linear-gradient(135deg,rgba(244,63,94,0.25),rgba(225,29,72,0.1))}.skill-btn.element-beast{border-color:#d97706;background:linear-gradient(135deg,rgba(217,119,6,0.25),rgba(180,83,9,0.1))}.skill-btn.element-sweet{border-color:#fb7185;background:linear-gradient(135deg,rgba(251,113,133,0.25),rgba(244,63,94,0.1))}.skill-btn.element-sound{border-color:#a855f7;background:linear-gradient(135deg,rgba(168,85,247,0.25),rgba(147,51,234,0.1))}.skill-btn.element-dragon{border-color:#7c3aed;background:linear-gradient(135deg,rgba(124,58,237,0.25),rgba(109,40,217,0.1))}.skill-btn.element-poison{border-color:#a855f7;background:linear-gradient(135deg,rgba(168,85,247,0.2),rgba(126,34,206,0.1))}.skill-btn.element-holy{border-color:#fcd34d;background:linear-gradient(135deg,rgba(252,211,77,0.25),rgba(251,191,36,0.1))}.skill-btn.ability.passive-info{border-color:#a78bfa;background:linear-gradient(135deg,rgba(167,139,250,0.2),rgba(139,92,246,0.1));cursor:default;opacity:.9}.skill-btn.ability.passive-info .skill-info{color:#c4b5fd;font-style:italic}.skill-btn.item.healing{border-color:#22c55e;background:rgba(34,197,94,0.15)}.skill-btn.item.mana{border-color:#3b82f6;background:rgba(59,130,246,0.15)}.skill-btn.item.cure{border-color:#a855f7;background:rgba(168,85,247,0.15)}.skill-btn.item.revive{border-color:#f59e0b;background:rgba(245,158,11,0.15)}.skill-btn.item.buff{border-color:#ef4444;background:rgba(239,68,68,0.15)}.skill-btn:hover:not(:disabled){transform:scale(1.02)}.skill-btn.attack:hover:not(:disabled){background:rgba(255,71,87,0.4)}.skill-btn.magic:hover:not(:disabled){background:rgba(0,212,255,0.4)}.skill-btn.ability:hover:not(:disabled){background:rgba(255,215,0,0.4)}.skill-btn.item:hover:not(:disabled){background:rgba(16,185,129,0.4)}.skill-btn.item.healing:hover:not(:disabled){background:rgba(34,197,94,0.4)}.skill-btn.item.mana:hover:not(:disabled){background:rgba(59,130,246,0.4)}.skill-btn.item.cure:hover:not(:disabled){background:rgba(168,85,247,0.4)}.skill-btn.item.revive:hover:not(:disabled){background:rgba(245,158,11,0.4)}.skill-btn.item.buff:hover:not(:disabled){background:rgba(239,68,68,0.4)}.item-count{position:absolute;top:-6px;right:-6px;background:var(--accent-green);color:white;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.skill-btn.item.healing .item-count{background:#22c55e}.skill-btn.item.mana .item-count{background:#3b82f6}.skill-btn.item.cure .item-count{background:#a855f7}.skill-btn.item.revive .item-count{background:#f59e0b}.skill-btn.item.buff .item-count{background:#ef4444}.item-icon{font-size:1rem;margin-bottom:2px;opacity:.8}.skill-btn:disabled{opacity:.5;cursor:not-allowed}.skill-btn.waiting-turn{opacity:.4;cursor:not-allowed;filter:grayscale(30%);pointer-events:none}.action-btn.waiting-turn{opacity:.5;cursor:not-allowed;pointer-events:none}.skill-btn.on-cooldown::after{content:'Cooldown';position:absolute;top:4px;right:4px;font-size:.65rem;background:rgba(0,0,0,0.7);padding:2px 6px;border-radius:4px;color:var(--accent-orange)}.skill-element{display:inline-block;font-size:.65rem;padding:2px 6px;border-radius:4px;margin-right:.25rem;background:rgba(255,255,255,0.1);text-transform:uppercase}.skill-name{display:block;font-size:.95rem;margin-bottom:.25rem}.skill-btn.empty{border-style:dashed;opacity:.4;cursor:default}.skill-btn.empty:hover{transform:none;background:rgba(168,85,247,0.2)}.battle-skill-tooltip{position:fixed;background:linear-gradient(135deg,rgba(30,20,40,0.98),rgba(20,15,30,0.98));border:1px solid rgba(168,85,247,0.4);border-radius:12px;padding:.8rem;min-width:200px;max-width:280px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:9999;pointer-events:none;box-shadow:0 5px 20px rgba(0,0,0,0.5)}.battle-skill-tooltip.visible{opacity:1;visibility:visible}.battle-skill-tooltip .tooltip-title{font-weight:700;color:white;margin-bottom:.25rem;font-size:.95rem}.battle-skill-tooltip .tooltip-element{font-size:.7rem;margin-bottom:.4rem;display:inline-block;padding:2px 8px;border-radius:4px;background:rgba(255,255,255,0.1);text-transform:uppercase}.battle-skill-tooltip .tooltip-element.fire{background:rgba(239,68,68,0.3);color:#fca5a5}.battle-skill-tooltip .tooltip-element.water{background:rgba(59,130,246,0.3);color:#93c5fd}.battle-skill-tooltip .tooltip-element.nature{background:rgba(34,197,94,0.3);color:#86efac}.battle-skill-tooltip .tooltip-element.electric{background:rgba(234,179,8,0.3);color:#fde047}.battle-skill-tooltip .tooltip-element.ice{background:rgba(56,189,248,0.3);color:#7dd3fc}.battle-skill-tooltip .tooltip-element.tech{background:rgba(148,163,184,0.3);color:#cbd5e1}.battle-skill-tooltip .tooltip-element.digital{background:rgba(45,212,191,0.3);color:#5eead4}.battle-skill-tooltip .tooltip-element.cosmic{background:rgba(139,92,246,0.3);color:#c4b5fd}.battle-skill-tooltip .tooltip-element.psychic{background:rgba(236,72,153,0.3);color:#f9a8d4}.battle-skill-tooltip .tooltip-element.dark{background:rgba(30,41,59,0.8);color:#94a3b8}.battle-skill-tooltip .tooltip-element.light{background:rgba(253,224,71,0.3);color:#fef08a}.battle-skill-tooltip .tooltip-element.flying{background:rgba(147,197,253,0.3);color:#bfdbfe}.battle-skill-tooltip .tooltip-element.rock{background:rgba(120,113,108,0.3);color:#d6d3d1}.battle-skill-tooltip .tooltip-element.steel{background:rgba(161,161,170,0.3);color:#d4d4d8}.battle-skill-tooltip .tooltip-element.beast{background:rgba(180,83,9,0.3);color:#fcd34d}.battle-skill-tooltip .tooltip-element.sound{background:rgba(251,146,60,0.3);color:#fdba74}.battle-skill-tooltip .tooltip-desc{font-size:.8rem;color:rgba(255,255,255,0.7);margin:.4rem 0;line-height:1.4;font-style:italic}.battle-skill-tooltip .tooltip-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,0.1);font-size:.75rem}.battle-skill-tooltip .tooltip-stats .stat-item{display:flex;align-items:center;gap:.25rem}.battle-skill-tooltip .tooltip-stats .stat-item.power{color:#ef4444}.battle-skill-tooltip .tooltip-stats .stat-item.mp{color:#3b82f6}.skill-btn.struggle{border-color:#ef4444;background:rgba(239,68,68,0.2);animation:struggle-pulse 1.5s infinite}.skill-btn.struggle:hover:not(:disabled){background:rgba(239,68,68,0.4)}@keyframes struggle-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0.4)}50%{box-shadow:0 0 10px 2px rgba(239,68,68,0.6)}}.struggle-grid{display:none;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;min-height:180px;padding:1rem}.struggle-grid.visible{display:flex}.battle-actions.struggle-mode #attack-grid,.battle-actions.struggle-mode #magic-grid,.battle-actions.struggle-mode #ability-grid,.battle-actions.struggle-mode #attack-skills-grid,.battle-actions.struggle-mode #magic-skills-grid,.battle-actions.struggle-mode #ability-skills-grid{display:none !important}.struggle-grid .skill-btn.struggle{width:100%;max-width:300px;text-align:center;justify-content:center}.struggle-warning{font-size:.75rem;color:#fca5a5;background:rgba(239,68,68,0.15);padding:.5rem 1rem;border-radius:8px;text-align:center;white-space:nowrap}.struggle-warning i{margin-right:.5rem}.skill-btn.low-mp{opacity:.5}.item-count{position:absolute;top:4px;right:4px;background:var(--accent-green);color:white;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.skill-info{font-size:.75rem;color:var(--text-secondary)}.battle-log{width:100%;max-width:700px;margin:0 auto;margin-top:auto;background:rgba(0,0,0,0.9);border:1px solid var(--border-color);border-radius:12px;padding:.5rem 1rem;max-height:70px;overflow-y:auto;backdrop-filter:blur(8px);font-size:.8rem;flex-shrink:0}.battle-log::-webkit-scrollbar{width:4px}.battle-log::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:2px}.log-entry{font-size:.75rem;margin-bottom:.35rem;padding-left:.75rem;border-left:2px solid var(--accent-purple);line-height:1.3}.log-entry:last-child{margin-bottom:0}.log-entry.damage{border-left-color:var(--accent-red)}.log-entry.heal{border-left-color:var(--accent-green)}.log-entry.status{border-left-color:var(--accent-orange)}.log-entry.opponent-action{background:rgba(220,53,69,0.1);border-left-color:var(--accent-red);padding:.4rem .75rem;border-radius:0 4px 4px 0;animation:opponentActionFade .5s ease}.log-entry.opponent-action.damage{background:rgba(220,53,69,0.15)}.log-entry.opponent-action.heal{background:rgba(40,167,69,0.15);border-left-color:var(--accent-green)}@keyframes opponentActionFade{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.claim-victory-btn{background:linear-gradient(135deg,#ffc107 0,#ff9800 100%);color:#1a1a2e;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;border:0;cursor:pointer;margin-top:1rem;animation:pulse 2s infinite}.claim-victory-btn:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(255,193,7,0.4)}.team-select-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:1000;align-items:center;justify-content:center}.team-select-modal.active{display:flex}.team-select-container{width:90%;max-width:800px;max-height:90vh;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;overflow:hidden}.team-select-header{padding:1.5rem 2rem;background:rgba(168,85,247,0.1);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.team-select-title{font-family:'Fredoka',sans-serif;font-size:1.5rem}.companion-selection{padding:2rem;max-height:50vh;overflow-y:auto}.companion-option{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,0.05);border:2px solid transparent;border-radius:12px;margin-bottom:.75rem;cursor:pointer;transition:all .3s ease}.companion-option:hover{background:rgba(168,85,247,0.1);border-color:var(--border-color)}.companion-option.selected{background:rgba(168,85,247,0.2);border-color:var(--accent-purple)}.companion-option.disabled-resting{opacity:.5;cursor:not-allowed;pointer-events:none}.companion-option.disabled-resting:hover{background:rgba(255,255,255,0.05);border-color:transparent}.resting-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:rgba(0,0,0,0.5);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent-purple)}.resting-badge{display:inline-block;background:var(--accent-purple);color:white;font-size:.65rem;padding:2px 6px;border-radius:4px;margin-left:.5rem;font-weight:600;text-transform:uppercase}.companion-option-img{position:relative;width:60px;height:60px;border-radius:12px;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:2rem;overflow:hidden}.companion-option-img img{width:100%;height:100%;object-fit:contain}.companion-option-hp{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.companion-option-hp-bar{flex:1;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden}.companion-option-hp-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;transition:width .3s ease}.companion-option-hp-fill.low{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.companion-option-hp-fill.critical{background:linear-gradient(90deg,#ef4444,#f87171)}.companion-option-info{flex:1}.companion-option-name{font-weight:600;margin-bottom:.25rem}.companion-option-stats{font-size:.85rem;color:var(--text-secondary)}.team-select-footer{padding:1.5rem 2rem;background:rgba(0,0,0,0.3);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.selected-count{color:var(--text-secondary)}.start-battle-btn{padding:1rem 2rem;background:var(--gradient-fire);border:0;border-radius:12px;color:white;font-family:'Fredoka',sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-battle-btn:disabled{opacity:.5;cursor:not-allowed}.start-battle-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 8px 30px rgba(255,71,87,0.4)}.pp-purchase-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:2500;align-items:center;justify-content:center;animation:fadeIn .3s ease}.pp-purchase-modal.active{display:flex}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.pp-purchase-container{width:90%;max-width:420px;background:linear-gradient(180deg,#1a0a2e 0,#0a0512 100%);border:2px solid var(--accent-gold);border-radius:24px;overflow:hidden;animation:slideUp .4s cubic-bezier(0.16,1,0.3,1);box-shadow:0 0 60px rgba(255,215,0,0.2),0 0 100px rgba(168,85,247,0.1)}@keyframes slideUp{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pp-purchase-header{padding:2rem;text-align:center;background:linear-gradient(180deg,rgba(255,215,0,0.1) 0,transparent 100%);border-bottom:1px solid rgba(255,215,0,0.2)}.pp-purchase-icon{width:72px;height:72px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--accent-gold),#ff9500);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#1a0a2e;animation:pulse 2s ease infinite}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(255,215,0,0.3)}50%{transform:scale(1.05);box-shadow:0 0 40px rgba(255,215,0,0.5)}}.pp-purchase-title{font-family:'Fredoka',sans-serif;font-size:1.5rem;color:var(--accent-gold);margin-bottom:.5rem}.pp-purchase-subtitle{color:var(--text-secondary);font-size:.95rem}.pp-purchase-content{padding:1.5rem 2rem}.pp-purchase-details{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.pp-purchase-cost{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.75rem;font-weight:700;color:var(--accent-gold)}.pp-purchase-cost i{font-size:1.5rem}.pp-purchase-balance{text-align:center;margin-top:.75rem;color:var(--text-secondary);font-size:.9rem}.pp-purchase-balance span{color:var(--accent-gold);font-weight:600}.pp-purchase-benefit{text-align:center;color:var(--text-secondary);font-size:.9rem;padding:1rem;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);border-radius:10px;margin-bottom:1.5rem}.pp-purchase-benefit i{color:var(--accent-green);margin-right:.5rem}.pp-purchase-actions{display:flex;gap:1rem}.pp-btn{flex:1;padding:1rem 1.5rem;border:0;border-radius:12px;font-family:'Fredoka',sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.pp-btn-cancel{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:var(--text-secondary)}.pp-btn-cancel:hover{background:rgba(255,255,255,0.15);color:var(--text-primary)}.pp-btn-purchase{background:linear-gradient(135deg,var(--accent-gold),#ff9500);color:#1a0a2e}.pp-btn-purchase:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,215,0,0.4)}.pp-btn-purchase:disabled{opacity:.5;cursor:not-allowed;background:rgba(255,255,255,0.2);color:var(--text-muted)}.pp-no-balance{text-align:center;padding:1.5rem}.pp-no-balance p{color:var(--text-secondary);margin-bottom:1rem}.pp-shop-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-purple),#ec4899);border:0;border-radius:10px;color:white;font-weight:600;text-decoration:none;transition:all .3s ease}.pp-shop-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(168,85,247,0.4)}.result-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.95);z-index:2000;align-items:center;justify-content:flex-start;flex-direction:column;overflow-y:auto;padding:2rem 1rem}.result-overlay.active{display:flex}.result-title{font-family:'Orbitron',sans-serif;font-size:4rem;font-weight:900;margin-bottom:2rem;text-transform:uppercase}.result-title.victory{background:var(--gradient-victory);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 60px rgba(255,215,0,0.5)}.result-title.defeat{color:var(--accent-red);text-shadow:0 0 60px rgba(255,71,87,0.5)}.result-title.giveup{color:#6b7280;text-shadow:0 0 40px rgba(107,114,128,0.4);font-size:4rem}.result-overlay:has(.result-title.giveup) .rewards-display{opacity:.7}.result-overlay:has(.result-title.giveup) .reward-box-value{color:#9ca3af}.rewards-display{display:flex;gap:3rem;margin-bottom:2rem}.level-up-display{background:linear-gradient(135deg,rgba(255,215,0,0.2),rgba(255,107,53,0.2));border:2px solid #ffd700;border-radius:16px;padding:1rem 2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1rem;animation:levelUpPulse .5s ease-out}@keyframes levelUpPulse{0%{transform:scale(0.8);opacity:0}50%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.level-up-icon{font-size:2rem;color:#ffd700;margin-top:.2rem}.level-up-list{display:flex;flex-direction:column;gap:.5rem}.level-up-item{font-family:'Orbitron',sans-serif;font-size:1.1rem;font-weight:700;color:#ffd700;display:flex;align-items:center;gap:.5rem}.level-up-item .companion-name{color:#fff;font-family:'Nunito',sans-serif;font-weight:600;margin-right:.25rem}.level-up-text{font-family:'Orbitron',sans-serif;font-size:1.25rem;font-weight:700;color:#ffd700}.new-skill-display{background:linear-gradient(135deg,rgba(168,85,247,0.2),rgba(236,72,153,0.2));border:2px solid var(--accent-purple);border-radius:16px;padding:1rem 2rem;margin-bottom:1.5rem;min-width:300px}.new-skill-header{font-family:'Orbitron',sans-serif;font-size:1rem;font-weight:600;color:var(--accent-purple);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.new-skill-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.4rem;max-height:200px;overflow-y:auto}.new-skill-item{background:rgba(0,0,0,0.3);border-radius:8px;padding:.5rem .8rem;display:flex;flex-direction:row;align-items:center;gap:.5rem}.new-skill-item .skill-name{font-weight:600;font-size:.95rem;white-space:nowrap}.new-skill-item .skill-type{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.new-skill-item .skill-level{font-size:.75rem;color:var(--text-muted);background:rgba(255,255,255,0.1);padding:.15rem .45rem;border-radius:4px;margin-left:auto;white-space:nowrap}.loot-drops-display{background:linear-gradient(135deg,rgba(234,179,8,0.2),rgba(245,158,11,0.2));border:2px solid #f59e0b;border-radius:16px;padding:1rem 2rem;margin-bottom:1.5rem;min-width:300px;animation:lootDrop .5s ease-out}@keyframes lootDrop{0%{transform:translateY(-20px);opacity:0}100%{transform:translateY(0);opacity:1}}.loot-drops-header{font-family:'Orbitron',sans-serif;font-size:1rem;font-weight:600;color:#f59e0b;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.loot-drops-header i{font-size:1.25rem}.loot-drops-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.loot-item{background:rgba(0,0,0,0.4);border-radius:8px;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;border:1px solid rgba(245,158,11,0.3);transition:transform .2s}.loot-item:hover{transform:scale(1.05)}.loot-item i{color:#f59e0b;font-size:1.1rem}.loot-item .loot-name{font-weight:500;font-size:.9rem}.loot-item .loot-qty{font-size:.75rem;color:#22c55e;font-weight:600}.loot-item.rarity-common{border-color:rgba(156,163,175,0.5)}.loot-item.rarity-common i{color:#9ca3af}.loot-item.rarity-uncommon{border-color:rgba(34,197,94,0.5)}.loot-item.rarity-uncommon i{color:#22c55e}.loot-item.rarity-rare{border-color:rgba(59,130,246,0.5)}.loot-item.rarity-rare i{color:#3b82f6}.loot-item.rarity-epic{border-color:rgba(168,85,247,0.5)}.loot-item.rarity-epic i{color:#a855f7}.loot-item.rarity-legendary{border-color:rgba(245,158,11,0.5)}.loot-item.rarity-legendary i{color:#f59e0b}.loot-item.rarity-mythic{border-color:rgba(236,72,153,0.5);background:linear-gradient(135deg,rgba(236,72,153,0.1),rgba(168,85,247,0.1))}.loot-item.rarity-mythic i{color:#ec4899}.reward-box{text-align:center;padding:1.5rem 2rem;background:rgba(255,255,255,0.05);border-radius:16px}.reward-box-value{font-family:'Orbitron',sans-serif;font-size:2rem;font-weight:700;margin-bottom:.5rem}.reward-box-value.np{color:var(--accent-gold)}.reward-box-value.exp{color:var(--accent-green)}.reward-box-value.bond{color:var(--accent-purple)}.reward-box-label{font-size:.9rem;color:var(--text-secondary)}.continue-btn{padding:1.2rem 3rem;background:var(--gradient-ranked);border:0;border-radius:12px;color:white;font-family:'Fredoka',sans-serif;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.continue-btn:hover{transform:scale(1.05);box-shadow:0 8px 30px rgba(168,85,247,0.4)}.loading-spinner{display:none;width:60px;height:60px;border:4px solid rgba(255,255,255,0.1);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.arena-environment{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.arena-floor{position:absolute;bottom:-5%;left:0;right:0;height:65%;background:radial-gradient(ellipse 130% 100% at 50% 0,rgba(168,85,247,0.12) 0,rgba(100,50,200,0.05) 45%,transparent 75%);transform:perspective(500px) rotateX(45deg);transform-origin:center top}.arena-floor::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 59px,rgba(168,85,247,0.04) 59px,rgba(168,85,247,0.04) 60px),repeating-linear-gradient(0,transparent 0,transparent 39px,rgba(168,85,247,0.03) 39px,rgba(168,85,247,0.03) 40px)}.arena-floor::after{content:'';position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(to bottom,rgba(26,10,46,0.85),transparent);pointer-events:none}.arena-environment::before{content:'';position:absolute;top:38%;left:5%;right:5%;height:1px;background:radial-gradient(ellipse at center,rgba(168,85,247,0.35),transparent 70%);filter:blur(5px);z-index:1}.arena-environment::after{content:'';position:absolute;bottom:0;left:15%;right:15%;height:35%;background:radial-gradient(ellipse at 50% 100%,rgba(168,85,247,0.06),transparent 70%);z-index:1}.teams-container,.turn-order-bar,.current-actor-indicator,.battle-log{position:relative;z-index:2}.arena-particle{position:absolute;border-radius:50%;background:rgba(168,85,247,0.6);box-shadow:0 0 4px rgba(168,85,247,0.4);animation:arenaFloat var(--float-duration,4s) ease-in-out var(--float-delay,0s) infinite}@keyframes arenaFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(var(--float-x,5px),var(--float-y,-15px));opacity:.7}}.arena-vfx{position:absolute;inset:0;pointer-events:none;z-index:3}.type-flash{position:absolute;inset:0;opacity:0;animation:typeFlashPulse .35s ease-out forwards;pointer-events:none}@keyframes typeFlashPulse{0%{opacity:0}30%{opacity:.25}100%{opacity:0}}.type-flash.fire{background:radial-gradient(circle at center,rgba(255,71,87,0.35),transparent 70%)}.type-flash.water{background:radial-gradient(circle at center,rgba(59,130,246,0.35),transparent 70%)}.type-flash.electric{background:radial-gradient(circle at center,rgba(255,215,0,0.35),transparent 70%)}.type-flash.nature{background:radial-gradient(circle at center,rgba(34,197,94,0.35),transparent 70%)}.type-flash.ice{background:radial-gradient(circle at center,rgba(103,232,249,0.35),transparent 70%)}.type-flash.dark{background:radial-gradient(circle at center,rgba(63,63,70,0.4),transparent 70%)}.type-flash.psychic{background:radial-gradient(circle at center,rgba(236,72,153,0.35),transparent 70%)}.type-flash.shadow{background:radial-gradient(circle at center,rgba(88,28,135,0.35),transparent 70%)}.type-flash.light{background:radial-gradient(circle at center,rgba(254,240,138,0.3),transparent 70%)}.type-flash.dragon{background:radial-gradient(circle at center,rgba(147,51,234,0.35),transparent 70%)}.type-flash.spirit{background:radial-gradient(circle at center,rgba(192,132,252,0.35),transparent 70%)}.type-flash.cosmic{background:radial-gradient(circle at center,rgba(49,46,129,0.4),transparent 70%)}.type-flash.steel{background:radial-gradient(circle at center,rgba(156,163,175,0.35),transparent 70%)}.type-flash.rock{background:radial-gradient(circle at center,rgba(161,140,90,0.35),transparent 70%)}.type-flash.ground{background:radial-gradient(circle at center,rgba(161,98,7,0.35),transparent 70%)}.type-flash.wind{background:radial-gradient(circle at center,rgba(165,243,252,0.3),transparent 70%)}.type-flash.beast{background:radial-gradient(circle at center,rgba(180,100,60,0.35),transparent 70%)}.type-flash.dream{background:radial-gradient(circle at center,rgba(240,171,252,0.3),transparent 70%)}.type-flash.ghost{background:radial-gradient(circle at center,rgba(126,34,206,0.35),transparent 70%)}.type-flash.tech{background:radial-gradient(circle at center,rgba(14,165,233,0.35),transparent 70%)}.type-flash.sound{background:radial-gradient(circle at center,rgba(168,85,247,0.35),transparent 70%)}.type-flash.sweet{background:radial-gradient(circle at center,rgba(253,164,175,0.3),transparent 70%)}.type-flash.glitch{background:radial-gradient(circle at center,rgba(255,0,128,0.35),transparent 70%)}.type-flash.chaos{background:radial-gradient(circle at center,rgba(200,50,50,0.35),transparent 70%)}.battle-mode-1v1 .teams-container{align-items:flex-end}.battle-mode-1v1 .combatant-display{background:rgba(10,5,18,0.25);border:2px solid rgba(168,85,247,0.08);box-shadow:none;transition:transform .3s ease,box-shadow .3s ease}.battle-mode-1v1 .combatant-display.active{border-color:rgba(168,85,247,0.15);box-shadow:0 0 20px rgba(168,85,247,0.1)}.battle-mode-1v1 .combatant-display.enemy{border-color:rgba(255,71,87,0.08)}.battle-mode-1v1 .combatant-display.enemy.active{box-shadow:0 0 20px rgba(255,71,87,0.1)}.battle-mode-1v1 .combatant-image{width:160px;height:160px;border-radius:22px;border:3px solid rgba(255,255,255,0.12);box-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 50px rgba(168,85,247,0.12),inset 0 0 20px rgba(168,85,247,0.05);position:relative;transition:transform .3s ease,box-shadow .3s ease}.battle-mode-1v1 .combatant-image::before{content:'';position:absolute;inset:0;background:rgba(10,5,18,0.4);border-radius:inherit;z-index:0}.battle-mode-1v1 .combatant-image img{width:90%;height:90%;position:relative;z-index:1}.battle-mode-1v1 .combatant-image::after{content:'';position:absolute;bottom:-14px;left:10%;right:10%;height:20px;background:radial-gradient(ellipse at center,rgba(0,0,0,0.45) 0,rgba(168,85,247,0.12) 50%,transparent 75%);filter:blur(8px);border-radius:50%;z-index:-1}.battle-mode-1v1 .player-side .combatant-image{width:170px;height:170px;border-color:rgba(168,85,247,0.2)}.battle-mode-1v1 .enemy-side .combatant-image{width:150px;height:150px;border-color:rgba(255,71,87,0.15)}.battle-mode-1v1 .enemy-side .combatant-image::after{background:radial-gradient(ellipse at center,rgba(0,0,0,0.4) 0,rgba(255,71,87,0.1) 50%,transparent 75%)}.battle-mode-1v1 .combatant-info{background:rgba(10,5,18,0.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(168,85,247,0.12);border-radius:12px;padding:.5rem .8rem;margin-top:.6rem}.battle-mode-1v1 .vs-indicator{font-size:2.5rem;opacity:.3;text-shadow:0 0 30px rgba(255,71,87,0.5),0 0 60px rgba(255,71,87,0.2);animation:vsPulse 3s ease-in-out infinite}@keyframes vsPulse{0%,100%{opacity:.3;text-shadow:0 0 30px rgba(255,71,87,0.5),0 0 60px rgba(255,71,87,0.2)}50%{opacity:.45;text-shadow:0 0 40px rgba(255,71,87,0.7),0 0 80px rgba(255,71,87,0.3)}}.battle-mode-1v1 .team-label{opacity:.5;text-shadow:0 0 8px rgba(168,85,247,0.3)}.battle-mode-1v1 .battle-log{background:rgba(0,0,0,0.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:rgba(168,85,247,0.12)}.log-entry-new{animation:logSlideIn .3s ease-out}@keyframes logSlideIn{0%{transform:translateX(-15px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes screenShake{0%,100%{transform:translate(0,0)}10%{transform:translate(-3px,1px)}20%{transform:translate(3px,-2px)}30%{transform:translate(-2px,2px)}40%{transform:translate(2px,-1px)}50%{transform:translate(-1px,1px)}60%{transform:translate(1px,-1px)}70%{transform:translate(-1px,0)}80%{transform:translate(1px,0)}}@keyframes screenShakeHeavy{0%,100%{transform:translate(0,0)}10%{transform:translate(-6px,3px)}20%{transform:translate(6px,-3px)}30%{transform:translate(-4px,4px)}40%{transform:translate(4px,-3px)}50%{transform:translate(-3px,2px)}60%{transform:translate(3px,-2px)}70%{transform:translate(-2px,1px)}80%{transform:translate(2px,0)}}.battle-container.screen-shake{animation:screenShake .35s ease-out}.battle-container.screen-shake-heavy{animation:screenShakeHeavy .45s ease-out}.impact-particle{position:fixed;border-radius:50%;pointer-events:none;z-index:10000;animation:impactBurst .6s ease-out forwards}@keyframes impactBurst{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx,30px),var(--dy,-30px)) scale(0);opacity:0}}.battle-entry.battle-mode-1v1 .player-side .combatant-display{animation:slideInLeft .6s cubic-bezier(0.34,1.56,0.64,1) forwards}.battle-entry.battle-mode-1v1 .enemy-side .combatant-display{animation:slideInRight .6s cubic-bezier(0.34,1.56,0.64,1) .15s forwards;opacity:0}.battle-entry.battle-mode-1v1 .vs-indicator{animation:vsFlash .4s ease .5s forwards;opacity:0}@keyframes slideInLeft{0%{transform:translateX(-80px) scale(0.85);opacity:0}60%{transform:translateX(8px) scale(1.02);opacity:1}100%{transform:translateX(0) scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translateX(80px) scale(0.85);opacity:0}60%{transform:translateX(-8px) scale(1.02);opacity:1}100%{transform:translateX(0) scale(1);opacity:1}}@keyframes vsFlash{0%{transform:scale(0.5);opacity:0}50%{transform:scale(1.4);opacity:.7;filter:brightness(2)}100%{transform:scale(1);opacity:.3;filter:brightness(1)}}.battle-mode-1v1 .combatant-display.fainted{animation:faintEnhanced 1s ease-out forwards}@keyframes faintEnhanced{0%{transform:scale(1) rotate(0);opacity:1;filter:brightness(1)}15%{transform:scale(1.05);opacity:1;filter:brightness(2) saturate(0)}40%{transform:scale(0.85) rotate(-5deg);opacity:.7;filter:brightness(0.6) grayscale(0.6)}70%{transform:scale(0.65) rotate(-10deg);opacity:.4;filter:brightness(0.3) grayscale(0.9)}100%{transform:scale(0.5) rotate(-15deg) translateY(15px);opacity:.15;filter:brightness(0.2) grayscale(1) blur(2px)}}.crit-label{display:block;font-size:.6em;color:#ff4757;letter-spacing:3px;text-transform:uppercase;margin-bottom:-2px;text-shadow:0 0 8px rgba(255,71,87,0.8),1px 1px 0 #000}.damage-popup.critical{color:#ffd700;font-size:2.5rem;text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,0.5),3px 3px 0 #ff4757;animation:damagePopupCrit 1.2s ease-out forwards}@keyframes damagePopupCrit{0%{transform:translateY(0) scale(0.3);opacity:0}15%{transform:translateY(-15px) scale(1.4);opacity:1}35%{transform:translateY(-25px) scale(1.05);opacity:1}80%{transform:translateY(-55px) scale(1);opacity:1}100%{transform:translateY(-80px) scale(0.8);opacity:0}}.damage-popup.miss{color:#6b7280;font-size:1.3rem;font-style:italic;text-shadow:0 0 8px rgba(107,114,128,0.5),2px 2px 0 #000;animation:missSwoop .8s ease-out forwards}@keyframes missSwoop{0%{transform:translateY(0) translateX(-20px) scale(0.5);opacity:0}30%{transform:translateY(-10px) translateX(0) scale(1.1);opacity:1}80%{transform:translateY(-30px) translateX(10px) scale(1);opacity:.8}100%{transform:translateY(-40px) translateX(20px) scale(0.9);opacity:0}}.turn-banner{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;font-family:'Orbitron',sans-serif;font-size:1.4rem;font-weight:800;color:white;padding:.5rem 0;z-index:50;pointer-events:none;animation:turnBannerSweep 1.5s ease-out forwards}.turn-banner.player-turn{background:linear-gradient(90deg,transparent,rgba(168,85,247,0.4),rgba(168,85,247,0.7),rgba(168,85,247,0.4),transparent);text-shadow:0 0 20px rgba(168,85,247,0.8)}.turn-banner.enemy-turn{background:linear-gradient(90deg,transparent,rgba(255,71,87,0.3),rgba(255,71,87,0.5),rgba(255,71,87,0.3),transparent);text-shadow:0 0 20px rgba(255,71,87,0.8)}@keyframes turnBannerSweep{0%{transform:translateY(-50%) scaleX(0);opacity:0}15%{transform:translateY(-50%) scaleX(1.05);opacity:1}50%{transform:translateY(-50%) scaleX(1);opacity:1}100%{transform:translateY(-50%) scaleX(0);opacity:0}}.skill-btn{position:relative}.skill-btn:not(:disabled):not(.empty){transition:transform .15s ease,box-shadow .15s ease}.skill-btn:not(:disabled):not(.empty):hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.3)}.skill-btn:not(:disabled):not(.empty):active{transform:translateY(0);box-shadow:none}.skill-btn:disabled:not(.empty):not(.waiting-turn):not(.item):not(.struggle)::after{content:'Low MP';position:absolute;bottom:2px;right:6px;font-size:.55rem;color:rgba(255,71,87,0.6);font-weight:600;letter-spacing:.5px}.confetti-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.confetti-piece{position:absolute;top:-20px;animation:confettiFall var(--fall-duration,3s) linear var(--fall-delay,0s) forwards;will-change:transform}@keyframes confettiFall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}25%{transform:translateY(25vh) rotate(180deg) translateX(var(--sway,20px)) scale(0.95);opacity:1}50%{transform:translateY(50vh) rotate(360deg) translateX(calc(var(--sway, 20px) * -0.5)) scale(0.9);opacity:.9}75%{transform:translateY(75vh) rotate(540deg) translateX(var(--sway,20px)) scale(0.8);opacity:.7}100%{transform:translateY(105vh) rotate(720deg) scale(0.6);opacity:0}}.result-overlay.defeat-vignette::after{content:'';position:fixed;inset:0;background:radial-gradient(circle at center,transparent 25%,rgba(120,0,0,0.35) 100%);pointer-events:none;z-index:-1;animation:vignetteIn .8s ease-out}@keyframes vignetteIn{0%{opacity:0}100%{opacity:1}}.result-overlay.active .reward-box{animation:rewardSlideUp .5s ease-out backwards}.result-overlay.active .reward-box:nth-child(1){animation-delay:.1s}.result-overlay.active .reward-box:nth-child(2){animation-delay:.25s}.result-overlay.active .reward-box:nth-child(3){animation-delay:.4s}@keyframes rewardSlideUp{0%{transform:translateY(30px) scale(0.9);opacity:0}100%{transform:translateY(0) scale(1);opacity:1}}.result-overlay.active .result-title{animation:titleSlam .6s cubic-bezier(0.34,1.56,0.64,1)}@keyframes titleSlam{0%{transform:scale(0.3) rotate(-5deg);opacity:0}50%{transform:scale(1.15) rotate(1deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}.loot-item.rarity-common i{color:#c0c8d4;text-shadow:0 0 4px rgba(192,200,212,0.4)}@media(max-width:900px){.arena-title{font-size:2.5rem}.modes-grid{grid-template-columns:1fr}.leaderboard-header,.leaderboard-row{grid-template-columns:50px 1fr 80px}.leaderboard-header>*:nth-child(4),.leaderboard-header>*:nth-child(5),.leaderboard-row>*:nth-child(4),.leaderboard-row>*:nth-child(5){display:none}.action-grid{grid-template-columns:repeat(2,1fr)}.teams-container{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:1rem}.vs-indicator{order:1;font-size:1.5rem}.team-side{width:100%}.player-side{order:0}.enemy-side{order:2}}@media(max-width:600px){.stats-bar{flex-direction:column;gap:1rem}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.world-selector{margin-left:0;margin-right:0;width:100%;overflow-x:auto;padding-bottom:.5rem}.world-btn{padding:.4rem .75rem;font-size:.75rem}}@media(max-height:800px){.battle-header{padding:.75rem 1.5rem}.battle-arena{padding:1rem 1.5rem;gap:.5rem}.battle-actions{padding:1rem 1.5rem}.battle-menu-tabs{margin-bottom:.75rem}.menu-tab{padding:.6rem .75rem;font-size:.85rem}.skill-btn{padding:.75rem}.combatant-display{padding:1rem}.combatant-image{width:120px;height:120px}.combatant-name{font-size:1rem}.battle-mode-1v1 .combatant-image{width:150px;height:150px}.battle-mode-1v1 .player-side .combatant-image{width:155px;height:155px}.battle-mode-1v1 .enemy-side .combatant-image{width:140px;height:140px}.battle-mode-1v1 .combatant-info{padding:.4rem .65rem}}@media(max-height:700px){.battle-container{max-height:95vh;border-radius:16px}.battle-header{padding:.5rem 1.25rem}.turn-indicator{font-size:.9rem}.close-battle{width:32px;height:32px;font-size:1rem}.battle-arena{padding:.75rem 1.25rem;gap:.4rem}.battle-actions{padding:.75rem 1.25rem}.battle-menu-tabs{margin-bottom:.5rem;gap:.35rem}.menu-tab{padding:.5rem .5rem;font-size:.8rem}.menu-tab i{font-size:.85rem}.action-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.skill-btn{padding:.6rem .75rem}.skill-name{font-size:.85rem}.skill-meta{font-size:.7rem}.combatant-display{padding:.75rem}.combatant-image{width:90px;height:90px;margin-bottom:.25rem}.combatant-name{font-size:.9rem;margin-bottom:.15rem}.combatant-stats{gap:.25rem}.battle-mode-1v1 .combatant-image{width:120px;height:120px;border-radius:18px}.battle-mode-1v1 .player-side .combatant-image{width:125px;height:125px}.battle-mode-1v1 .enemy-side .combatant-image{width:110px;height:110px}.battle-mode-1v1 .combatant-info{padding:.35rem .5rem;border-radius:10px}.arena-floor{height:55%}.battle-log{padding:.35rem .75rem;max-height:50px;min-height:40px}.log-entry{font-size:.7rem;margin-bottom:.25rem}.vs-indicator{font-size:1.5rem}.teams-container{gap:.5rem}.team-label{font-size:.7rem;margin-bottom:.5rem}.multi-battle .combatant-display{padding:.5rem;gap:.5rem}.multi-battle .combatant-image{width:45px;height:45px}.turn-order-bar{padding:.35rem .75rem;margin-bottom:.5rem}.turn-order-item{padding:.2rem .4rem;font-size:.65rem}.current-actor-indicator{padding:.35rem .75rem;font-size:.7rem}}@media(max-height:600px){.battle-container{max-height:98vh;border-radius:12px}.battle-header{padding:.35rem 1rem}.turn-indicator{font-size:.8rem}.close-battle{width:28px;height:28px;font-size:.9rem;border-radius:6px}.battle-arena{padding:.5rem 1rem;gap:.35rem}.battle-actions{padding:.5rem 1rem}.battle-menu-tabs{margin-bottom:.35rem;gap:.25rem}.menu-tab{padding:.4rem .35rem;font-size:.75rem;border-radius:6px 6px 0 0}.menu-tab i{font-size:.75rem}.action-grid{gap:.35rem}.skill-btn{padding:.5rem .6rem;border-radius:8px}.skill-name{font-size:.8rem;margin-bottom:.15rem}.skill-element{font-size:.55rem;padding:1px 4px}.skill-meta{font-size:.65rem}.combatant-display{padding:.5rem}.combatant-image{width:70px;height:70px;margin-bottom:.15rem}.combatant-name{font-size:.85rem}.combatant-level{font-size:.65rem}.battle-mode-1v1 .combatant-image{width:70px;height:70px;border-radius:50%}.battle-mode-1v1 .player-side .combatant-image{width:75px;height:75px}.battle-mode-1v1 .enemy-side .combatant-image{width:70px;height:70px}.arena-environment{display:none}.battle-mode-1v1 .combatant-display{background:rgba(0,0,0,0.3);border-color:var(--border-color)}.battle-mode-1v1 .combatant-display.active{border-color:var(--accent-purple)}.battle-mode-1v1 .combatant-display.enemy{border-color:var(--accent-red)}.battle-log{padding:.25rem .5rem;max-height:40px;min-height:30px;border-radius:8px}.log-entry{font-size:.65rem;margin-bottom:.2rem;padding-left:.5rem}.vs-indicator{font-size:1.25rem}.team-label{font-size:.65rem;margin-bottom:.35rem;letter-spacing:1px}.multi-battle .combatant-display{padding:.35rem;gap:.35rem}.multi-battle .combatant-image{width:35px;height:35px}.multi-battle .combatant-header{gap:.3rem;margin-bottom:.2rem}.multi-battle .combatant-name{font-size:.85rem}.multi-battle .combatant-level{font-size:.6rem}.multi-battle .combatant-types .combatant-type-tag{font-size:.5rem;padding:.05rem .25rem}.turn-order-bar{padding:.25rem .5rem;margin-bottom:.35rem}.turn-order-label{font-size:.6rem}.turn-order-item{padding:.15rem .3rem;font-size:.6rem}.turn-order-item .turn-portrait{width:16px;height:16px}.current-actor-indicator{padding:.25rem .5rem;font-size:.65rem}}@media(max-height:520px){.arena-environment{display:none}.battle-container{max-height:100vh;border-radius:8px;margin:0}.teams-container{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:.35rem}.vs-indicator{order:1;font-size:1rem;padding:.15rem 0}.team-side{width:100%}.player-side{order:0}.enemy-side{order:2}.combatant-display{display:flex;flex-direction:row;align-items:center;gap:.5rem;text-align:left;padding:.35rem .5rem}.combatant-image{width:50px;height:50px;margin:0;flex-shrink:0}.combatant-info{flex:1;min-width:0}.team-label{font-size:.6rem;margin-bottom:.25rem}.battle-log{max-height:30px;min-height:25px;padding:.2rem .4rem}.log-entry{font-size:.6rem;margin-bottom:.15rem}.battle-menu-tabs{margin-bottom:.25rem}.menu-tab{padding:.3rem .25rem;font-size:.7rem}.menu-tab span{display:none}.action-grid{gap:.25rem}.skill-btn{padding:.4rem .5rem}.skill-name{font-size:.75rem}}@media(max-width:600px) and (max-height:700px){.battle-arena{padding:.5rem .75rem}.battle-actions{padding:.5rem .75rem}.combatant-display{padding:.5rem}.combatant-image{width:60px;height:60px}}.pvp-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:3000;align-items:center;justify-content:center;animation:fadeIn .2s ease}.pvp-overlay.active{display:flex}.pvp-modal{background:linear-gradient(180deg,var(--bg-arena-purple),#1a0a2e);border:3px solid var(--accent-gold);border-radius:24px;padding:2rem;max-width:450px;width:90%;text-align:center;animation:challengeSlideIn .3s ease;box-shadow:0 0 40px rgba(168,85,247,0.4)}.pvp-modal .modal-header h2{font-family:'Fredoka',sans-serif;font-size:1.75rem;color:var(--accent-gold);margin-bottom:1rem}.pvp-modal .modal-header h2 i{margin-right:.5rem}.pvp-modal .modal-body{padding:1rem 0}.confirmation-message p{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.confirmation-message .countdown-text{font-size:1.25rem;color:var(--accent-coral);font-weight:600}.confirmation-message .countdown-text span{font-size:1.5rem;color:#fff}.confirmation-timer{background:rgba(0,0,0,0.3);border-radius:8px;height:12px;overflow:hidden;margin:1.5rem 0}.confirmation-timer .timer-bar{height:100%;width:100%;background:linear-gradient(90deg,var(--accent-teal),var(--accent-purple));border-radius:8px;transition:width 1s linear}.confirmation-timer .timer-bar.urgent{background:linear-gradient(90deg,var(--accent-coral),#f44);animation:pulse .5s ease infinite}.pvp-modal .modal-footer{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.pvp-modal .lets-battle-btn{font-size:1.25rem;padding:1rem 2rem;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:0;border-radius:12px;color:white;font-weight:700;cursor:pointer;animation:pulse 1.5s ease infinite;transition:transform .2s ease}.pvp-modal .lets-battle-btn:hover{transform:scale(1.05)}.pvp-modal .lets-battle-btn i{margin-right:.5rem}.awaiting-modal .spinner{width:50px;height:50px;border:4px solid rgba(168,85,247,0.3);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite;margin:1.5rem auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.8}}