/* FATEBOUND CORE UI KIT — graphics only; preserve all functional layout and event contracts.
   Images are byte-for-byte copies of supplied ui.zip and icons.zip.
   Footer shell already depicts all five icons: no duplicate icon overlays or selected glow. */
:root{--fb-core-ui:1}
.fatebound-bottom-nav.fb-core-master-footer{
  background-color:#10151b;
  background-image:url("core_ui_assets/ui/layout/footer/footer_reference.png");
  background-repeat:no-repeat;background-size:100% 100%;
  border-top:0;
}
.fatebound-bottom-nav.fb-core-master-footer button{
  background:transparent!important;box-shadow:none!important;
  border:0!important;color:#f2ddae!important;
  text-shadow:0 1px 2px #0b0e12!important;outline-offset:-3px;
  justify-content:flex-end!important;padding-bottom:4px!important;
  /* Nav shell contains painted icon artwork and labels; hit targets remain live. */
}
.fatebound-bottom-nav.fb-core-master-footer .nav-glyph{visibility:hidden!important}
.fatebound-bottom-nav.fb-core-master-footer button:focus-visible{outline:2px solid #f2dfb3;outline-offset:-3px}
/* Preserve existing menu/merchant grid and all hitbox geometry. */
.bag-equip-slot.fb-core-portrait-slot{
 background:#101820 url("core_ui_assets/ui/frames_master/level_4_brass/ItemSlot_Portrait_Empty.png") center/100% 100% no-repeat;
 border-color:transparent;
}
.locked-bag-grid .bag-card.fb-core-square-slot{
 background:#101820 url("core_ui_assets/ui/frames_master/level_4_brass/ItemSlot_Square_Empty.png") center/100% 100% no-repeat;
 border-color:transparent;
}
.locked-bag-detail.fb-core-item-panel{
 background:#e6cb93 url("core_ui_assets/ui/frames_master/level_4_brass/Panel_ItemDescription_Empty.png") center/100% 100% no-repeat;
 border-color:transparent;
}
.fb-core-wide-panel{background:#111a20 url("core_ui_assets/ui/frames_master/level_4_brass/Panel_Wide_Left.png") center/100% 100% no-repeat}
.fb-core-parchment-panel{background: url("core_ui_assets/ui/panels/parchment_panel_frame.png") center/100% 100% no-repeat,url("core_ui_assets/ui/panels/parchment_panel_fill.png") repeat}
.fb-core-dark-panel{background-image:url("core_ui_assets/ui/panels/dark_panel_fill.png");background-repeat:repeat}
.fb-core-header{background-image:url("core_ui_assets/ui/layout/headers/header_plaque.png");background-size:100% 100%;background-repeat:no-repeat}
.fb-core-divider{background:url("core_ui_assets/ui/layout/dividers/divider.png") center/100% 100% no-repeat}
.fb-core-action{background:url("core_ui_assets/ui/buttons/blue_button.png") center/100% 100% no-repeat;color:#f8e7ba}
.fb-core-action-danger{background:url("core_ui_assets/ui/buttons/red_button.png") center/100% 100% no-repeat;color:#fff1d7}
.core-merchant-view .merchant-trade-btn.fb-core-merchant-buy{background:url("core_ui_assets/ui/buttons/merchant_buy_button.png") center/100% 100% no-repeat;border:0;color:#f8f1db;font-weight:700}
.core-merchant-view .merchant-trade-btn.fb-core-merchant-sell{background:url("core_ui_assets/ui/buttons/merchant_sell_button.png") center/100% 100% no-repeat;border:0;color:#fff3e9;font-weight:700}
.core-merchant-view .merchant-item-portrait.fb-core-portrait-slot{background:url("core_ui_assets/ui/frames_master/level_4_brass/ItemSlot_Portrait_Empty.png") center/100% 100% no-repeat;border:0}
.fb-core-coin{width:1em;height:1em;object-fit:contain;vertical-align:-.12em;margin-right:.22em}
.scene-utility .scene-tool.fb-core-utility{position:relative;background:url("core_ui_assets/ui/controls/control_button_frame.png") center/100% 100% no-repeat;border:0}
.scene-utility .scene-tool.fb-core-utility::before{content:"";display:inline-block;width:1.1em;height:1.1em;vertical-align:middle;margin-right:.1em;background-position:center;background-size:contain;background-repeat:no-repeat}
.scene-utility .settings-tool.fb-core-utility::before{background-image:url("core_ui_assets/icons/controls/settings_icon.png")}
.scene-utility .audio-tool.fb-core-utility::before{background-image:url("core_ui_assets/icons/controls/sound_icon.png")}
.scene-utility .scene-tool.fb-core-utility .fb-core-legacy-glyph{display:none}
@media(max-width:440px){.scene-utility .scene-tool.fb-core-utility::before{margin:0}}

/* Bind shared surface assets to existing containers without restructuring their layout. */
.core-merchant-view .core-merchant-hero-text{background:#111820 url("core_ui_assets/ui/frames_master/level_4_brass/Panel_Wide_Left.png") center/100% 100% no-repeat}
.core-merchant-view .merchant-item-row{background:#e8cd96 url("core_ui_assets/ui/panels/parchment_panel_fill.png") repeat}
.story-copy .narrative-scroll{background-image:url("core_ui_assets/ui/panels/dark_panel_fill.png");background-repeat:repeat}
.core-merchant-view .core-merchant-controls{background-image:url("core_ui_assets/ui/panels/dark_panel_fill.png");background-repeat:repeat}
.core-merchant-view #coreMerchantClose{background:url("core_ui_assets/ui/buttons/red_button.png") center/100% 100% no-repeat;border:0}
.core-merchant-view #coreMerchantSwitch{background:url("core_ui_assets/ui/buttons/blue_button.png") center/100% 100% no-repeat;border:0}
.bag-modal .modal-header{background-image:url("core_ui_assets/ui/layout/headers/header_plaque.png");background-size:100% 100%}
.bag-modal .bag-stat-strip{background-image:url("core_ui_assets/ui/panels/dark_panel_fill.png");background-repeat:repeat}

/* Recovery Part 4 · 2026-10-25: preserve functional geometry; restore legibility. */
.story-copy .narrative-scroll,.story-copy .narration{color:#f2e8d4!important;}
.story-copy .notice{color:#ffe0ac;background:rgba(22,29,34,.95)}
.bag-modal .locked-bag-detail.fb-core-item-panel,.bag-modal .locked-bag-detail.fb-core-item-panel strong,.bag-modal .locked-bag-detail.fb-core-item-panel p,.bag-modal .locked-bag-detail.fb-core-item-panel .muted{color:#f7e9cd!important;text-shadow:0 1px 2px #030607;}
.bag-modal .locked-bag-detail.fb-core-item-panel .item-use-inline{color:#26180c!important;text-shadow:none;}
.core-merchant-view .merchant-item-row{background:#141d25 url("core_ui_assets/ui/panels/dark_panel_fill.png") repeat;color:#f3e8d8;}
.core-merchant-view .merchant-item-row h3,.core-merchant-view .merchant-item-row p,.core-merchant-view .merchant-item-main,.core-merchant-view .merchant-item-inventory{color:#f3e8d8!important;}
.core-merchant-view .merchant-item-inventory{display:block;font:600 12px/1.45 system-ui,sans-serif;opacity:.92;margin-top:4px;}
.core-merchant-view .merchant-item-price{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.core-merchant-view .fb-core-coin{vertical-align:middle;flex:none;}
.quest-journal-detail summary{cursor:pointer;min-height:38px;padding:8px 2px;color:#f4e1b9;}
.quest-journal-detail summary:focus-visible{outline:2px solid #f2dfb3;}
.quest-journal-detail[open]{border-bottom:1px solid #8b6a3e;padding-bottom:10px;}

/* Approved shared narration heading beneath illustration; retain scene container geometry. */
#gameScreen .story-copy{display:flex;flex-direction:column;}
#gameScreen .story-copy .story-head{display:flex!important;flex:none;padding:8px 16px 5px;border-bottom:1px solid #9d783f;background:#111a20;color:#f3dfb7;}
#gameScreen .story-copy .story-head h2{font-size:clamp(16px,3.8vw,22px);line-height:1.2;margin:3px 0;color:#f3dfb7;}
#gameScreen .story-copy .story-head .scene-number{color:#d8ad65;}
#gameScreen .story-copy .narrative-scroll{min-height:0;flex:1 1 auto;}
/* Centre choice remains sole actionable card; side previews are decorative. */
#gameScreen .choice-carousel-slot{position:relative;overflow:hidden;align-items:stretch;}
#gameScreen .choice-carousel-slot .choice-card-holder{position:relative;z-index:2;width:82%;flex:0 0 82%;margin:0 auto;}
#gameScreen .choice-adjacent-preview{position:absolute;top:6px;bottom:6px;width:22%;overflow:hidden;pointer-events:none;white-space:nowrap;opacity:.62;background:#14202b;border:1px solid #88653a;color:#dbc49c;border-radius:7px;padding:11px 5px;font:12px/1.2 Georgia,serif;}
#gameScreen .choice-adjacent-preview.left{left:-13%;text-align:right;}
#gameScreen .choice-adjacent-preview.right{right:-13%;text-align:left;}
#gameScreen .choice-carousel-dots{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:1;}
#gameScreen .choice-page-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#776851;}
#gameScreen .choice-page-dot.active{background:#e6bd72;width:7px;height:7px;}
@media(max-width:390px){#gameScreen .choice-carousel-slot .choice-card-holder{width:86%;flex-basis:86%;}}