/* Royal faction artwork — each illustration is a new versioned asset, layered behind the existing faction content. */
.war-faction-grid .war-faction{display:flex;min-height:495px;flex-direction:column;padding:25px 27px 24px;isolation:isolate;transform:translateZ(0);background:#090b10;box-shadow:0 20px 46px rgba(0,0,0,.43)}
.war-faction-grid .war-faction::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(3,5,8,.03) 0%,rgba(3,5,8,.08) 28%,rgba(4,6,10,.72) 61%,rgba(4,6,10,.985) 100%),linear-gradient(90deg,rgba(4,6,10,.46),transparent 44%,rgba(4,6,10,.27));content:"";pointer-events:none}
.war-faction-grid .war-faction::after{z-index:4;left:25px;right:25px}
.war-faction__art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;opacity:.82;filter:saturate(.9) contrast(1.1) brightness(.83);transition:transform .7s ease,filter .45s ease;pointer-events:none}
.war-faction--guanyin .war-faction__art{filter:saturate(.79) hue-rotate(-7deg) contrast(1.13) brightness(.77)}
.war-faction--fujin .war-faction__art{filter:saturate(.83) contrast(1.13) brightness(.76)}
.war-faction--jinong .war-faction__art{filter:saturate(.86) contrast(1.12) brightness(.74)}
.war-faction:hover .war-faction__art{transform:scale(1.045);filter:saturate(1.04) contrast(1.08) brightness(.94)}
.war-faction__content{position:relative;z-index:3;display:flex;min-height:100%;width:100%;flex:1;flex-direction:column}
.war-faction-grid .war-faction__crest{flex:0 0 auto;margin:0 auto;width:70px;height:70px;border-color:color-mix(in srgb,var(--accent) 88%,#fff 12%);background:rgba(3,6,9,.42);box-shadow:0 0 0 8px rgba(1,2,4,.22),0 0 27px var(--accent-glow);font-size:38px;text-shadow:0 0 14px var(--accent)}
.war-faction-grid .war-faction__content>span{margin-top:auto;color:#fff4d0;text-shadow:0 2px 12px #000,0 0 14px var(--accent);font-size:9px}
.war-faction-grid .war-faction h3{margin:10px 0 8px;color:#fff8e9;font-size:25px;text-shadow:0 3px 18px #000}
.war-faction-grid .war-faction p{margin:0 auto 46px;color:#e0e0df;font-size:11px;line-height:1.65;text-shadow:0 2px 10px #000}
.war-faction-grid .war-faction button{z-index:5;bottom:22px;left:27px;right:27px;min-height:28px;border-top:1px solid color-mix(in srgb,var(--accent) 34%,transparent);padding-top:12px;text-shadow:0 2px 12px #000}
.war-faction-grid .war-faction button::before{display:inline-block;width:20px;height:2px;margin:0 8px 3px 0;background:var(--accent);box-shadow:0 0 10px var(--accent);content:""}
.war-faction-grid .war-faction:hover{border-color:var(--accent);box-shadow:0 25px 52px rgba(0,0,0,.56),0 0 25px var(--accent-glow)}
@media(max-width:860px){.war-faction-grid .war-faction{min-height:470px}.war-faction__art{object-position:center 22%}}
@media(max-width:560px){.war-faction-grid .war-faction{min-height:445px;padding:22px 22px}.war-faction-grid .war-faction::after{left:22px;right:22px}.war-faction-grid .war-faction button{bottom:19px;left:22px;right:22px}.war-faction-grid .war-faction p{margin-bottom:42px}.war-faction-grid .war-faction__crest{width:62px;height:62px;font-size:34px}.war-faction__art{object-position:center 17%}}