/* One coherent faction banner, using the installed original heraldic silhouettes. */
.ashen-tools{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,112px);align-items:stretch;gap:0;margin:12px 0 26px;padding:0;position:relative;border:1px solid #88683f;background:linear-gradient(#111517ed,#0c1012f5),url('../images/textures/texture-03.jpg') center/300px;box-shadow:inset 0 1px #d2b57724,inset 0 -1px #b88e4820,0 7px 18px #0007}
.ashen-tools::before{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;border:12px solid transparent;border-image:url('../images/ashen-v8/frame.webp') 220/12px/3px stretch}
.ashen-tools .ar-faction-link{display:flex;align-items:center;min-width:0;padding:12px 20px;margin:0;border:0;min-height:122px;white-space:normal}
.ashen-tools .ar-faction-link:hover{background:#aa813908}
.ar-faction-balance{display:grid;grid-template-columns:66px minmax(0,1fr) 66px;align-items:center;gap:14px;width:100%;min-width:0;color:#e5d3b4;text-shadow:none}
.ar-faction-main{display:grid;grid-template-rows:30px auto 24px;gap:6px;min-width:0;position:relative;padding:1px 0 2px}
.ar-faction-heading{display:flex;align-items:baseline;justify-content:center;gap:8px;font:400 20px/1.1 var(--ar-display);color:#ead0a1;white-space:nowrap}
.ar-faction-heading>strong{font:400 28px/1 var(--ar-display);color:#f5da9e}
.ar-faction-labels{display:flex;justify-content:space-between;gap:14px;min-width:0;padding:0 5px}
.ar-faction-label{display:flex;flex-direction:column;gap:2px;min-width:0;font:400 15px/1.2 var(--ar-display);white-space:nowrap}
.ar-faction-label b{font-weight:400;color:inherit}
.ar-faction-label small{font:400 12px/1.25 var(--ar-body);color:inherit;opacity:.9}
.ar-faction-alliance{color:#84bce8}.ar-faction-horde{color:#e28d80;text-align:right}
.ar-faction-seal{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:66px;height:87px;filter:drop-shadow(0 3px 3px #000b)}
.ar-faction-seal::before,.ar-faction-seal::after{content:'';position:absolute;inset:0;z-index:-1;clip-path:polygon(50% 0,100% 12%,94% 76%,50% 100%,6% 76%,0 12%);background:linear-gradient(115deg,#d3b374,#80613c 24%,#ead09b 47%,#5a4226 64%,#b88c4c 82%,#e5c286)}
.ar-faction-seal::after{inset:2px;background:radial-gradient(ellipse at 45% 15%,#28465e,#11283c 52%,#07131e 100%);box-shadow:inset 0 0 20px #0008}
.ar-faction-seal-horde::after{background:radial-gradient(ellipse at 45% 15%,#652c2c,#3b161b 52%,#160a10 100%)}
.ar-faction-emblem{display:block;width:45px;height:62px;margin-top:-5px;overflow:visible;filter:drop-shadow(0 1px 1px #000)}
.ar-faction-seal-horde .ar-faction-emblem{width:43px;height:60px}
.ar-faction-track{display:block;position:relative;height:24px;padding:2px;background:linear-gradient(#e0c185,#886038 35%,#543c25 65%,#c79a58);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,9px 100%,0 50%);filter:drop-shadow(0 2px 2px #0008)}
.ar-faction-rail{display:flex;height:20px;overflow:hidden;position:relative;background:linear-gradient(90deg,#152b43,#13171b 50%,#3b181e);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);box-shadow:inset 0 1px 3px #000c}
.ar-faction-fill{display:block;height:100%;flex:none;min-width:0;box-shadow:inset 0 2px #ffffff24,inset 0 -2px #0006}
.ar-faction-fill-alliance{background:linear-gradient(#4b91bd,#205288 45%,#16385f);border-right:1px solid #b0d7f26b}
.ar-faction-fill-horde{background:linear-gradient(#b24b43,#85262d 45%,#54181f)}
.ar-faction-fill[style="width:0%"]{border:0}
.ar-faction-balance[data-state=ready] .ar-faction-track::after{content:'';position:absolute;left:50%;top:50%;width:9px;height:13px;background:linear-gradient(135deg,#f4d69b,#a57436);border:1px solid #e4c384;box-shadow:0 0 0 2px #3a2919,0 2px 3px #000;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}
.ar-faction-empty{position:absolute;inset:2px 11px;display:flex;align-items:center;justify-content:center;color:#b7ad9b;text-shadow:0 1px #000;font:400 10px/1.2 var(--ar-body);letter-spacing:.1px;background:linear-gradient(90deg,transparent,#111518d9 25%,#111518d9 75%,transparent)}
.ar-faction-neutral{font:400 10px/1.3 var(--ar-body);color:#aea391;text-align:center}
.ar-faction-balance[data-state=unavailable] .ar-faction-labels{opacity:.6}
.ashen-tools>a:not(.ar-faction-link){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 6px;border:0;border-left:1px solid #765b394d;min-width:0;min-height:122px;font:400 14px/1.3 var(--ar-display);white-space:nowrap;color:#dbc299;background:linear-gradient(100deg,#aa813904,transparent)}
.ashen-tools>a:not(.ar-faction-link):hover{background:#bc944c0d;color:#f0d4a3}
.ashen-tools>a:not(.ar-faction-link) .ar-icon{width:34px;height:34px;border-radius:2px;filter:none;box-shadow:0 0 0 1px #ae8a4e80,0 2px 5px #000a}
.ashen-statgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ashen-statbox{padding:0 24px}
.ashen-statbox:nth-child(2){border-right:1px solid #38342d}
.ashen-statbox:last-child{border-right:0}
@media(max-width:1100px){.ashen-tools{grid-template-columns:minmax(0,1fr) repeat(3,100px)}.ashen-tools .ar-faction-link{padding-inline:15px}.ar-faction-balance{grid-template-columns:59px minmax(0,1fr) 59px;gap:12px}.ar-faction-seal{width:59px;height:79px}.ar-faction-emblem{width:40px;height:56px}.ar-faction-seal-horde .ar-faction-emblem{width:39px;height:55px}.ar-faction-heading{font-size:18px}.ar-faction-heading>strong{font-size:26px}.ar-faction-label{font-size:14px}.ashen-tools>a:not(.ar-faction-link){font-size:13px}.ashen-tools>a:not(.ar-faction-link) .ar-icon{width:31px;height:31px}}
@media(max-width:900px){.ashen-tools{grid-template-columns:minmax(0,1fr) repeat(3,88px)}.ar-faction-balance{grid-template-columns:50px minmax(0,1fr) 50px;gap:10px}.ar-faction-seal{width:50px;height:70px}.ar-faction-emblem{width:35px;height:49px}.ar-faction-seal-horde .ar-faction-emblem{width:34px;height:48px}.ar-faction-label{font-size:13px}.ar-faction-heading{font-size:16px}.ar-faction-heading>strong{font-size:24px}.ashen-tools>a:not(.ar-faction-link){font-size:12px}}
@media(max-width:760px){.ashen-tools{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 22px;padding:0}.ashen-tools .ar-faction-link{grid-column:1/-1;min-height:113px;padding:12px 10px 10px;border:0;border-bottom:1px solid #80613b70}.ar-faction-balance{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}.ar-faction-seal{width:42px;height:62px}.ar-faction-emblem{width:30px;height:44px;margin-top:-4px}.ar-faction-seal-horde .ar-faction-emblem{width:29px;height:42px}.ar-faction-main{grid-template-rows:25px auto 22px;gap:5px}.ar-faction-heading{font-size:17px;gap:6px}.ar-faction-heading>strong{font-size:24px}.ar-faction-label{font-size:12px;gap:3px}.ar-faction-label small{font-size:10px}.ar-faction-labels{gap:10px;padding-inline:2px}.ar-faction-track{height:22px}.ar-faction-rail{height:18px}.ar-faction-empty{font-size:9px;letter-spacing:0;inset-inline:8px}.ashen-tools>a:not(.ar-faction-link){flex-direction:row;gap:7px;padding:9px 3px;min-height:53px;font-size:12px;border:0;border-left:1px solid #765b394d}.ashen-tools>a:not(.ar-faction-link):nth-child(2){border-left:0}.ashen-tools>a:not(.ar-faction-link) .ar-icon{width:25px;height:25px}.ashen-statgrid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px;padding:13px 6px}.ashen-statbox:first-child{grid-column:1/-1;justify-content:center;border:0;border-bottom:1px solid #38342d;min-height:70px;padding:0 12px 13px;margin-bottom:3px}.ashen-statbox{padding:5px 12px}.ashen-statbox:nth-child(2){border-right:1px solid #38342d}.ashen-statbox:last-child{border-right:0}.ashen-tools::before{border-image-width:9px;border-image-outset:2px}}
@media(max-width:380px){.ar-faction-heading{font-size:15px}.ar-faction-heading>strong{font-size:22px}.ar-faction-balance{grid-template-columns:37px minmax(0,1fr) 37px;gap:7px}.ar-faction-seal{width:37px;height:56px}.ar-faction-emblem{width:27px;height:39px}.ar-faction-seal-horde .ar-faction-emblem{width:26px;height:38px}.ar-faction-label{font-size:11px}.ashen-tools>a:not(.ar-faction-link){font-size:10.5px;gap:5px}.ashen-tools>a:not(.ar-faction-link) .ar-icon{width:21px;height:21px}.ar-faction-empty{font-size:8px}}