/* Neuf bâtiments de l’alliance. La citadelle conserve son panorama animé. */
#screen-alliance[data-alliance-scene='airship'] {
  --alliance-art: url('../assets/art/alliance/interiors/airship-v1.jpg');
  --alliance-accent: #b9dbe9;
  --alliance-base: #172936;
}
#screen-alliance[data-alliance-scene='mercs'] {
  --alliance-art: url('../assets/art/alliance/interiors/mercs-v1.jpg');
  --alliance-accent: #dec399;
  --alliance-base: #242327;
}
#screen-alliance[data-alliance-scene='union'] {
  --alliance-art: url('../assets/art/alliance/interiors/union-v1.jpg');
  --alliance-accent: #ead098;
  --alliance-base: #1b2236;
}
#screen-alliance[data-alliance-scene='shop'] {
  --alliance-art: url('../assets/art/alliance/interiors/shop-v1.jpg');
  --alliance-accent: #b9dbba;
  --alliance-base: #172c29;
}
#screen-alliance[data-alliance-scene='tavern'] {
  --alliance-art: url('../assets/art/alliance/interiors/tavern-v1.jpg');
  --alliance-accent: #e8c19c;
  --alliance-base: #2a201d;
}
#screen-alliance[data-alliance-scene='board'] {
  --alliance-art: url('../assets/art/alliance/interiors/board-v1.jpg');
  --alliance-accent: #dfcfaa;
  --alliance-base: #1b292b;
}
#screen-alliance[data-alliance-scene='buffs'] {
  --alliance-art: url('../assets/art/alliance/interiors/buffs-v1.jpg');
  --alliance-accent: #dac1ec;
  --alliance-base: #262037;
}
#screen-alliance[data-alliance-scene='war'] {
  --alliance-art: url('../assets/art/alliance/interiors/war-v1.jpg');
  --alliance-accent: #e9b9aa;
  --alliance-base: #292029;
}
#screen-alliance[data-alliance-scene='boss'] {
  --alliance-art: url('../assets/art/alliance/interiors/boss-v1.jpg');
  --alliance-accent: #b1dce5;
  --alliance-base: #142934;
}
#screen-alliance[data-alliance-scene] {
  position: relative;
  isolation: isolate;
  --muted: #c0bccb;
  --alliance-panel: #0b111edb;
}
#screen-alliance[data-alliance-scene]::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-color: var(--alliance-base, #101522);
  background-image: var(--alliance-art, none);
  background-position: center 38%;
  background-size: cover;
  background-repeat: no-repeat;
}
#screen-alliance[data-alliance-scene]::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, #040812a6, #050a131f 24%, #050a133b 68%, #040812d1),
    radial-gradient(ellipse at 50% 40%, transparent 20%, #0407116b 100%);
}
#screen-alliance[data-alliance-scene] > .page-header {
  flex: 0 0 auto;
  background: linear-gradient(#080d17db, #080d1766);
  border-bottom: 1px solid color-mix(in srgb, var(--alliance-accent) 35%, transparent);
  margin-bottom: 8px;
}
#screen-alliance[data-alliance-scene] > .page-header h2 {
  color: var(--alliance-accent);
  text-shadow: 0 2px 5px #000;
}
#screen-alliance[data-alliance-scene] > .page-header .btn,
#screen-alliance[data-alliance-scene] .hub-back .btn {
  background: #111724e8;
  border-color: color-mix(in srgb, var(--alliance-accent) 65%, #17202f);
}
#screen-alliance[data-alliance-scene] > .event-body { min-height: 0; }
#screen-alliance[data-alliance-scene] > .event-body > * { flex-shrink: 0; }
#screen-alliance[data-alliance-scene] .event-panel {
  background: var(--alliance-panel);
  box-shadow: 0 5px 18px #03060e40;
}
#screen-alliance[data-alliance-scene] .alliance-head {
  background: linear-gradient(115deg, #272735eb, #0b111ee6);
}
#screen-alliance[data-alliance-scene] .hub-back {
  flex-wrap: wrap;
  padding: 8px 10px;
  border-radius: 8px;
  background: #090f1bdd;
  color: var(--alliance-accent);
}
#screen-alliance[data-alliance-scene] #alliance-body > .forge-empty {
  padding: 9px 10px;
  border-radius: 8px;
  background: #090f1bdd;
}
#screen-alliance[data-alliance-scene] .event-hero {
  background: linear-gradient(135deg, #1b2c38cf, #0c1322e6);
  box-shadow: 0 5px 20px #03060e55;
}
#screen-alliance[data-alliance-scene] .event-copy p { opacity: 1; }
#screen-alliance[data-alliance-scene] .shop-item { background: #141b29d9; }
#screen-alliance[data-alliance-scene] .alliance-emblem-link { background: #111724ed; }
@media (max-width: 600px) {
  #screen-alliance[data-alliance-scene]::before { background-position: center 30%; }
}