/* Supplied bottom-bar patches. All positions use the existing 1920 × 1080
   canvas; the exploration art is deliberately scoped to exploration only. */
.portrait-selection-skin,.portrait-hover-skin,.portrait-focus-skin,.hud-action-focus{display:none;pointer-events:none}
.game-shell[data-ui-screen=exploration] .control-deck{background:#111411 url('./assets/ui/main-hud/Backgrounds/Bottom_Bar_BG_1920x280.webp') center/cover no-repeat;box-shadow:none}
.game-shell[data-ui-screen=exploration] .control-deck:before,.game-shell[data-ui-screen=exploration] .control-deck:after{display:none}
.game-shell[data-ui-screen=exploration] .party-orbs .hero-orb .hud-portrait:after{background-image:url('./assets/ui/inventory/Common/Portraits/ui_portrait_frame_normal.png')}
.game-shell[data-ui-screen=exploration] .party-orbs .hero-orb.away .hud-portrait:after{background-image:url('./assets/ui/inventory/Common/Portraits/ui_portrait_frame_disabled.png')}
.game-shell[data-ui-screen=exploration] .party-orbs .hero-orb.is-down .hud-portrait:after{background-image:url('./assets/ui/inventory/Common/Portraits/ui_portrait_frame_dead.png')}
.game-shell[data-ui-screen=exploration] :is(.portrait-selection-skin,.portrait-hover-skin,.portrait-focus-skin){position:absolute;inset:0;width:220px;height:220px;background:center/contain no-repeat;z-index:4}
.game-shell[data-ui-screen=exploration] .hero-orb:has(.selected-orb) .portrait-selection-skin{display:block;background-image:url('./assets/ui/main-hud/Portraits/Portrait_selected_512.webp')}
.game-shell[data-ui-screen=exploration] .hero-orb:hover .portrait-hover-skin{display:block;background-image:url('./assets/ui/main-hud/Portraits/Portrait_hover_512.webp')}
.game-shell[data-ui-screen=exploration] .hero-orb:focus-visible .portrait-focus-skin{display:block;background-image:url('./assets/ui/main-hud/Portraits/Portrait_focus_512.webp')}
.game-shell[data-ui-screen=exploration] .command-grid .ui-round-button{isolation:isolate;outline:0}
.game-shell[data-ui-screen=exploration] .command-grid .ui-round-button:before,.game-shell[data-ui-screen=exploration] .command-grid .ui-round-button:after,.game-shell[data-ui-screen=exploration] .command-grid .hud-action-focus{content:'';position:absolute;inset:-8px;background:center/contain no-repeat;pointer-events:none}
.game-shell[data-ui-screen=exploration] .command-grid .ui-round-button:before{z-index:0;background-image:url('./assets/ui/main-hud/Actions/Action_socket_256.webp')}
.game-shell[data-ui-screen=exploration] .command-grid .ui-round-button>:is(.ui-action-icon,.hud-glyph){position:relative;z-index:1}
.game-shell[data-ui-screen=exploration] .command-grid .ui-round-button:after{z-index:2}
.game-shell[data-ui-screen=exploration] .command-grid .hud-action-focus{z-index:3}
.game-shell[data-ui-screen=exploration] .command-grid .ui-round-button.active:after{background-image:url('./assets/ui/main-hud/Actions/Action_active_256.webp')}
.game-shell[data-ui-screen=exploration] .command-grid .ui-round-button:hover:not(:disabled):after{background-image:url('./assets/ui/main-hud/Actions/Action_hover_256.webp')}
.game-shell[data-ui-screen=exploration] .command-grid .ui-round-button:active:not(:disabled):after{background-image:url('./assets/ui/main-hud/Actions/Action_pressed_256.webp')}
.game-shell[data-ui-screen=exploration] .command-grid .ui-round-button:focus-visible .hud-action-focus{display:block;background-image:url('./assets/ui/main-hud/Actions/Action_focus_256.webp')}

/* A common disk and label, including independent focus overlays. Only the
   disk and label are pointer targets; their transparent bounding box is not. */
:is(.game-shell,.title-screen) button.screen-return.screen-return{position:absolute;display:block;width:202px;height:142px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;outline:0;transform:none;filter:none;color:#d6c6a4;font:21px/1.15 var(--heading);font-size:21px;pointer-events:none;overflow:visible;z-index:15;right:auto;bottom:auto}
.screen-return .return-disk{position:absolute;left:49px;top:0;width:104px;height:104px;border-radius:50%;pointer-events:auto}
.screen-return .return-label{position:absolute;left:0;top:99px;width:202px;height:43px;pointer-events:auto;display:flex;align-items:center;justify-content:center}
.screen-return img,.screen-return :is(.return-state,.return-focus,.return-label-state,.return-label-focus){position:absolute;inset:0;width:100%;height:100%;pointer-events:none;background:center/100% 100% no-repeat}
.screen-return .return-icon{left:27px;top:28px;width:50px;height:50px}
.screen-return .return-label-text{position:relative;pointer-events:none;white-space:nowrap;text-shadow:0 2px 3px #000}
.screen-return:hover:not(:disabled) .return-state{background-image:url('./assets/ui/inventory-footer/Components/Return_hover_2x.webp')}
.screen-return:hover:not(:disabled) .return-label-state{background-image:url('./assets/ui/inventory-footer/Components/Label_hover_2x.webp')}
.screen-return:active:not(:disabled) .return-state{background-image:url('./assets/ui/inventory-footer/Components/Return_pressed_2x.webp')}
.screen-return:active:not(:disabled) .return-label-state{background-image:url('./assets/ui/inventory-footer/Components/Label_pressed_2x.webp')}
.screen-return:disabled .return-state{background-image:url('./assets/ui/inventory-footer/Components/Return_disabled_2x.webp')}
.screen-return:disabled .return-label-state{background-image:url('./assets/ui/inventory-footer/Components/Label_disabled_2x.webp')}
.screen-return:disabled :is(.return-label-text,.return-icon){opacity:.4}
.screen-return:focus-visible .return-focus{background-image:url('./assets/ui/inventory-footer/Components/Return_focus_2x.webp')}
.screen-return:focus-visible .return-label-focus{background-image:url('./assets/ui/inventory-footer/Components/Label_focus_2x.webp')}

/* Inventory keeps its upper panels and current character artwork. */
.inventory-deck img{user-select:none;pointer-events:none;object-fit:contain}
.inventory-use-control{position:absolute;left:790px;top:12px;width:296px;height:186px;pointer-events:none}
.inventory-use-base{position:absolute;inset:0;width:296px;height:150px}
.game-shell button.inventory-use{position:absolute;inset:0;width:296px;height:186px;min-height:0;margin:0;padding:0;border:0;border-radius:0;outline:0;box-shadow:none;background:none;color:#dfc99b;pointer-events:none;font:24px var(--heading);transform:none;filter:none}
.inventory-use-disk{position:absolute;left:73px;top:6px;width:150px;height:144px;border-radius:50%;pointer-events:auto}
.inventory-use-icon{position:absolute;left:32px;top:24px;width:86px;height:86px}
.inventory-use-label{position:absolute;left:22px;top:138px;width:252px;height:48px;display:flex;align-items:center;justify-content:center;pointer-events:auto}
.inventory-use-label>img,.inventory-label-state,.inventory-label-focus{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;background:center/100% 100% no-repeat}
.inventory-use-label>span:last-child{position:relative;text-shadow:0 2px 3px #000}
.inventory-use-state,.inventory-use-focus{position:absolute;inset:0;width:296px;height:150px;pointer-events:none;background:center/contain no-repeat}
.inventory-use:hover:not(:disabled) .inventory-use-state{background-image:url('./assets/ui/inventory-footer/Components/Use_hover_2x.webp')}
.inventory-use:hover:not(:disabled) .inventory-label-state{background-image:url('./assets/ui/inventory-footer/Components/Label_hover_2x.webp')}
.inventory-use:active:not(:disabled) .inventory-use-state{background-image:url('./assets/ui/inventory-footer/Components/Use_pressed_2x.webp')}
.inventory-use:active:not(:disabled) .inventory-label-state{background-image:url('./assets/ui/inventory-footer/Components/Label_pressed_2x.webp')}
.inventory-use:disabled .inventory-use-state{background-image:url('./assets/ui/inventory-footer/Components/Use_disabled_2x.webp')}
.inventory-use:disabled .inventory-label-state{background-image:url('./assets/ui/inventory-footer/Components/Label_disabled_2x.webp')}
.inventory-use:disabled :is(.inventory-use-icon,.inventory-use-label>span:last-child){opacity:.4}
.inventory-use:focus-visible .inventory-use-focus{background-image:url('./assets/ui/inventory-footer/Components/Use_focus_2x.webp')}
.inventory-use:focus-visible .inventory-label-focus{background-image:url('./assets/ui/inventory-footer/Components/Label_focus_2x.webp')}
.game-shell .inventory-return{left:1123px;top:58px}
.inventory-ground-bags{position:absolute;left:794px;top:204px;width:516px;height:36px;display:flex;gap:8px;overflow:auto;pointer-events:auto}
.game-shell .inventory-ground-bags button{padding:3px 10px;margin:0;color:#bca887;font:18px var(--heading);background:#18181199;border:1px solid #51452f;box-shadow:none;white-space:nowrap}
.inventory-footer-right{position:absolute;right:28px;bottom:8px;width:440px;height:266px;transform:scale(.9);transform-origin:bottom right;pointer-events:auto}
.game-shell button.inventory-drop-bag{position:absolute;left:0;top:0;width:440px;height:122px;min-height:0;margin:0;padding:0;border:0;border-radius:0;outline:0;background:none;box-shadow:none;transform:none;filter:none;color:#ceb993;font:23px var(--heading);text-align:left}
.inventory-drop-base,.inventory-drop-state,.inventory-drop-focus{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;background:center/contain no-repeat}
.inventory-drop-icon{position:absolute;left:38px;top:40px;width:75px;height:75px}
.inventory-drop-status{position:absolute;left:59px;top:12px;width:33px;height:33px}
.inventory-drop-title{position:absolute;left:148px;top:28px;text-shadow:0 2px 3px #000;pointer-events:none}
.inventory-drop-message{position:absolute;left:136px;top:67px;width:280px;font:17px/1.1 var(--heading);text-align:center;color:#b6a482;pointer-events:none}
.inventory-drop-bag[data-drop-state=valid] .inventory-drop-state{background-image:url('./assets/ui/inventory-footer/Components/Drop_valid_2x.webp')}
.inventory-drop-bag[data-drop-state=invalid] .inventory-drop-state{background-image:url('./assets/ui/inventory-footer/Components/Drop_invalid_2x.webp')}
.inventory-drop-bag[data-drop-state=busy] .inventory-drop-state{background-image:url('./assets/ui/inventory-footer/Components/Drop_busy_2x.webp')}
.inventory-drop-bag:focus-visible .inventory-drop-focus{background-image:url('./assets/ui/inventory-footer/Components/Drop_focus_2x.webp')}
.inventory-drop-bag[aria-disabled=true]:not([data-drop-state]) :is(.inventory-drop-title,.inventory-drop-icon){opacity:.55}
.inventory-footer-right .inventory-resources{position:absolute;left:0;top:127px;width:440px;height:134px;margin:0;padding:8px 22px;color:#cfbd9b;font:21px var(--heading)}
.inventory-counter-base{position:absolute;inset:0;width:440px;height:134px}
.inventory-footer-right .inventory-resource{height:40px;gap:12px}
.inventory-footer-right .inventory-resource-icon{width:32px;height:32px}
.inventory-footer-right .inventory-resource strong{font-size:21px;white-space:nowrap}
.inventory-footer-right .key-pocket{position:absolute;left:20px;top:90px;width:400px;margin:0;font:19px var(--heading);z-index:20}
.inventory-footer-right .key-pocket summary{position:relative;display:flex;align-items:center;gap:9px;height:34px;padding:0 10px;color:#b9a989;background:url('./assets/ui/inventory-footer/Components/Key_Row_2x.webp') center/100% 100% no-repeat;list-style:none}
.key-pocket summary::-webkit-details-marker{display:none}
.key-pocket-icon{width:28px;height:28px}.key-chevron{position:absolute;right:12px;top:6px;width:22px;height:22px}
.key-pocket .key-chevron.open,.key-pocket[open] .key-chevron.closed{display:none}.key-pocket[open] .key-chevron.open{display:block}
.inventory-footer-right .key-pocket[open]>div{right:0;bottom:38px;width:400px;max-height:380px}
.inventory-footer-right .key-pocket summary:focus-visible{outline:2px solid #bd9e5d;outline-offset:2px}

/* Journal's noninteractive portraits exactly align with the world HUD. */
.journal-workspace .journal-party{top:812px;height:248px;padding:13px 0 0 44px;gap:24px;border-top:0;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}
.journal-modal .journal-party .hero-orb{position:relative;flex:0 0 220px}
.journal-modal .journal-party .hero-orb,.journal-modal .journal-party .orb-frame{width:220px!important;height:220px!important;flex-shrink:0;cursor:default;pointer-events:none}
.journal-modal .journal-party .hud-portrait>.orb-face{left:10px;top:10px;width:200px;height:200px}
.game-shell .journal-party .journal-return{left:1123px;top:58px;right:auto;bottom:auto}
.game-shell .atlas-return{left:1335px;top:45px}
.game-shell .spell-footer-actions{left:1190px;top:24px;width:655px;height:205px}
.game-shell .spellbook-return{left:350px;top:34px}
.game-shell .spell-footer-actions #staff-spell-control{width:320px}
.game-shell .looting-return{left:1143px;top:870px}
.game-shell .rest-return{left:1665px;top:925px}
:is(.game-shell,.title-screen) .save-return{left:1640px;top:34px}
@media(prefers-reduced-motion:reduce){.game-shell[data-ui-screen=exploration] .command-grid .ui-round-button{transition:none}}
