[data-faction="AoI"]{--portrait-x:0%;--portrait-y:0%;--faction-color:#be5267}
[data-faction="AM"]{--portrait-x:25%;--portrait-y:0%;--faction-color:#8caa72}
[data-faction="GC"]{--portrait-x:50%;--portrait-y:0%;--faction-color:#ac78bb}
[data-faction="NEC"]{--portrait-x:75%;--portrait-y:0%;--faction-color:#67d391}
[data-faction="AE"]{--portrait-x:100%;--portrait-y:0%;--faction-color:#ebcfa1}
[data-faction="TL"]{--portrait-x:0%;--portrait-y:25%;--faction-color:#c5aa6d}
[data-faction="ORK"]{--portrait-x:25%;--portrait-y:25%;--faction-color:#a0bc54}
[data-faction="GK"]{--portrait-x:50%;--portrait-y:25%;--faction-color:#c3d4df}
[data-faction="TAU"]{--portrait-x:75%;--portrait-y:25%;--faction-color:#e8a364}
[data-faction="LoV"]{--portrait-x:100%;--portrait-y:25%;--faction-color:#63bdb8}
[data-faction="AdM"]{--portrait-x:0%;--portrait-y:50%;--faction-color:#d16d65}
[data-faction="TS"]{--portrait-x:25%;--portrait-y:50%;--faction-color:#649de2}
[data-faction="DG"]{--portrait-x:50%;--portrait-y:50%;--faction-color:#a4ab63}
[data-faction="EC"]{--portrait-x:75%;--portrait-y:50%;--faction-color:#d180c4}
[data-faction="WE"]{--portrait-x:100%;--portrait-y:50%;--faction-color:#d77262}
[data-faction="QT"]{--portrait-x:0%;--portrait-y:75%;--faction-color:#bc8064}
[data-faction="CD"]{--portrait-x:25%;--portrait-y:75%;--faction-color:#df6c60}
[data-faction="QI"]{--portrait-x:50%;--portrait-y:75%;--faction-color:#c7b68f}
[data-faction="SM"]{--portrait-x:75%;--portrait-y:75%;--faction-color:#6aade9}
[data-faction="TYR"]{--portrait-x:100%;--portrait-y:75%;--faction-color:#b78fcd}
[data-faction="AC"]{--portrait-x:0%;--portrait-y:100%;--faction-color:#dbbd6e}
[data-faction="AS"]{--portrait-x:25%;--portrait-y:100%;--faction-color:#d3b5b7}
[data-faction="CSM"]{--portrait-x:50%;--portrait-y:100%;--faction-color:#c99c69}
[data-faction="DRU"]{--portrait-x:75%;--portrait-y:100%;--faction-color:#67bfcb}
[data-faction="UA"]{--portrait-x:100%;--portrait-y:100%;--faction-color:#909ea8}
.faction-banner{background-image:linear-gradient(100deg,#0c1824,#152431)!important;background-size:auto!important;background-position:center!important;isolation:isolate}.faction-banner:before{content:'';position:absolute;right:0;top:-24px;width:260px;height:260px;background-image:url('assets/factions-atlas.png');background-size:500% 500%;background-position:var(--portrait-x) var(--portrait-y);z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 24%)}.faction-banner:after{border-color:var(--faction-color,#c5a45c)}.faction-banner span{border-left-color:var(--faction-color)!important;max-width:75%;z-index:1}.faction-banner{border-bottom-color:var(--faction-color)}.character-portraits{display:flex;flex-direction:column;gap:10px;margin:12px 0}.character-card{display:flex;align-items:center;gap:12px;padding:10px;background:#0b1720;border:1px solid #977a47;border-radius:6px}.character-portrait{display:block;width:72px;height:72px;flex:0 0 72px;border:1px solid #c8a460;border-radius:5px;background-image:url('assets/factions-atlas.png');background-size:500% 500%;background-position:var(--portrait-x) var(--portrait-y);overflow:hidden}.character-portrait img{display:block;width:100%;height:100%;object-fit:cover;background:#101c26}.character-info{min-width:0;flex:1}.character-info strong{display:block;color:#eacf96;font-size:15px}.character-info small{display:block;font-size:11px;line-height:1.5;margin-top:3px}.attachment-box .leader-chip{font-size:12px!important}.character-card[data-selected=true]{border-color:var(--faction-color)}@media(max-width:480px){.faction-banner:before{width:230px;height:230px;top:-10px}.character-card{align-items:flex-start}.character-portrait{width:58px;height:58px;flex-basis:58px}}

.character-portrait[data-portrait-variant="1"]{background-image:url('assets/characters-atlas-b.png')}
.character-portrait[data-portrait-variant="2"]{background-image:url('assets/characters-atlas-c.png')}

[data-faction="AoI"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:0% 0%}
[data-faction="AM"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:20% 0%}
[data-faction="GC"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:40% 0%}
[data-faction="NEC"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:60% 0%}
[data-faction="AE"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:80% 0%}
[data-faction="TL"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:100% 0%}
[data-faction="ORK"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:0% 33.33333333333333%}
[data-faction="GK"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:20% 33.33333333333333%}
[data-faction="TAU"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:40% 33.33333333333333%}
[data-faction="LoV"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:60% 33.33333333333333%}
[data-faction="AdM"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:80% 33.33333333333333%}
[data-faction="TS"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:100% 33.33333333333333%}
[data-faction="DG"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:0% 66.66666666666666%}
[data-faction="EC"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:20% 66.66666666666666%}
[data-faction="WE"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:40% 66.66666666666666%}
[data-faction="QT"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:60% 66.66666666666666%}
[data-faction="CD"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:80% 66.66666666666666%}
[data-faction="QI"] .character-portrait[data-portrait-variant="2"]{background-size:600% 400%;background-position:100% 66.66666666666666%}
[data-faction="SM"] .character-portrait[data-portrait-variant="2"]{background-size:700% 400%;background-position:0% 100%}
[data-faction="TYR"] .character-portrait[data-portrait-variant="2"]{background-size:700% 400%;background-position:16.666666666666664% 100%}
[data-faction="AC"] .character-portrait[data-portrait-variant="2"]{background-size:700% 400%;background-position:33.33333333333333% 100%}
[data-faction="AS"] .character-portrait[data-portrait-variant="2"]{background-size:700% 400%;background-position:50% 100%}
[data-faction="CSM"] .character-portrait[data-portrait-variant="2"]{background-size:700% 400%;background-position:66.66666666666666% 100%}
[data-faction="DRU"] .character-portrait[data-portrait-variant="2"]{background-size:700% 400%;background-position:83.33333333333334% 100%}
[data-faction="UA"] .character-portrait[data-portrait-variant="2"]{background-size:700% 400%;background-position:100% 100%}