.faction-battle { position: absolute; left: 18px; bottom: 68px; z-index: 18; width: 264px; max-width: calc(100vw - 36px); color: #e3ebed; font: 12px/1.5 system-ui,sans-serif; pointer-events: auto; }
.faction-battle summary { display: flex; justify-content: space-between; gap: 20px; padding: 10px 12px; background: rgba(16,23,29,.87); border: 1px solid rgba(170,200,206,.23); border-radius: 6px; cursor: pointer; list-style: none; font-weight: 650; }
.faction-battle summary::-webkit-details-marker { display: none; }
.faction-battle-summary { color: #95b8bd; font-size: 11px; font-weight: 400; }
.faction-battle-content { max-height: min(410px,60vh); overflow: auto; margin-top: 5px; padding: 12px; background: rgba(16,23,29,.96); border: 1px solid rgba(170,200,206,.23); border-radius: 6px; }
.faction-battle-intro { margin: 0 0 10px; color: #b8c8ce; font-size: 11px; }
.faction-battle label { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 9px 0; color: #afc0c8; }
.faction-battle select, .faction-battle button { border: 1px solid #41535d; border-radius: 4px; background: #24313b; color: #e3ebed; padding: 6px 8px; font: inherit; cursor: pointer; }
.faction-battle-actions { display: flex; gap: 6px; }
.faction-battle-actions button:first-child { flex: 1; background: #9ce5dd; color: #162b2e; border-color: #9ce5dd; }
.faction-battle button:disabled { opacity: .4; cursor: default; }
.faction-battle-score { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 0 4px 8px; margin: 4px 0; border-left: 2px solid var(--faction-color); }
.faction-battle-score b { font-size: 10px; color: #afc0c8; font-weight: 500; }
.faction-ai { --faction-color: #d65068; }.faction-government { --faction-color: #5796d7; }.faction-alien { --faction-color: #a688dc; }.faction-resistance { --faction-color: #e0a453; }.faction-smct { --faction-color: #51b6a0; }
.faction-battle-status { margin: 10px 0 0; padding-top: 8px; border-top: 1px solid #33434d; color: #91a5af; font-size: 10px; }
.faction-battle :focus-visible { outline: 2px solid #b7eeed; outline-offset: 3px; }
@media (max-width:700px) { .faction-battle { left: 14px; bottom: 68px; width: 240px; } }