.compare-container{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.compare-header{text-align:center;margin-bottom:40px}.compare-title{background:linear-gradient(135deg, #fff 50%, var(--accent-crimson) 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.05em;-webkit-background-clip:text;margin-bottom:12px;font-size:2.25rem;font-weight:800}.compare-subtitle{color:var(--text-secondary);max-width:650px;margin:0 auto;font-size:1rem;line-height:1.5}.selectors-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#0d11228c;border-radius:12px;justify-content:center;align-items:flex-end;gap:32px;margin-bottom:30px;padding:32px;display:flex}.selector-wrapper{flex-direction:column;flex:1;gap:8px;max-width:400px;display:flex}.selector-wrapper label{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-secondary);letter-spacing:.1em;font-size:.75rem}.glass-select{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);appearance:none;background:#060814d9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239ca3af' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") right 16px center no-repeat;border-radius:6px;outline:none;padding:12px 40px 12px 16px;font-size:1rem;font-weight:600}.glass-select:hover,.glass-select:focus{border-color:#ff575766;box-shadow:0 0 15px #ff2a5f26}.glass-select option{color:var(--text-primary);background:#0d1122;padding:8px;font-weight:500}.compare-divider-vs{font-family:var(--font-mono);color:var(--accent-crimson);text-shadow:0 0 10px var(--accent-crimson-glow);padding-bottom:8px;font-size:1.5rem;font-weight:800}.comparison-grid{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:20px;display:grid}.comparison-column{min-height:400px;transition:var(--transition-smooth);flex-direction:column;gap:24px;display:flex}.empty-state{border:1px dashed var(--border-color);height:100%;color:var(--text-muted);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:40px;font-style:italic;display:flex}.comp-card{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#0d11228c;border-radius:10px;padding:24px}.comp-card:hover{border-color:#ffffff1f}.comp-section-title{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em;border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:8px;font-size:.75rem}.comp-war-header{margin-bottom:16px}.comp-war-era-tag{font-family:var(--font-mono);text-transform:uppercase;border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.comp-war-title{color:#fff;margin-bottom:6px;font-size:1.75rem;font-weight:700}.comp-war-dates{font-family:var(--font-mono);color:var(--accent-crimson);margin-bottom:16px;font-size:.85rem;font-weight:600}.comp-war-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.6}.comp-btn-map{color:var(--accent-crimson);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition-fast);background:#ff2a5f1a;border:1px solid #ff2a5f40;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.comp-btn-map:hover{background:var(--accent-crimson);color:#fff;box-shadow:0 0 15px var(--accent-crimson-glow)}.comp-stats-summary{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.comp-stat-box{background:#06081466;border:1px solid #ffffff08;border-radius:6px;padding:16px}.comp-stat-val{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:4px;font-size:1.35rem;font-weight:700}.comp-stat-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:.7rem}.comp-casualty-container{flex-direction:column;gap:8px;display:flex}.comp-casualty-val{font-family:var(--font-mono);color:var(--accent-crimson);font-size:1.5rem;font-weight:800}.comp-bar-track{background:#ffffff0d;border:1px solid #ffffff08;border-radius:50px;width:100%;height:16px;position:relative;overflow:hidden}.comp-bar-fill{border-radius:50px;width:0%;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.comp-bar-legend{color:var(--text-muted);font-size:.65rem;font-family:var(--font-mono);justify-content:space-between;margin-top:4px;display:flex}.comp-sides{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.comp-side-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.8rem;font-weight:700}.comp-side-title.side-a{color:var(--accent-blue)}.comp-side-title.side-b{color:var(--accent-crimson)}.comp-side-list{flex-direction:column;gap:6px;list-style:none;display:flex}.comp-side-list li{color:var(--text-secondary);background:#ffffff05;border:1px solid #ffffff08;border-radius:4px;padding:6px 10px;font-size:.85rem}.comp-battles-list{flex-direction:column;gap:12px;display:flex}.comp-battle-item{background:#06081459;border:1px solid #ffffff08;border-radius:6px;padding:14px 14px 14px 36px;position:relative}.comp-battle-item:before{content:"⚔️";font-size:.9rem;position:absolute;top:14px;left:12px}.comp-battle-name{color:var(--text-primary);margin-bottom:2px;font-size:.95rem;font-weight:600}.comp-battle-meta{font-family:var(--font-mono);color:var(--accent-gold);margin-bottom:6px;font-size:.75rem}.comp-battle-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.4}@media (max-width:900px){.comparison-grid{grid-template-columns:1fr}.selectors-panel{flex-direction:column;align-items:stretch;gap:16px}.compare-divider-vs{text-align:center;padding-bottom:0}.selector-wrapper{max-width:100%}}