/* =========================================================
   CHARACTERS.CSS - THE EXPANDED TACTICAL GRID
   ========================================================= */

.faction-layout {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important; /* 5 columns for White/Black options */
    gap: 12px !important;
    width: 100%;
    margin-top: 30px;
}

.alignment-column {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0 5px;
    border-right: 1px solid rgba(9, 245, 48, 0.15);
}

.alignment-column:last-child {
    border-right: none;
}

/* Faction Glow Overrides */
.white-faction .stat-card:hover { box-shadow: var(--neon-glow) !important; }
.black-faction .stat-card { border-color: var(--plasma-orange) !important; }
.black-faction .stat-card:hover { box-shadow: var(--orange-glow) !important; }

/* Responsive Grid for Tablets/Mobile */
@media (max-width: 1200px) {
    .faction-layout { grid-template-columns: repeat(2, 1fr) !important; }
}