/* Forged crests and woven, pointed standards. No raster stretching or cursor tilt. */
.vf-heraldry-crest { display: block; width: 100%; height: auto; overflow: visible; }
.vf-heraldry-relief { filter: drop-shadow(0 1.3px .6px #000c); }
.vf-heraldry-relief .vh-metal { fill: var(--vh-silver); stroke: #50472f; stroke-width: .95; }
.vf-heraldry-relief .vh-gold { fill: var(--vh-gold); stroke: #534023; stroke-width: .9; }
.vf-heraldry-relief .vh-engrave { fill: none; stroke: #484d42; stroke-width: 1.1; opacity: .88; }
.vf-heraldry-relief .vh-glint { fill: none; stroke: #fff1c7; stroke-width: 1; opacity: .84; }
.vf-heraldry-relief .vh-dark { fill: #0c181b; stroke: #8e814e; stroke-width: .65; }
.vf-heraldry-standard { position: relative; flex: 0 0 auto; width: 130px; height: 185px; isolation: isolate; filter: drop-shadow(2px 5px 4px #0007); }
.vf-heraldry-fabric { position: absolute; inset: 0; transform-origin: 50% 5%; animation: vf-heraldry-sway 6.8s ease-in-out infinite; }
.vf-heraldry-cloth { display: block; width: 100%; height: 100%; overflow: visible; }
.vf-heraldry-banner-crest { position: absolute; left: 22%; top: 18%; width: 56%; filter: drop-shadow(0 1px 1px #0007); }
.vf-heraldry-banner-crest > .vf-heraldry-crest { width: 100%; height: auto; opacity: .95; }
.vf-heraldry-rail { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: auto; overflow: visible; }
.vf-heraldry-fold-light { animation: vf-heraldry-satin 4.9s ease-in-out infinite; }
.vf-heraldry-fold-shade { animation: vf-heraldry-fold 5.7s ease-in-out infinite; }
.vf-heraldry-standard.vf-heraldry-standard-map { position: absolute; z-index: 1; left: 75.03%; top: 55.05%; width: 7.25%; height: 20.7%; pointer-events: none; filter: drop-shadow(1px 2px 1px #07101775); }
.vf-heraldry-standard-map .vf-heraldry-fabric { animation-duration: 5.8s; }
/* Only the woven silhouette follows the painted rail's slope; its metal crest stays rigid. */
.vf-heraldry-standard-map .vf-heraldry-cloth { transform: skewY(8deg); transform-origin: 0 0; }
.vf-heraldry-standard-map .vf-heraldry-banner-crest { top: 26.5%; left: 18%; width: 64%; }
.alliance-buff-root > .vf-heraldry-standard { margin: 0 0 5px; }
.alliance-life-paused .vf-heraldry-fabric,
.alliance-life-paused .vf-heraldry-fold-light,
.alliance-life-paused .vf-heraldry-fold-shade,
#screen-alliance:not(.active) .vf-heraldry-fabric,
#screen-alliance:not(.active) .vf-heraldry-fold-light,
#screen-alliance:not(.active) .vf-heraldry-fold-shade { animation-play-state: paused; }
@keyframes vf-heraldry-sway {
  0%, 100% { transform: rotate(-.6deg); }
  37% { transform: rotate(.85deg); }
  68% { transform: rotate(.15deg); }
}
@keyframes vf-heraldry-satin { 0%, 100% { opacity: .035; } 50% { opacity: .13; } }
@keyframes vf-heraldry-fold { 0%, 100% { opacity: .2; } 56% { opacity: .34; } }
@media (prefers-reduced-motion: reduce) {
  .vf-heraldry-fabric, .vf-heraldry-fold-light, .vf-heraldry-fold-shade { animation: none; }
}