.inv-battle{max-width:1100px;margin:0 auto;padding:24px 16px 60px}.inv-battle__header{text-align:center;margin-bottom:32px}.inv-battle__title{font-family:Rajdhani,sans-serif;font-weight:700;font-size:2rem;color:var(--amber-flame, #f59e0b);margin:0 0 8px}.inv-battle__subtitle{color:#9ca3af;font-size:.95rem;margin:0}.inv-battle__war-type{margin-bottom:28px;text-align:center}.inv-battle__label{display:block;font-size:.85rem;color:#9ca3af;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.inv-battle__chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.inv-battle__chip{padding:6px 16px;border:1px solid rgba(245,158,11,.3);background:#f59e0b0d;color:#d1d5db;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s}.inv-battle__chip:hover{border-color:#f59e0b99;color:#f59e0b}.inv-battle__chip--active{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b}.inv-battle__selectors{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start;margin-bottom:28px}@media(max-width:768px){.inv-battle__selectors{grid-template-columns:1fr}}.inv-battle__selector{background:var(--bg-siege-secondary, #111827);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;transition:border-color .2s}.inv-battle__selector:hover{border-color:#ffffff1a}.inv-battle__selector-title{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.1rem;color:#e5e7eb;margin:0 0 12px}.inv-battle__search-wrap{position:relative;margin-bottom:12px}.inv-battle__search{width:100%;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e5e7eb;font-size:.9rem;outline:none;box-sizing:border-box;transition:all .2s}.inv-battle__search:focus{border-color:#f59e0b80;background:#ffffff0f;box-shadow:0 0 0 3px #f59e0b14}.inv-battle__search::placeholder{color:#6b7280}.inv-battle__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1a2332;border:1px solid rgba(245,158,11,.15);border-radius:10px;max-height:280px;overflow-y:auto;z-index:50;display:none;box-shadow:0 8px 32px #00000080}.inv-battle__dropdown.open{display:block}.inv-battle__dropdown::-webkit-scrollbar{width:6px}.inv-battle__dropdown::-webkit-scrollbar-track{background:transparent}.inv-battle__dropdown::-webkit-scrollbar-thumb{background:#f59e0b40;border-radius:3px}.inv-battle__dropdown::-webkit-scrollbar-thumb:hover{background:#f59e0b66}.inv-battle__dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:all .15s;border-bottom:1px solid rgba(255,255,255,.04)}.inv-battle__dropdown-item:first-child{border-radius:10px 10px 0 0}.inv-battle__dropdown-item:last-child{border-bottom:none;border-radius:0 0 10px 10px}.inv-battle__dropdown-item:only-child{border-radius:10px}.inv-battle__dropdown-item:hover{background:#f59e0b14;padding-left:18px}.inv-battle__dropdown-item img{width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.inv-battle__dropdown-item-info{flex:1;min-width:0}.inv-battle__dropdown-item-title{font-size:.9rem;font-weight:500;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-battle__dropdown-item-meta{font-size:.75rem;color:#f59e0b;opacity:.7;margin-top:2px;display:flex;align-items:center;gap:4px}.inv-battle__dropdown-portraits{display:flex;width:72px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0;position:relative}.inv-battle__dropdown-portraits:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#1a2332 0%,transparent 50%);pointer-events:none;border-radius:6px}.inv-battle__dropdown-portrait{flex:1;min-width:0;height:100%;object-fit:cover;object-position:top;display:block}.inv-battle__dropdown-portrait--empty{background:#1a2235}.inv-battle__dropdown-ut-icon{width:14px;height:14px;object-fit:contain;vertical-align:middle}.inv-battle__selected{min-height:60px}.inv-battle__placeholder{color:#4b5563;font-size:.85rem;font-style:italic;text-align:center;padding:16px 0}.inv-battle__selected-card{display:flex;align-items:center;gap:12px;padding:14px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.25);border-radius:10px;animation:inv-fadeIn .2s ease}@keyframes inv-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inv-battle__selected-card img{width:48px;height:48px;border-radius:8px;object-fit:cover;border:1px solid rgba(245,158,11,.15)}.inv-battle__selected-card-info{flex:1}.inv-battle__selected-card-title{font-weight:600;color:#e5e7eb;font-size:.95rem}.inv-battle__selected-card-meta{font-size:.8rem;color:#9ca3af}.inv-battle__selected-card-remove{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.2rem;padding:4px 8px}.inv-battle__selected-card-remove:hover{color:#ef4444}.inv-battle__vs{display:flex;align-items:center;justify-content:center;padding-top:60px}.inv-battle__vs span{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.8rem;color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.3)}@media(max-width:768px){.inv-battle__vs{padding-top:0}}.inv-battle__actions{text-align:center;margin-bottom:32px}.inv-battle__btn{padding:12px 40px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;border:none;border-radius:8px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.inv-battle__btn:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px)}.inv-battle__btn:disabled{opacity:.4;cursor:not-allowed}.inv-battle__results{margin-top:12px}.inv-battle__section-title{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.15rem;color:#e5e7eb;margin:0 0 16px;text-align:center}.inv-battle__prediction{background:var(--bg-siege-secondary, #111827);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:24px;margin-bottom:24px}.inv-battle__bar-wrap{display:flex;height:40px;border-radius:8px;overflow:hidden;margin-bottom:8px}.inv-battle__bar-a{background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .6s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;min-width:40px}.inv-battle__bar-b{background:linear-gradient(90deg,#ef4444,#f87171);transition:width .6s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;min-width:40px}.inv-battle__bar-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#9ca3af}.inv-battle__stats{background:var(--bg-siege-secondary, #111827);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:24px;margin-bottom:24px}.inv-battle__stat-row{margin-bottom:14px}.inv-battle__stat-row:last-child{margin-bottom:0}.inv-battle__stat-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.inv-battle__stat-name{font-size:.8rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.inv-battle__stat-values{display:flex;gap:12px;font-size:.8rem}.inv-battle__stat-val-a{color:#60a5fa}.inv-battle__stat-val-b{color:#f87171}.inv-battle__stat-val--winner{font-weight:700}.inv-battle__stat-bar-container{display:flex;height:8px;border-radius:4px;overflow:hidden;background:#ffffff0a}.inv-battle__stat-bar-a{background:#3b82f6;transition:width .5s ease;border-radius:4px 0 0 4px}.inv-battle__stat-bar-b{background:#ef4444;transition:width .5s ease;border-radius:0 4px 4px 0}.inv-battle__radar{background:var(--bg-siege-secondary, #111827);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:24px;margin-bottom:24px;text-align:center}.inv-battle__radar canvas{max-width:100%;height:auto!important}.inv-battle__commanders{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}@media(max-width:768px){.inv-battle__commanders{grid-template-columns:1fr}}.inv-battle__cmd-card{background:var(--bg-siege-secondary, #111827);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px}.inv-battle__cmd-card--a{border-color:#3b82f633}.inv-battle__cmd-card--b{border-color:#ef444433}.inv-battle__cmd-side-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.inv-battle__cmd-card--a .inv-battle__cmd-side-label{color:#60a5fa}.inv-battle__cmd-card--b .inv-battle__cmd-side-label{color:#f87171}.inv-battle__cmd-list{display:flex;flex-direction:column;gap:10px}.inv-battle__cmd-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff05;border-radius:8px;flex-wrap:wrap}.inv-battle__cmd-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.inv-battle__cmd-role{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 5px;border-radius:3px;background:#f59e0b26;color:#f59e0b;flex-shrink:0}.inv-battle__cmd-name{font-weight:600;color:#e5e7eb;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-battle__cmd-rank{font-size:.7rem;color:#f59e0b;flex-shrink:0}.inv-battle__cmd-stats{display:flex;gap:8px;font-size:.7rem;color:#6b7280;width:100%;padding-left:4px}.inv-battle__cmd-stats span{white-space:nowrap}.inv-battle__cmd-power{margin-left:auto;font-weight:700;font-size:.9rem;color:#f59e0b;flex-shrink:0}.inv-battle__rating-compare{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--bg-siege-secondary, #111827);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px 20px;margin-top:16px;grid-column:1 / -1}.inv-battle__rating-side{display:flex;flex-direction:column;align-items:center;gap:2px}.inv-battle__rating-side--a .inv-battle__rating-value{color:#60a5fa}.inv-battle__rating-side--b .inv-battle__rating-value{color:#f87171}.inv-battle__rating-value{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.3rem}.inv-battle__rating-tier{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.inv-battle__rating-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.inv-battle__synergy-compare{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--bg-siege-secondary, #111827);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 20px;margin-top:10px;grid-column:1 / -1}.inv-battle__synergy-side{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:60px}.inv-battle__synergy-score{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.1rem;color:#e5e7eb}.inv-battle__synergy-grade{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.4rem;line-height:1}.inv-battle__synergy-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;flex:1;text-align:center}.inv-battle__matchup{background:var(--bg-siege-secondary, #111827);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;text-align:center}.inv-battle__matchup-text{color:#9ca3af;font-size:.9rem;margin:4px 0}.inv-battle__matchup-highlight{color:#f59e0b;font-weight:600}.inv-battle__loading{text-align:center;padding:40px;color:#6b7280}.inv-battle__loading-spinner{display:inline-block;width:32px;height:32px;border:3px solid rgba(245,158,11,.2);border-top-color:#f59e0b;border-radius:50%;animation:inv-spin .8s linear infinite}@keyframes inv-spin{to{transform:rotate(360deg)}}