/* A faction name and its availability belong to one readable gold control. */
html body:has(#app > #game-ui) #dialog .collection-sidebar-layout .archive-factions{
 grid-template-columns:minmax(0,1fr);gap:5px;
}
html body:has(#app > #game-ui) #dialog .collection-sidebar-layout .archive-factions>button.subtle-button{
 min-height:48px;padding:6px 10px;font-size:16px!important;line-height:1.25;
 white-space:normal;overflow-wrap:normal;word-break:normal;
}
html body:has(#app > #game-ui) #dialog .collection-sidebar-layout .archive-factions>button.subtle-button small{
 font-size:11px!important;line-height:1.2;letter-spacing:.035em;margin-top:3px;
}

/* Keep the existing rail width and gold artwork; recover space for readable text. */
html body.duel-mode.illustrated-world-active #app #game-ui>#combat-forecast{
 border-width:16px;border-image-width:16px;padding-inline:8px;
}
html body.duel-mode.illustrated-world-active #app #game-ui>#combat-forecast .combat-forecast-heading{
 display:grid;grid-template-columns:minmax(0,1fr);gap:3px;
}
html body.duel-mode.illustrated-world-active #app #game-ui>#combat-forecast .combat-forecast-heading>*{
 min-width:0;white-space:normal;overflow-wrap:break-word;
}
html body.duel-mode.illustrated-world-active #app #game-ui>#combat-forecast .combat-forecast-outcomes{
 grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
}
html body.duel-mode.illustrated-world-active #app #game-ui>#combat-forecast .combat-forecast-unit{
 min-width:0;padding-inline:3px;
}
html body.duel-mode.illustrated-world-active #app #game-ui>#combat-forecast .combat-forecast-unit>strong{
 min-width:0;overflow-wrap:break-word;
}
html body.duel-mode.illustrated-world-active #app #game-ui>#combat-forecast .combat-forecast-hp{
 min-width:0;flex-wrap:wrap;gap:3px;white-space:nowrap;
}