/* V1.32Beta-main-ui-4k2-semantic-home-actions1: high-resolution main UI art bindings. */
:root {
  --luminary-home-bg-portrait: url("assets/cover/luminary-celestial-home-portrait-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --luminary-home-bg-landscape: url("assets/cover/luminary-celestial-home-landscape-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --luminary-home-bg: var(--luminary-home-bg-portrait) !important;
  --lobby-bg-image: var(--luminary-home-bg) !important;
  --background-image: var(--luminary-home-bg) !important;
  --ui-button-gold: url("assets/ui/main-4k/ui-button-gold-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --ui-button-teal: url("assets/ui/main-4k/ui-button-teal-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --ui-button-dark: url("assets/ui/main-4k/ui-button-dark-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --ui-panel-lobby: url("assets/ui/main-4k/ui-panel-lobby-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --home-panel-frame: url("assets/ui/main-4k/ui-panel-lobby-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --lobby-control-console-art: url("assets/ui/main-4k/lobby-control-console-user-clean-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --ui-panel-select: url("assets/ui/main-4k/ui-panel-select-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --ui-panel-dialog: url("assets/ui/main-4k/ui-panel-dialog-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --ui-panel-side: url("assets/ui/main-4k/ui-panel-side-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --opportunity-library-panel-art: url("assets/ui/main-4k/library-opportunity-dialog-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --artifact-library-panel-art: url("assets/ui/main-4k/library-artifact-dialog-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --identity-mode-button-art: url("assets/ui/main-4k/mode-identity-fast-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --opportunity-mode-button-art: url("assets/ui/main-4k/library-opportunity-mode-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --artifact-mode-button-art: url("assets/ui/main-4k/library-artifact-mode-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --character-codex-button-art: url("assets/ui/main-4k/character-codex-button-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --lobby-action-panel-art: url("assets/ui/main-4k/lobby-action-panel-shaped-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --room-action-panel-art: url("assets/ui/main-4k/lobby-action-panel-shaped-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --enter-gate-art: url("assets/ui/main-4k/enter-gate-crystal-plaque-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --enter-gate-title-art: url("assets/ui/main-4k/enter-gate-title-join-gold-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --home-mode-1v1-art: url("assets/ui/main-4k/mode-1v1-home-whitegold-frame-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --home-mode-2v2-art: url("assets/ui/main-4k/mode-2v2-home-whitegold-frame-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --home-mode-3v3-art: url("assets/ui/main-4k/mode-3v3-home-whitegold-frame-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --home-mode-identity-art: url("assets/ui/main-4k/mode-identity-home-whitegold-council-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --room-mode-bg-1v1: url("assets/ui/main-4k/mode-1v1-cover-crystal-clean-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --room-mode-bg-2v2: url("assets/ui/main-4k/mode-2v2-cover-crystal-clean-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --room-mode-bg-3v3: url("assets/ui/main-4k/mode-3v3-cover-crystal-clean-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --room-mode-bg-identity: url("assets/ui/main-4k/mode-identity-cover-crystal-clean-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --battle-bg-1v1: var(--room-mode-bg-1v1) !important;
  --battle-bg-2v2: var(--room-mode-bg-2v2) !important;
  --battle-bg-3v3: var(--room-mode-bg-3v3) !important;
  --battle-bg-identity: var(--room-mode-bg-identity) !important;
  --room-mode-wallpaper: var(--room-mode-bg-1v1) !important;
}

@media (min-aspect-ratio: 4 / 3) {
  :root {
    --luminary-home-bg: var(--luminary-home-bg-landscape) !important;
  }
}

body:not(.maintenance-mode) .enter-screen,
.maintenance-cover {
  background:
    radial-gradient(ellipse at 50% 42%, rgba(255, 255, 255, 0.12), transparent 36%),
    radial-gradient(ellipse at 50% 82%, rgba(90, 182, 255, 0.12), transparent 44%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(205, 232, 255, 0.04) 42%, rgba(8, 22, 42, 0.16) 100%),
    var(--luminary-home-bg) center / cover no-repeat,
    #edf8ff !important;
}

body:not(.maintenance-mode) .app.solo .arena,
body:not(.maintenance-mode) .app.character-select-app .arena,
body:not(.maintenance-mode) .app:has(#characterSelect:not([hidden])) .arena {
  background:
    radial-gradient(ellipse at 50% 42%, rgba(255, 255, 255, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(6, 18, 34, 0.1) 56%, rgba(3, 9, 20, 0.24) 100%),
    var(--luminary-home-bg) center / cover no-repeat,
    #edf8ff !important;
}

body:not(.maintenance-mode) #enterFatedDuel.enter-gate,
body:not(.maintenance-mode) .enter-gate {
  background: var(--enter-gate-art) center / contain no-repeat !important;
}

body:not(.maintenance-mode) #enterFatedDuel.enter-gate > strong,
body:not(.maintenance-mode) .enter-gate strong {
  background: var(--enter-gate-title-art) center / contain no-repeat !important;
}

html body:not(.maintenance-mode)
  #appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.solo.solo
  .mode-select.mode-select.mode-select.mode-select
  button[data-mode="1v1"][data-mode] {
  --mode-action-art: url("assets/ui/main-4k/mode-1v1-home-whitegold-frame-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --mode-art: url("assets/ui/main-4k/mode-1v1-home-whitegold-frame-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
}

html body:not(.maintenance-mode)
  #appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.solo.solo
  .mode-select.mode-select.mode-select.mode-select
  button[data-mode="2v2"][data-mode] {
  --mode-action-art: url("assets/ui/main-4k/mode-2v2-home-whitegold-frame-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --mode-art: url("assets/ui/main-4k/mode-2v2-home-whitegold-frame-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
}

html body:not(.maintenance-mode)
  #appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.solo.solo
  .mode-select.mode-select.mode-select.mode-select
  button[data-mode="3v3"][data-mode] {
  --mode-action-art: url("assets/ui/main-4k/mode-3v3-home-whitegold-frame-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --mode-art: url("assets/ui/main-4k/mode-3v3-home-whitegold-frame-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
}

html body:not(.maintenance-mode)
  #appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot#appRoot.app.solo.solo
  .mode-select.mode-select.mode-select.mode-select
  button[data-mode="identity"][data-mode] {
  --mode-action-art: url("assets/ui/main-4k/mode-identity-home-whitegold-council-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --mode-art: url("assets/ui/main-4k/mode-identity-home-whitegold-council-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
}

html body:not(.maintenance-mode) #appRoot.app.solo .lobby-actions > #createRoom {
  --lobby-action-art: url("assets/ui/main-4k/lobby-create-room-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
}

html body:not(.maintenance-mode) #appRoot.app.solo .lobby-actions > #createBotRoom {
  --lobby-action-art: url("assets/ui/main-4k/home-action-bot-practice-semantic-4k-v2.webp?v=V1.32Beta-main-ui-4k2-semantic-home-actions1") !important;
}

html body:not(.maintenance-mode) #appRoot.app.solo .lobby-actions > #showRules {
  --lobby-action-art: url("assets/ui/main-4k/home-action-rules-semantic-4k-v2.webp?v=V1.32Beta-main-ui-4k2-semantic-home-actions1") !important;
}

html body:not(.maintenance-mode) #appRoot.app.solo .lobby-actions > #showGameCodex {
  --lobby-action-art: url("assets/ui/main-4k/home-action-codex-semantic-4k-v2.webp?v=V1.32Beta-main-ui-4k2-semantic-home-actions1") !important;
}

body:not(.maintenance-mode) .app[data-room-mode="1v1"],
html body:not(.maintenance-mode) #appRoot.app[data-room-mode="1v1"],
body:not(.maintenance-mode) #roomLobby.room-lobby[data-mode="1v1"] {
  --room-mode-wallpaper: var(--room-mode-bg-1v1) !important;
  --room-lobby-wallpaper: var(--room-mode-bg-1v1) !important;
}

body:not(.maintenance-mode) .app[data-room-mode="2v2"],
html body:not(.maintenance-mode) #appRoot.app[data-room-mode="2v2"],
body:not(.maintenance-mode) #roomLobby.room-lobby[data-mode="2v2"] {
  --room-mode-wallpaper: var(--room-mode-bg-2v2) !important;
  --room-lobby-wallpaper: var(--room-mode-bg-2v2) !important;
}

body:not(.maintenance-mode) .app[data-room-mode="3v3"],
html body:not(.maintenance-mode) #appRoot.app[data-room-mode="3v3"],
body:not(.maintenance-mode) #roomLobby.room-lobby[data-mode="3v3"] {
  --room-mode-wallpaper: var(--room-mode-bg-3v3) !important;
  --room-lobby-wallpaper: var(--room-mode-bg-3v3) !important;
}

body:not(.maintenance-mode) .app[data-room-mode="identity"],
html body:not(.maintenance-mode) #appRoot.app[data-room-mode="identity"],
body:not(.maintenance-mode) #roomLobby.room-lobby[data-mode="identity"] {
  --room-mode-wallpaper: var(--room-mode-bg-identity) !important;
  --room-lobby-wallpaper: var(--room-mode-bg-identity) !important;
}

html body:not(.maintenance-mode) #appRoot.app.battle-app #battle#battle#battle .battle-libraries > button#showOpportunityLibraryBattle.library-action,
html body:not(.maintenance-mode) #appRoot.app.battle-app #battle#battle#battle .battle-libraries > button.opportunity-library-action.library-action,
html body:not(.maintenance-mode) #battle#battle#battle #showOpportunityLibraryBattle.library-action {
  --library-art: url("assets/ui/main-4k/library-opportunity-button-fatecards-2x1-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --library-icon-art: url("assets/ui/main-4k/battle-library-opportunity-icon-crop-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
}

html body:not(.maintenance-mode) #appRoot.app.battle-app #battle#battle#battle .battle-libraries > button#showArtifactLibraryBattle.library-action,
html body:not(.maintenance-mode) #appRoot.app.battle-app #battle#battle#battle .battle-libraries > button.artifact-library-action.library-action,
html body:not(.maintenance-mode) #battle#battle#battle #showArtifactLibraryBattle.library-action {
  --library-art: url("assets/ui/main-4k/library-artifact-button-relicvault-2x1-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
  --library-icon-art: url("assets/ui/main-4k/battle-library-artifact-icon-crop-4k-v1.webp?v=V1.32Beta-main-ui-4k1") !important;
}

html body:not(.maintenance-mode) #opportunityLibraryDialog .opportunity-library-box {
  --library-dialog-art: var(--opportunity-library-panel-art) !important;
}

html body:not(.maintenance-mode) #artifactLibraryDialog .artifact-library-box {
  --library-dialog-art: var(--artifact-library-panel-art) !important;
}