/* Static heading scenery. Each visited facility uses one image; no added height. */
.forge-screen > .page-heading {
  --facility-art: url('/images/facility-scenes-v1/forge.webp');
}
.orb-store-screen > .workshop-header.page-heading {
  --facility-art: url('/images/facility-scenes-v1/arcane.webp');
}
:is(.catalog-screen.catalog-layout-screen, .library-page.equipment-configuration-collection) > .library-heading.page-heading {
  --facility-art: url('/images/facility-scenes-v1/archive.webp');
}
.formation-screen > :is(.party-teams-heading, .formation-command-header).page-heading {
  --facility-art: url('/images/facility-scenes-v1/party.webp');
}
.tavern-screen > .tavern-heading.page-heading {
  --facility-art: url('/images/facility-scenes-v1/tavern.webp');
}
.combat-role-facility > .utility-command-header.page-heading {
  --facility-art: url('/images/facility-scenes-v1/training.webp');
}
.character-shop-screen > .character-shop-title.page-heading {
  --facility-art: url('/images/facility-scenes-v1/outfits.webp');
}
.abyss-anomaly-screen > .limited-abyss-title.page-heading {
  --facility-art: url('/images/facility-scenes-v1/anomaly.webp');
}
.traversal-ranking-panel > .traversal-command-header.page-heading {
  --facility-art: url('/images/facility-scenes-v1/ranking.webp');
}
.equipment-deck-shell > .equipment-deck-heading.page-heading {
  --facility-art: url('/images/facility-scenes-v1/equipment.webp');
}
@supports (background-image: image-set(url('') type('image/avif'))) {
  .forge-screen > .page-heading {
    --facility-art: image-set(url('/images/facility-scenes-v1/forge.avif') type('image/avif'), url('/images/facility-scenes-v1/forge.webp') type('image/webp'));
  }
  .orb-store-screen > .workshop-header.page-heading {
    --facility-art: image-set(url('/images/facility-scenes-v1/arcane.avif') type('image/avif'), url('/images/facility-scenes-v1/arcane.webp') type('image/webp'));
  }
  :is(.catalog-screen.catalog-layout-screen, .library-page.equipment-configuration-collection) > .library-heading.page-heading {
    --facility-art: image-set(url('/images/facility-scenes-v1/archive.avif') type('image/avif'), url('/images/facility-scenes-v1/archive.webp') type('image/webp'));
  }
  .formation-screen > :is(.party-teams-heading, .formation-command-header).page-heading {
    --facility-art: image-set(url('/images/facility-scenes-v1/party.avif') type('image/avif'), url('/images/facility-scenes-v1/party.webp') type('image/webp'));
  }
  .tavern-screen > .tavern-heading.page-heading {
    --facility-art: image-set(url('/images/facility-scenes-v1/tavern.avif') type('image/avif'), url('/images/facility-scenes-v1/tavern.webp') type('image/webp'));
  }
  .combat-role-facility > .utility-command-header.page-heading {
    --facility-art: image-set(url('/images/facility-scenes-v1/training.avif') type('image/avif'), url('/images/facility-scenes-v1/training.webp') type('image/webp'));
  }
  .character-shop-screen > .character-shop-title.page-heading {
    --facility-art: image-set(url('/images/facility-scenes-v1/outfits.avif') type('image/avif'), url('/images/facility-scenes-v1/outfits.webp') type('image/webp'));
  }
  .abyss-anomaly-screen > .limited-abyss-title.page-heading {
    --facility-art: image-set(url('/images/facility-scenes-v1/anomaly.avif') type('image/avif'), url('/images/facility-scenes-v1/anomaly.webp') type('image/webp'));
  }
  .traversal-ranking-panel > .traversal-command-header.page-heading {
    --facility-art: image-set(url('/images/facility-scenes-v1/ranking.avif') type('image/avif'), url('/images/facility-scenes-v1/ranking.webp') type('image/webp'));
  }
  .equipment-deck-shell > .equipment-deck-heading.page-heading {
    --facility-art: image-set(url('/images/facility-scenes-v1/equipment.avif') type('image/avif'), url('/images/facility-scenes-v1/equipment.webp') type('image/webp'));
  }
}
.forge-screen > .page-heading,
.orb-store-screen > .workshop-header.page-heading,
:is(.catalog-screen.catalog-layout-screen, .library-page.equipment-configuration-collection) > .library-heading.page-heading,
.formation-screen > :is(.party-teams-heading, .formation-command-header).page-heading,
.tavern-screen > .tavern-heading.page-heading,
.combat-role-facility > .utility-command-header.page-heading,
.character-shop-screen > .character-shop-title.page-heading,
.abyss-anomaly-screen > .limited-abyss-title.page-heading,
.traversal-ranking-panel > .traversal-command-header.page-heading,
.crystal-screen > .shop-facility-heading.page-heading,
.equipment-deck-shell > .equipment-deck-heading.page-heading {
  background-color: #0b151d;
  background-image: linear-gradient(90deg, rgb(5 13 19 / 78%), rgb(5 13 19 / 66%) 55%, rgb(5 13 19 / 42%)), var(--facility-art);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.forge-screen > .page-heading .page-heading-meta,
.orb-store-screen > .workshop-header.page-heading .page-heading-meta,
:is(.catalog-screen.catalog-layout-screen, .library-page.equipment-configuration-collection) > .library-heading.page-heading .page-heading-meta,
.formation-screen > :is(.party-teams-heading, .formation-command-header).page-heading .page-heading-meta,
.tavern-screen > .tavern-heading.page-heading .page-heading-meta,
.combat-role-facility > .utility-command-header.page-heading .page-heading-meta,
.character-shop-screen > .character-shop-title.page-heading .page-heading-meta,
.abyss-anomaly-screen > .limited-abyss-title.page-heading .page-heading-meta,
.traversal-ranking-panel > .traversal-command-header.page-heading .page-heading-meta,
.crystal-screen > .shop-facility-heading.page-heading .page-heading-meta,
.equipment-deck-shell > .equipment-deck-heading.page-heading .page-heading-meta {
  background: rgb(3 11 17 / 88%);
}

/* Keep the scene visible when any theme repaints utility-page headings. */
html[data-color-theme]:not([data-color-theme=""]) :is(
  .forge-screen > .page-heading,
  .orb-store-screen > .workshop-header.page-heading,
  :is(.catalog-screen.catalog-layout-screen, .library-page.equipment-configuration-collection) > .library-heading.page-heading,
  .formation-screen > :is(.party-teams-heading, .formation-command-header).page-heading,
  .tavern-screen > .tavern-heading.page-heading,
  .combat-role-facility > .utility-command-header.page-heading,
  .character-shop-screen > .character-shop-title.page-heading,
  .abyss-anomaly-screen > .limited-abyss-title.page-heading,
  .traversal-ranking-panel > .traversal-command-header.page-heading,
  .equipment-deck-shell > .equipment-deck-heading.page-heading,
  .crystal-screen > .shop-facility-heading.page-heading
) {
  background-image: linear-gradient(90deg, rgb(var(--chrome-rgb, 5 13 19) / 78%), rgb(var(--chrome-rgb, 5 13 19) / 66%) 55%, rgb(var(--chrome-rgb, 5 13 19) / 42%)), var(--facility-art);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
html[data-color-theme]:not([data-color-theme=""]) :is(
  .forge-screen > .page-heading,
  .orb-store-screen > .workshop-header.page-heading,
  :is(.catalog-screen.catalog-layout-screen, .library-page.equipment-configuration-collection) > .library-heading.page-heading,
  .formation-screen > :is(.party-teams-heading, .formation-command-header).page-heading,
  .tavern-screen > .tavern-heading.page-heading,
  .combat-role-facility > .utility-command-header.page-heading,
  .character-shop-screen > .character-shop-title.page-heading,
  .abyss-anomaly-screen > .limited-abyss-title.page-heading,
  .traversal-ranking-panel > .traversal-command-header.page-heading,
  .equipment-deck-shell > .equipment-deck-heading.page-heading,
  .crystal-screen > .shop-facility-heading.page-heading
) .page-heading-meta {
  background: rgb(var(--chrome-rgb, 3 11 17) / 88%);
}

/* Job change uses its own room; shared training headings keep their scenery. */
.combat-role-facility.job-change-facility > .utility-command-header.page-heading {
  --facility-art: url('/images/facility-scenes-v1/job-change-20261101.webp');
}

@supports (background-image: image-set(url('') type('image/avif'))) {
  .combat-role-facility.job-change-facility > .utility-command-header.page-heading {
    --facility-art: image-set(url('/images/facility-scenes-v1/job-change-20261101.avif') type('image/avif'), url('/images/facility-scenes-v1/job-change-20261101.webp') type('image/webp'));
  }
}

/* Shop identities use the same compact scenery treatment as other facilities. */
.crystal-screen > .shop-facility-heading-kinwa.page-heading {
  --facility-art: url('/images/shops-v1-20261107/kinwa-scene.webp');
}
.crystal-screen > .shop-facility-heading-crystal.page-heading {
  --facility-art: url('/images/shops-v1-20261107/deep-crystal-scene.webp');
}

/* Pearl facilities use their own scenes on the full page heading. */
.magic-orb-screen.orb-loadout-page > .page-heading {
  --facility-art: url('/images/orb-facility-headers-v1-20261107/orb-loadout.webp');
}
.orb-store-screen > .page-heading {
  --facility-art: url('/images/orb-facility-headers-v1-20261107/orb-shop.webp');
}
.orb-alchemy-page > .page-heading {
  --facility-art: url('/images/orb-facility-headers-v1-20261107/orb-alchemy.webp');
}
@supports (background-image: image-set(url('') type('image/avif'))) {
  .magic-orb-screen.orb-loadout-page > .page-heading {
    --facility-art: image-set(url('/images/orb-facility-headers-v1-20261107/orb-loadout.avif') type('image/avif'), url('/images/orb-facility-headers-v1-20261107/orb-loadout.webp') type('image/webp'));
  }
  .orb-store-screen > .page-heading {
    --facility-art: image-set(url('/images/orb-facility-headers-v1-20261107/orb-shop.avif') type('image/avif'), url('/images/orb-facility-headers-v1-20261107/orb-shop.webp') type('image/webp'));
  }
  .orb-alchemy-page > .page-heading {
    --facility-art: image-set(url('/images/orb-facility-headers-v1-20261107/orb-alchemy.avif') type('image/avif'), url('/images/orb-facility-headers-v1-20261107/orb-alchemy.webp') type('image/webp'));
  }
}
:is(
  .magic-orb-screen.orb-loadout-page > .page-heading,
  .orb-store-screen > .page-heading,
  .orb-alchemy-page > .page-heading
),
html[data-color-theme]:not([data-color-theme=""]) :is(
  .magic-orb-screen.orb-loadout-page > .page-heading,
  .orb-store-screen > .page-heading,
  .orb-alchemy-page > .page-heading
) {
  background-color: #0b151d;
  background-image: linear-gradient(90deg, rgb(var(--chrome-rgb, 5 13 19) / 78%), rgb(var(--chrome-rgb, 5 13 19) / 66%) 55%, rgb(var(--chrome-rgb, 5 13 19) / 42%)), var(--facility-art);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.orb-store-screen > .page-heading .page-heading-meta,
html[data-color-theme]:not([data-color-theme=""]) .orb-store-screen > .page-heading .page-heading-meta {
  background: rgb(var(--chrome-rgb, 3 11 17) / 88%);
}

/* Remaining facility headings: scenery only, preserving shared geometry. */
.items-screen > .items-command-header.page-heading {
  --facility-art: url('/images/facility-headers-v2-20261107/items.webp');
}
.icon-design-screen > .character-shop-title.page-heading {
  --facility-art: url('/images/facility-headers-v2-20261107/portrait-atelier.webp');
}
.conversation-book > .page-heading {
  --facility-art: url('/images/facility-headers-v2-20261107/conversation-archive.webp');
}
.home-lounge-page > .page-heading {
  --facility-art: url('/images/facility-headers-v2-20261107/lounge-directory.webp');
}
.adventurer-profile-settings > .utility-command-header.page-heading {
  --facility-art: url('/images/facility-headers-v2-20261107/profile-registry.webp');
}
.settings-console > .settings-command-header.page-heading {
  --facility-art: url('/images/facility-headers-v2-20261107/settings-console.webp');
}
.help-screen > .help-command-header.page-heading {
  --facility-art: url('/images/facility-headers-v2-20261107/help-library.webp');
}
.menu-list-screen > .page-heading {
  --facility-art: url('/images/facility-headers-v2-20261107/menu-concourse.webp');
}
.floor-event-inbox > .page-heading {
  --facility-art: url('/images/facility-headers-v2-20261107/reward-vault.webp');
}
.summon-contract-screen > .summons-page > .page-heading {
  --facility-art: url('/images/facility-headers-v2-20261107/summon-sanctuary.webp');
}
.explore-rest-screen > .tower-layout > .expedition-board-heading.page-heading {
  --facility-art: url('/images/facility-headers-v2-20261107/tower-navigation.webp');
}
.explore-rest-screen > .ex-depth-board > .page-heading {
  --facility-art: url('/images/facility-headers-v2-20261107/ex-depth-gateway.webp');
}
.build-page .build-shell > .page-heading {
  --facility-art: url('/images/facility-headers-v2-20261107/build-planning.webp');
}
@supports (background-image: image-set(url('') type('image/avif'))) {
  .items-screen > .items-command-header.page-heading {
    --facility-art: image-set(url('/images/facility-headers-v2-20261107/items.avif') type('image/avif'), url('/images/facility-headers-v2-20261107/items.webp') type('image/webp'));
  }
  .icon-design-screen > .character-shop-title.page-heading {
    --facility-art: image-set(url('/images/facility-headers-v2-20261107/portrait-atelier.avif') type('image/avif'), url('/images/facility-headers-v2-20261107/portrait-atelier.webp') type('image/webp'));
  }
  .conversation-book > .page-heading {
    --facility-art: image-set(url('/images/facility-headers-v2-20261107/conversation-archive.avif') type('image/avif'), url('/images/facility-headers-v2-20261107/conversation-archive.webp') type('image/webp'));
  }
  .home-lounge-page > .page-heading {
    --facility-art: image-set(url('/images/facility-headers-v2-20261107/lounge-directory.avif') type('image/avif'), url('/images/facility-headers-v2-20261107/lounge-directory.webp') type('image/webp'));
  }
  .adventurer-profile-settings > .utility-command-header.page-heading {
    --facility-art: image-set(url('/images/facility-headers-v2-20261107/profile-registry.avif') type('image/avif'), url('/images/facility-headers-v2-20261107/profile-registry.webp') type('image/webp'));
  }
  .settings-console > .settings-command-header.page-heading {
    --facility-art: image-set(url('/images/facility-headers-v2-20261107/settings-console.avif') type('image/avif'), url('/images/facility-headers-v2-20261107/settings-console.webp') type('image/webp'));
  }
  .help-screen > .help-command-header.page-heading {
    --facility-art: image-set(url('/images/facility-headers-v2-20261107/help-library.avif') type('image/avif'), url('/images/facility-headers-v2-20261107/help-library.webp') type('image/webp'));
  }
  .menu-list-screen > .page-heading {
    --facility-art: image-set(url('/images/facility-headers-v2-20261107/menu-concourse.avif') type('image/avif'), url('/images/facility-headers-v2-20261107/menu-concourse.webp') type('image/webp'));
  }
  .floor-event-inbox > .page-heading {
    --facility-art: image-set(url('/images/facility-headers-v2-20261107/reward-vault.avif') type('image/avif'), url('/images/facility-headers-v2-20261107/reward-vault.webp') type('image/webp'));
  }
  .summon-contract-screen > .summons-page > .page-heading {
    --facility-art: image-set(url('/images/facility-headers-v2-20261107/summon-sanctuary.avif') type('image/avif'), url('/images/facility-headers-v2-20261107/summon-sanctuary.webp') type('image/webp'));
  }
  .explore-rest-screen > .tower-layout > .expedition-board-heading.page-heading {
    --facility-art: image-set(url('/images/facility-headers-v2-20261107/tower-navigation.avif') type('image/avif'), url('/images/facility-headers-v2-20261107/tower-navigation.webp') type('image/webp'));
  }
  .explore-rest-screen > .ex-depth-board > .page-heading {
    --facility-art: image-set(url('/images/facility-headers-v2-20261107/ex-depth-gateway.avif') type('image/avif'), url('/images/facility-headers-v2-20261107/ex-depth-gateway.webp') type('image/webp'));
  }
  .build-page .build-shell > .page-heading {
    --facility-art: image-set(url('/images/facility-headers-v2-20261107/build-planning.avif') type('image/avif'), url('/images/facility-headers-v2-20261107/build-planning.webp') type('image/webp'));
  }
}
:is(
  .items-screen > .items-command-header.page-heading,
  .icon-design-screen > .character-shop-title.page-heading,
  .conversation-book > .page-heading,
  .home-lounge-page > .page-heading,
  .adventurer-profile-settings > .utility-command-header.page-heading,
  .settings-console > .settings-command-header.page-heading,
  .help-screen > .help-command-header.page-heading,
  .menu-list-screen > .page-heading,
  .floor-event-inbox > .page-heading,
  .summon-contract-screen > .summons-page > .page-heading,
  .explore-rest-screen > .tower-layout > .expedition-board-heading.page-heading,
  .explore-rest-screen > .ex-depth-board > .page-heading,
  .build-page .build-shell > .page-heading
),
html[data-color-theme]:not([data-color-theme=""]) :is(
  .items-screen > .items-command-header.page-heading,
  .icon-design-screen > .character-shop-title.page-heading,
  .conversation-book > .page-heading,
  .home-lounge-page > .page-heading,
  .adventurer-profile-settings > .utility-command-header.page-heading,
  .settings-console > .settings-command-header.page-heading,
  .help-screen > .help-command-header.page-heading,
  .menu-list-screen > .page-heading,
  .floor-event-inbox > .page-heading,
  .summon-contract-screen > .summons-page > .page-heading,
  .explore-rest-screen > .tower-layout > .expedition-board-heading.page-heading,
  .explore-rest-screen > .ex-depth-board > .page-heading,
  .build-page .build-shell > .page-heading
) {
  background-color: #0b151d;
  background-image: linear-gradient(90deg, rgb(var(--chrome-rgb, 5 13 19) / 78%), rgb(var(--chrome-rgb, 5 13 19) / 66%) 55%, rgb(var(--chrome-rgb, 5 13 19) / 42%)), var(--facility-art);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
:is(
  .items-screen > .items-command-header.page-heading,
  .icon-design-screen > .character-shop-title.page-heading,
  .conversation-book > .page-heading,
  .home-lounge-page > .page-heading,
  .adventurer-profile-settings > .utility-command-header.page-heading,
  .settings-console > .settings-command-header.page-heading,
  .help-screen > .help-command-header.page-heading,
  .menu-list-screen > .page-heading,
  .floor-event-inbox > .page-heading,
  .summon-contract-screen > .summons-page > .page-heading,
  .explore-rest-screen > .tower-layout > .expedition-board-heading.page-heading,
  .explore-rest-screen > .ex-depth-board > .page-heading,
  .build-page .build-shell > .page-heading
) .page-heading-meta,
html[data-color-theme]:not([data-color-theme=""]) :is(
  .items-screen > .items-command-header.page-heading,
  .icon-design-screen > .character-shop-title.page-heading,
  .conversation-book > .page-heading,
  .home-lounge-page > .page-heading,
  .adventurer-profile-settings > .utility-command-header.page-heading,
  .settings-console > .settings-command-header.page-heading,
  .help-screen > .help-command-header.page-heading,
  .menu-list-screen > .page-heading,
  .floor-event-inbox > .page-heading,
  .summon-contract-screen > .summons-page > .page-heading,
  .explore-rest-screen > .tower-layout > .expedition-board-heading.page-heading,
  .explore-rest-screen > .ex-depth-board > .page-heading,
  .build-page .build-shell > .page-heading
) .page-heading-meta {
  background: rgb(var(--chrome-rgb, 3 11 17) / 88%);
}