/* Illustrations de prestige, avec le blason héraldique personnalisable superposé. */
.vf-standard-prestige { width: 130px; height: 195px; }
.vf-standard-art { display: block; width: 100%; height: 100%; object-fit: contain; }
.vf-standard-prestige .vf-heraldry-fabric { animation: none; }
.vf-standard-prestige .vf-heraldry-banner-crest { left: 35%; top: 31%; width: 30%; filter: drop-shadow(0 2px 2px #000a); }
.vf-standard-prestige.vf-heraldry-standard-map { left: 74.2%; top: 52.7%; width: 8.8%; height: 23.4%; }
.vf-standard-prestige.vf-heraldry-standard-map[data-standard='brocart'],
.vf-standard-prestige.vf-heraldry-standard-map[data-standard='argent'],
.vf-standard-prestige.vf-heraldry-standard-map[data-standard='astral'] { top: 53%; }
.vf-standard-prestige.vf-heraldry-standard-map[data-standard='gardien'] { top: 52.4%; }
.vf-standard-prestige.vf-heraldry-standard-map[data-standard='couronne'],
.vf-standard-prestige.vf-heraldry-standard-map[data-standard='souverain'] { top: 51.4%; }
.vf-standard-prestige.vf-heraldry-standard-map .vf-heraldry-banner-crest { left: 35%; top: 31%; width: 30%; }
.alliance-standards { padding: 24px; margin-bottom: 24px; border: 1px solid #a98b5c70; border-radius: 14px; background: linear-gradient(150deg, #14212bef, #0b111bef 70%); box-shadow: 0 12px 36px #0004, inset 0 1px #edcb8426; }
.standards-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.standards-kicker { display: block; color: #c4b392; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.standards-heading h3 { margin-top: 6px; color: #f3ddaf; font: 600 clamp(24px, 4vw, 32px)/1.2 Georgia, serif; }
.standards-count { flex-shrink: 0; color: #f5d7a0; font: 600 22px/1.2 Georgia, serif; text-align: right; }
.standards-count small { display: block; margin-top: 4px; font: 12px/1.3 system-ui, sans-serif; color: #b8bfca; }
.standard-showcase { display: grid; grid-template-columns: minmax(150px, .85fr) minmax(0, 1.4fr); align-items: center; gap: 28px; padding: 14px 20px 24px; margin-bottom: 18px; border: 1px solid color-mix(in srgb, var(--standard-accent) 35%, transparent); border-radius: 12px; background: radial-gradient(ellipse at 25% 35%, color-mix(in srgb, var(--standard-accent) 13%, transparent), transparent 60%), #080e1680; }
.standard-showcase-art { display: grid; place-items: center; min-width: 0; }
.standard-showcase-art > .vf-heraldry-standard { width: min(100%, 230px); height: auto; aspect-ratio: 2 / 3; filter: drop-shadow(0 8px 15px #0008); }
.standard-showcase-copy { min-width: 0; }
.standard-rarity { color: var(--standard-accent); font-size: 12px; font-weight: 600; letter-spacing: .06em; }
.standard-showcase-copy h4 { margin: 9px 0; color: #fff0d2; font: 600 clamp(23px, 3.5vw, 30px)/1.15 Georgia, serif; overflow-wrap: anywhere; }
.standard-showcase-copy p { margin: 10px 0; color: #c4cad4; font-size: 14px; line-height: 1.55; }
.standard-showcase-copy .standard-condition { margin-top: 20px; color: #eee1c5; }
.standard-validity { margin: 16px 0; color: #c0c2d0; font-size: 14px; line-height: 1.5; }
.standard-validity.available { color: #aee0bf; }
.standard-validity.expired { color: #edb6a3; }
.standard-validity small { display: block; margin-top: 4px; color: #adb9c8; font-size: 12px; }
.standard-showcase-copy .btn { width: 100%; min-height: 44px; white-space: normal; font-size: 14px; }
.standard-collection { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.standard-tile { position: relative; display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 32px 10px 14px; border: 1px solid #8396b02e; border-radius: 10px; background: radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--standard-accent) 10%, transparent), #080d16aa 75%); color: #e8decc; font: inherit; cursor: pointer; }
.standard-tile:hover { border-color: var(--standard-accent); }
.standard-tile:focus-visible { outline: 2px solid #ffe0a0; outline-offset: 3px; }
.standard-tile.selected { border-color: var(--standard-accent); box-shadow: inset 0 0 20px color-mix(in srgb, var(--standard-accent) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--standard-accent) 45%, transparent); }
.standard-tile-status { position: absolute; top: 9px; right: 8px; left: 8px; color: #b9c1cc; font-size: 11px; text-align: center; }
.standard-tile[data-availability='available'] .standard-tile-status { color: #bbdfbf; }
.standard-tile[data-availability='expired'] .standard-tile-status { color: #e5b5a8; }
.standard-tile-art { display: grid; place-items: center; width: 100%; margin-bottom: 10px; }
.standard-tile-art > .vf-heraldry-standard { width: min(100%, 126px); height: auto; aspect-ratio: 2 / 3; }
.standard-tile > strong { flex: 1; font: 600 15px/1.25 Georgia, serif; text-align: center; overflow-wrap: anywhere; }
.standard-tile-meta { margin-top: 7px; color: var(--standard-accent); font-size: 12px; line-height: 1.4; text-align: center; }
.standards-help, .standards-future { margin: 18px 0 0; color: #b8c0cb; font-size: 13px; line-height: 1.55; }
.standards-future { padding-top: 14px; border-top: 1px solid #bba16b33; color: #d3c09d; }
@media (max-width: 760px) {
  .standard-collection { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alliance-standards { padding: 16px; }
  .standard-showcase { gap: 16px; padding: 12px 14px 18px; }
}
@media (max-width: 480px) {
  .alliance-standards { padding: 12px; }
  .standards-heading { gap: 10px; }
  .standards-heading h3 { font-size: 24px; }
  .standard-showcase { grid-template-columns: minmax(0, 1fr); gap: 10px; text-align: center; }
  .standard-showcase-art > .vf-heraldry-standard { width: 170px; }
  .standard-showcase-copy .standard-condition { margin-top: 12px; }
  .standard-collection { gap: 8px; }
  .standard-tile { padding-inline: 6px; }
  .standard-tile > strong { font-size: 14px; }
}