/* Lieux de Valforge : décors fixes, indépendants des contenus défilants. */
.menu-scenery[data-menu-theme='market'] {
  --menu-art: url('../assets/art/menus/market-v1.jpg');
  --menu-accent: #e7c187;
  --menu-base: #241c19;
}
.menu-scenery[data-menu-theme='alchemy'] {
  --menu-art: url('../assets/art/menus/alchemy-v1.jpg');
  --menu-accent: #a1ded3;
  --menu-base: #102a29;
}
.menu-scenery[data-menu-theme='forge'] {
  --menu-art: url('../assets/art/menus/forge-v1.jpg');
  --menu-accent: #f1b487;
  --menu-base: #291c19;
}
.menu-scenery[data-menu-theme='server-boss'] {
  --menu-art: url('../assets/art/menus/server-boss-v1.jpg');
  --menu-accent: #eab1bf;
  --menu-base: #251723;
}
.menu-scenery[data-menu-theme='familiars'] {
  --menu-art: url('../assets/art/menus/familiars-v1.jpg');
  --menu-accent: #c6deac;
  --menu-base: #162a25;
}
.menu-scenery[data-menu-theme='heroes'] {
  --menu-art: url('../assets/art/menus/heroes-v1.jpg');
  --menu-accent: #d9c79e;
  --menu-base: #172538;
}
.menu-scenery[data-menu-theme='quests'] {
  --menu-art: url('../assets/art/menus/quests-v1.jpg');
  --menu-accent: #ddc69a;
  --menu-base: #182c2d;
}
.menu-scenery[data-menu-theme='inventory'] {
  --menu-art: url('../assets/art/menus/inventory-v1.jpg');
  --menu-accent: #e7ce93;
  --menu-base: #19283b;
}
.menu-scenery[data-menu-theme='friends'] {
  --menu-art: url('../assets/art/menus/friends-v1.jpg');
  --menu-accent: #d6c3df;
  --menu-base: #1c2a37;
}
.menu-scenery[data-menu-theme='premium'] {
  --menu-art: url('../assets/art/menus/premium-v1.jpg');
  --menu-accent: #edcf91;
  --menu-base: #301e2b;
}
.menu-scenery[data-menu-theme='arena'] {
  --menu-art: url('../assets/art/battles/arena-v1.jpg');
  --menu-accent: #e5c48b;
  --menu-base: #342731;
}
.menu-scenery {
  position: relative;
  isolation: isolate;
  --muted: #c0bccb;
  --menu-panel: #0b111edb;
}
.menu-scenery::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-color: var(--menu-base, #101522);
  background-image: var(--menu-art, none);
  background-position: center 38%;
  background-size: cover;
  background-repeat: no-repeat;
}
.menu-scenery::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%);
}
.menu-scenery > .page-header {
  flex: 0 0 auto;
  background: linear-gradient(#080d17db, #080d1766);
  border-bottom: 1px solid color-mix(in srgb, var(--menu-accent) 35%, transparent);
  margin-bottom: 8px;
}
.menu-scenery > .page-header h2 { color: var(--menu-accent); text-shadow: 0 2px 5px #000; }
.menu-scenery > .page-header .btn { background: #111724e8; border-color: color-mix(in srgb, var(--menu-accent) 65%, #17202f); }
.menu-scenery > .forge-tabs, .menu-scenery > .select-footer { flex: 0 0 auto; }
.menu-scenery > .select-footer { background: #080d17ed; }
.menu-scenery > .forge-body, .menu-scenery > .event-body { min-height: 0; }
.menu-scenery > .forge-tabs button, .menu-scenery .friends-tabs button { background: #111725eb; color: #e4dfe9; }
.menu-scenery > .forge-tabs button.active, .menu-scenery .friends-tabs button.active {
  border-color: var(--menu-accent);
  background: color-mix(in srgb, var(--menu-accent) 18%, #111725);
  color: var(--menu-accent);
  box-shadow: 0 0 12px color-mix(in srgb, var(--menu-accent) 20%, transparent);
}

/* Surfaces de lecture ; les illustrations des héros, boss et familiers restent opaques. */
.menu-scenery .event-panel,
.menu-scenery .shop-item,
.menu-scenery .forge-preview,
.menu-scenery .forge-item,
.menu-scenery .pet-slot {
  background: var(--menu-panel);
  box-shadow: 0 5px 18px #03060e40;
}
.menu-scenery .shop-item.flash { background: linear-gradient(135deg, #412b1edb, #101725ed); }
.menu-scenery .market-head,
.menu-scenery #market-body > .forge-empty,
.menu-scenery .wish-line {
  padding: 9px 10px;
  border-radius: 8px;
  background: #090f1bdd;
}
.menu-scenery .market-head { gap: 10px; flex-wrap: wrap; color: var(--menu-accent); }
.menu-scenery .market-refresh { background: #111725ed; }
.menu-scenery .forge-materials { flex: 0 0 auto; background: #090f1bdd; border-radius: 8px; }
.menu-scenery #forge-body > .forge-h { padding: 5px 8px; border-radius: 6px; background: #090f1bc9; }
.menu-scenery #forge-body > .forge-empty { display: block; padding: 10px; border-radius: 8px; background: #090f1bdd; }
.menu-scenery .event-hero {
  background: linear-gradient(135deg, #231d2cc4, #0c1322d9);
  box-shadow: 0 5px 20px #03060e55;
}
.menu-scenery .event-copy p { opacity: 1; }
.menu-scenery .pet-collection-note { padding: 8px 10px; border-radius: 8px; background: #090f1bdd; }
.menu-scenery .pet-myth-card { background: linear-gradient(145deg, #1a232bdd, #101820ed); }
#screen-heroes.menu-scenery .owned-ranking-panel {
  background: linear-gradient(130deg, #242333c7, #0d1421df);
  border-color: #b6a07877;
}
#screen-heroes.menu-scenery .hero-catalog {
  background: linear-gradient(145deg, #172131c9, #0c1220db);
  border-color: #93816c66;
}
#screen-heroes.menu-scenery .heroes-section-count { color: #e3dcea; background: #090f1bdd; }

/* Services : longues listes et panneaux imbriqués, sans réduction du contenu. */
:is(#screen-daily, #screen-inventory, #screen-friends, #screen-premium).menu-scenery > .event-body > * { flex-shrink: 0; }
#screen-premium.menu-scenery .premium-card { background: #141b29d9; }
#screen-friends.menu-scenery .hub-back {
  flex-wrap: wrap;
  padding: 8px 10px;
  border-radius: 8px;
  background: #090f1bdd;
  color: var(--menu-accent);
}
#screen-friends.menu-scenery .hub-back .btn {
  background: #111724e8;
  border-color: color-mix(in srgb, var(--menu-accent) 65%, #17202f);
}

/* Le colisée accompagne aussi la préparation, la boutique et le classement. */
#screen-arena.menu-scenery > .arena-head { flex: 0 0 auto; }
#screen-arena.menu-scenery .arena-league {
  background: linear-gradient(135deg, color-mix(in srgb, var(--league-color) 12%, #111724ed), #0b111eed);
}
#screen-arena.menu-scenery .opponent,
#screen-arena.menu-scenery .formation,
#screen-arena.menu-scenery .journal-row,
#screen-arena.menu-scenery .ranking-row,
#screen-arena.menu-scenery .arena-chest { background: var(--menu-panel); }
#screen-arena.menu-scenery .ranking-row.me { background: #322b1ddd; }
#screen-arena.menu-scenery .arena-me {
  padding: 8px 10px;
  border-radius: 10px;
  background: #090f1bdd;
}
#screen-arena.menu-scenery #arena-body > .forge-h,
#screen-arena.menu-scenery #arena-body > .forge-empty {
  padding: 9px 10px;
  border-radius: 8px;
  background: #090f1bdd;
}
#screen-arena.menu-scenery #arena-body > .forge-h { flex-wrap: wrap; }
@media (max-width: 600px) {
  .menu-scenery::before { background-position: center 30%; }
}