.warband2{position:relative;z-index:1;min-height:100vh}
.warband2-hero{padding:4.5rem 0 2.75rem;border-bottom:1px solid rgba(46,255,105,.2);background:linear-gradient(180deg,rgba(0,10,5,.72),rgba(0,0,0,.15))}
.warband2-hero__inner{max-width:1180px}
.warband2-kicker{margin-bottom:.85rem;color:#2eff69;font-family:'Share Tech Mono',monospace;font-size:.76rem;letter-spacing:.2em}
.warband2-hero h1{margin:0;color:#fff;font-family:'Orbitron',sans-serif;font-size:clamp(2.7rem,6vw,5.3rem);font-weight:900;line-height:.96;letter-spacing:.02em}
.warband2-hero p{max-width:820px;margin:1.2rem 0 0;color:rgba(255,255,255,.68);font-family:'Share Tech Mono',monospace;font-size:1rem;line-height:1.65}
.warband2-totals{display:flex;flex-wrap:wrap;gap:.65rem 1.35rem;margin-top:1.6rem;color:rgba(255,255,255,.38);font-family:'Share Tech Mono',monospace;font-size:.68rem;letter-spacing:.13em}
.warband2-totals strong{color:#2eff69;font-weight:400}
.warband2-body{max-width:1180px;padding-top:2rem;padding-bottom:4rem}
.warband2-filters{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.25rem}
.warband2-filter{padding:.7rem .9rem;border:1px solid rgba(46,255,105,.16);background:rgba(0,7,3,.72);color:rgba(255,255,255,.56);cursor:pointer;font-family:'Share Tech Mono',monospace;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;transition:border-color .15s,color .15s,background .15s}
.warband2-filter span{margin-left:.4rem;color:rgba(46,255,105,.55)}
.warband2-filter:hover,.warband2-filter.is-active{border-color:rgba(46,255,105,.55);background:rgba(46,255,105,.07);color:#2eff69}
.warband2-grid,.warband2-roster.is-filtered .warband2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.warband2-card{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);min-height:190px;overflow:hidden;border:1px solid rgba(46,255,105,.14);background:rgba(0,6,3,.78);transition:transform .15s,border-color .15s,background .15s}
.warband2-card:hover{transform:translateY(-2px);border-color:rgba(46,255,105,.48);background:rgba(0,10,5,.88)}
.warband2-card[hidden]{display:none}
.warband2-card__hit{position:absolute;inset:0;z-index:5}
.warband2-card__portrait{position:relative;align-self:start;width:132px;height:132px;aspect-ratio:1/1;overflow:hidden;border-right:1px solid rgba(46,255,105,.12);border-bottom:1px solid rgba(46,255,105,.12);background-color:rgba(0,8,4,.74);background-image:linear-gradient(180deg,rgba(0,8,4,.16),rgba(0,0,0,.32)),url('/assets/images/Ruined_Neon-Green_Cyberpunk_Metropolis.png');background-position:center,var(--city-x,50%) 52%;background-size:100% 100%,175% auto;background-repeat:no-repeat}
.warband2-card__portrait::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 72%,rgba(0,0,0,.18))}
.warband2-card__portrait img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center center;padding:4px;filter:saturate(.92) contrast(1.04)}
.warband2-card__portrait--city-only{background-color:transparent;background-image:url('/assets/images/Ruined_Neon-Green_Cyberpunk_Metropolis.png');background-position:var(--city-x,50%) 52%;background-size:175% auto}
.warband2-card__portrait--city-only::after{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.18))}
.warband2-card__body{display:flex;min-width:0;flex-direction:column;padding:.9rem .85rem .75rem}
.warband2-card__class{color:#2eff69;font-family:'Share Tech Mono',monospace;font-size:.57rem;letter-spacing:.14em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.warband2-card h2{margin:.38rem 0 0;color:#fff;font-family:'Orbitron',sans-serif;font-size:clamp(.92rem,1.4vw,1.2rem);font-weight:800;line-height:1.05;overflow-wrap:anywhere}
.warband2-card__role{margin-top:.28rem;color:rgba(255,255,255,.4);font-family:'Share Tech Mono',monospace;font-size:.61rem;letter-spacing:.08em;text-transform:uppercase}
.warband2-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:.65rem 0 0;color:rgba(255,255,255,.58);font-family:'Share Tech Mono',monospace;font-size:.72rem;line-height:1.45}
.warband2-card__footer{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .55rem;margin-top:auto;padding-top:.65rem;border-top:1px solid rgba(46,255,105,.1);font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.08em}
.warband2-state{color:rgba(255,255,255,.4)}
.warband2-state.is-active{color:#2eff69}
.warband2-state.is-inactive{color:rgba(255,255,255,.28)}
.warband2-patch{color:rgba(46,255,105,.7)}
.warband2-open{margin-left:auto;color:#2eff69}
.warband2-empty{padding:2rem;border:1px solid rgba(46,255,105,.15);color:rgba(255,255,255,.35);font-family:'Share Tech Mono',monospace;text-align:center}
@media(max-width:900px){.warband2-grid,.warband2-roster.is-filtered .warband2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.warband2-card{grid-template-columns:116px minmax(0,1fr)}.warband2-card__portrait{width:116px;height:116px}}
@media(max-width:560px){.warband2-hero{padding:3rem 0 2rem}.warband2-grid,.warband2-roster.is-filtered .warband2-grid{grid-template-columns:1fr}.warband2-card{grid-template-columns:108px minmax(0,1fr);min-height:150px}.warband2-card__portrait{width:108px;height:108px}.warband2-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.warband2-filter:first-child{grid-column:1/-1}.warband2-open{width:100%;margin-left:0;margin-top:.15rem}.warband2-totals{gap:.45rem .9rem}}