/* FATEBOUND Core Screen 01 — 29 Oct 2026. Shared Main Adventure / Inn Hub / Talk.
   All assets copied unchanged from the user's Master Library. Source-only QA candidate.
   Existing gameplay choices, navigation, NPC logic, merchant and overlays are untouched. */
@font-face{font-family:"FB Cinzel";src:url("screen01_assets/fonts/cinzel/Cinzel-wght.ttf") format("truetype");font-weight:400 900;font-display:swap}
@font-face{font-family:"FB Libre Baskerville";src:url("screen01_assets/fonts/librebaskerville/LibreBaskerville-wght.ttf") format("truetype");font-weight:400 700;font-display:swap}
@font-face{font-family:"FB EB Garamond";src:url("screen01_assets/fonts/ebgaramond/EBGaramond-Italic-wght.ttf") format("truetype");font-weight:400 800;font-style:italic;font-display:swap}
/* Scene illustration retains its dynamic existing source and the 390:844 composition.
   The frame is a pointer-transparent decoration; utility controls remain live. */
#gameScreen.active{grid-template-rows:clamp(160px,23dvh,235px) minmax(0,1fr) auto;}
#gameScreen .adventure-illustration{position:relative;border:0;background-size:cover;background-position:center;overflow:hidden;isolation:isolate}
#gameScreen .adventure-illustration::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:url("screen01_assets/ui/frames_master/Frame_SilverBrass_500x250.png") center/100% 100% no-repeat}
#gameScreen .scene-utility{z-index:5;top:max(11px,env(safe-area-inset-top));right:12px;gap:6px}
#gameScreen .scene-utility .scene-tool.fb-core-utility{display:grid;place-items:center;width:clamp(42px,12vw,52px);height:clamp(42px,12vw,52px);min-height:0;padding:0;line-height:1;aspect-ratio:1;background:url("screen01_assets/ui/controls/control_button_frame.png") center/100% 100% no-repeat}
#gameScreen .scene-utility .scene-tool.fb-core-utility::before{width:54%;height:54%;margin:0}
#gameScreen .scene-utility .settings-tool.fb-core-utility::before{background-image:url("screen01_assets/icons/controls/settings_icon.png")}
#gameScreen .scene-utility .audio-tool.fb-core-utility::before{background-image:url("screen01_assets/icons/controls/sound_icon.png")}
#gameScreen .scene-utility .scene-tool.fb-core-utility span{display:none}
/* One shared story template; separate plaque and adaptive narration frame.
   No hardcoded scene title text, no change to scene title computation. */
#gameScreen .adventure-story{background:#090b0d;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(5px,1dvh,11px);padding:0 5px 3px;min-height:0;overflow:hidden}
#gameScreen .story-copy{background:transparent;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;margin:0;gap:4px}
#gameScreen .story-copy .story-head{display:flex!important;align-items:center;justify-content:center;flex:none;min-height:clamp(50px,8.5dvh,76px);padding:7px 24px 6px;border:0;background:url("screen01_assets/ui/layout/headers/header_plaque.png") center/100% 100% no-repeat;text-align:center;color:#f3ead7}
#gameScreen .story-head>div{min-width:0;width:100%}
#gameScreen .story-head .scene-number{font:400 clamp(10px,2.7vw,13px)/1.15 "FB Cinzel",Georgia,serif;letter-spacing:.06em;color:#e5c9a0}
#gameScreen .story-head h2{font:600 clamp(16px,4.5vw,19px)/1.15 "FB Cinzel",Georgia,serif;color:#fff3df;margin:2px 0;white-space:normal;overflow-wrap:anywhere}
#gameScreen .story-copy .narrative-scroll{position:relative;box-sizing:border-box;flex:0 1 auto;height:auto;min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain;padding:clamp(16px,4vw,23px) clamp(19px,5vw,29px);border:0;border-radius:0;background:url("screen01_assets/ui/frames_master/Frame_SilverBrass_500x300.png") center/100% 100% no-repeat,url("screen01_assets/ui/panels/light_parchment_fill_narative.png") center/100% 100% no-repeat;color:#2d2117!important}
#gameScreen .story-copy .narration{font:400 clamp(13px,3.6vw,15px)/1.48 "FB Libre Baskerville",Georgia,serif;color:#2c2117!important;margin:0;overflow-wrap:break-word}
#gameScreen .story-copy .notice{color:#452813;background:#ebd7ae;border-color:#8b5d2a;font-family:"FB Libre Baskerville",Georgia,serif}
/* With long passages the story-copy fills remaining space and scrolls within the frame;
   short passages use their natural content height, avoiding a giant empty parchment field. */
#gameScreen .story-copy:has(.narration){justify-content:flex-start}
#gameScreen .story-copy .narrative-scroll:has(.notice:not(.hidden)){flex:1 1 auto}
/* Shared dynamic carousel. Functional centre button is still the ONLY action target.
   Both neighbour previews use the same frame; dots & original swipe/arrows remain. */
#gameScreen .choice-carousel{overflow:hidden!important;min-height:0;max-height:min(34dvh,270px);}
#gameScreen .choice-carousel-stage{grid-template-columns:27px minmax(0,1fr) 27px;gap:0;min-height:clamp(142px,22dvh,194px);align-items:stretch}
#gameScreen .choice-carousel-slot{position:relative;overflow:hidden;align-items:stretch;justify-content:center;min-width:0}
#gameScreen .choice-carousel-slot .choice-card-holder{width:83%;flex:0 0 83%;position:relative;z-index:2;min-width:0;max-width:none;margin:0 auto}
#gameScreen .choice-carousel-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:0!important;height:100%!important;padding:15px 17px 19px!important;border:0;border-radius:0;box-shadow:none!important;background:url("screen01_assets/ui/frames_master/Frame_SilverBrass_500x400.png") center/100% 100% no-repeat,url("screen01_assets/ui/panels/light_parchment_fill_choice_card.png") center/100% 100% no-repeat;color:#1d160f;text-align:center}
#gameScreen .choice-carousel-card .choice-icon{border:0;width:auto;height:auto;min-width:0;font-size:15px;color:#5e4227}
#gameScreen .choice-carousel-card .choice-copy{width:100%;align-items:center;gap:4px}
#gameScreen .choice-carousel-card .choice-label{font:600 clamp(13px,3.65vw,17px)/1.25 "FB Cinzel",Georgia,serif!important;color:#251a10!important;text-align:center;white-space:normal!important;overflow:visible!important}
#gameScreen .choice-carousel-card .choice-requirement{font:400 clamp(11px,3vw,14px)/1.2 "FB Libre Baskerville",Georgia,serif!important;color:#513724;text-align:center}
#gameScreen .choice-carousel-card .choice-copy::after{content:"";order:0;display:block;width:72%;height:12px;background:url("screen01_assets/ui/layout/dividers/divider.png") center/contain no-repeat}
#gameScreen .choice-carousel-card:disabled{opacity:.65;filter:grayscale(.3)}
#gameScreen .choice-adjacent-preview{box-sizing:border-box;pointer-events:none;position:absolute;top:0;bottom:0;width:48%;border:0;border-radius:0;opacity:1;color:#23190f;white-space:normal;overflow:hidden;font:600 12px/1.3 "FB Cinzel",Georgia,serif;padding:40px 14px;background:url("screen01_assets/ui/frames_master/Frame_SilverBrass_500x400.png") center/100% 100% no-repeat,url("screen01_assets/ui/panels/light_parchment_fill_choice_card.png") center/100% 100% no-repeat}
#gameScreen .choice-adjacent-preview.left{left:-39%;text-align:right}
#gameScreen .choice-adjacent-preview.right{right:-39%;text-align:left}
#gameScreen .choice-carousel-nav{min-width:0;width:27px;height:100%;background:transparent;border:0;color:#e7d0a5;font-size:32px}
#gameScreen .choice-carousel-meta{padding:0 29px;min-height:23px;color:#e2d7c2}
#gameScreen .choice-carousel-dots{gap:6px}
#gameScreen .choice-page-dot{width:9px;height:9px;background:#d2cdc0}
#gameScreen .choice-page-dot.active{background:#fff;width:10px;height:10px}
#gameScreen .choice-carousel-card:focus-visible,#gameScreen .choice-carousel-nav:focus-visible,#gameScreen .scene-tool:focus-visible{outline:2px solid #ead29b;outline-offset:-3px}
/* One composed, already approved Footer. Never overlay icon names or active glows. */
#gameScreen .fatebound-bottom-nav.fb-core-master-footer{background-image:url("screen01_assets/ui/layout/footer/footer_reference.png");background-size:100% 100%;background-repeat:no-repeat}
#gameScreen .fatebound-bottom-nav.fb-core-master-footer button.active{background:transparent!important;box-shadow:none!important;filter:none!important}
#gameScreen .fatebound-bottom-nav.fb-core-master-footer button>span:last-child{display:none!important}
#gameScreen .fatebound-bottom-nav.fb-core-master-footer .nav-glyph{visibility:hidden!important}
/* Do not affect Bag, Merchant, Journal and other separately governed screens. */
@media(max-height:700px){#gameScreen.active{grid-template-rows:clamp(125px,21dvh,180px) minmax(0,1fr) auto}#gameScreen .story-copy .story-head{min-height:42px}#gameScreen .choice-carousel-stage{min-height:118px}#gameScreen .story-copy .narrative-scroll{padding:13px 19px}}
/* Approved font assignment for existing Journal reading only, without layout redesign. */
.journal-book .journal-entry p,.journal-book .journal-detail-card p,.journal-book .player-note p{font-family:"FB EB Garamond",Georgia,serif;font-style:italic;}
/* Specific final overrides for legacy mobile !important carousel dimensions. */
#gameScreen .choice-carousel .choice-carousel-stage{min-height:clamp(142px,22dvh,194px)!important}
#gameScreen .choice-carousel .choice-carousel-card{min-height:100%!important;height:100%!important;padding:15px 17px 19px!important}
#gameScreen .choice-carousel .choice-carousel-card .choice-label{font-size:clamp(13px,3.65vw,17px)!important;line-height:1.25!important}
@media(max-height:700px){#gameScreen .choice-carousel .choice-carousel-stage{min-height:118px!important}}

/* 30 Oct 2026 — Approved Screen 01 live-playtest correction only. */
/* Keep settings and audio together in the upper right, within the frame. */
#gameScreen .scene-utility{left:auto!important;right:clamp(9px,2.8vw,16px)!important;top:max(12px,env(safe-area-inset-top))!important;width:auto!important;display:flex!important;gap:5px!important;justify-content:flex-end!important;align-items:flex-start!important}
#gameScreen .scene-utility .settings-tool{order:2!important;margin-left:0!important}
#gameScreen .scene-utility .audio-tool{order:1!important;margin-left:0!important}
#gameScreen .scene-utility .scene-tool.fb-core-utility{width:clamp(39px,11vw,49px)!important;height:clamp(39px,11vw,49px)!important}
/* The live plaque contains only the approved location/activity title. */
#gameScreen .story-head .scene-number{display:none!important}
/* Reserve a taller shared carousel and eliminate unused vertical black space. */
#gameScreen .adventure-story{grid-template-rows:minmax(0,1fr) minmax(235px,34dvh)!important;gap:4px!important}
#gameScreen .choice-carousel{height:100%!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
#gameScreen .choice-carousel .choice-carousel-stage{height:calc(100% - 19px)!important;min-height:0!important;grid-template-columns:0 minmax(0,1fr) 0!important;overflow:visible!important}
#gameScreen .choice-carousel .choice-carousel-slot .choice-card-holder{width:83%!important;flex-basis:83%!important;height:100%!important}
#gameScreen .choice-carousel .choice-carousel-card{min-height:100%!important;height:100%!important}
#gameScreen .choice-carousel .choice-carousel-nav{display:none!important}
#gameScreen .choice-carousel .choice-carousel-meta{height:19px!important;min-height:19px!important;display:flex!important;justify-content:center!important;padding:2px 0!important}
#gameScreen .choice-carousel .choice-carousel-count,#gameScreen .choice-carousel .choice-carousel-hint{display:none!important}
#gameScreen .choice-carousel .choice-carousel-dots{display:flex!important;justify-content:center!important}
@media(max-height:700px){#gameScreen .adventure-story{grid-template-rows:minmax(0,1fr) minmax(176px,32dvh)!important}}

/* 30 Oct 2026 — Screen 01 user's latest 390×844 Illustrator/CSV authority.
   Responsive proportions derived from the artboard; not independent designs.
   Full side frames remain non-actionable previews and share the active asset. */
#gameScreen.active{grid-template-rows:clamp(155px,23.15dvh,225px) minmax(0,1fr) auto!important}
#gameScreen .adventure-illustration{overflow:hidden}
#gameScreen .scene-utility{top:max(12px,env(safe-area-inset-top))!important;right:clamp(12px,4vw,20px)!important;gap:3px!important}
#gameScreen .scene-utility .scene-tool.fb-core-utility{width:clamp(30px,8.1vw,40px)!important;height:clamp(30px,8.1vw,40px)!important}
#gameScreen .story-copy .story-head{min-height:clamp(43px,6.9dvh,61px)!important;max-height:clamp(43px,6.9dvh,61px);width:74%;align-self:center;padding:4px 12px!important}
#gameScreen .story-head h2{font-size:clamp(13px,3.6vw,16px)!important}
#gameScreen .adventure-story{grid-template-rows:minmax(0,1fr) minmax(215px,33.5dvh)!important;gap:clamp(9px,2.6dvh,25px)!important;padding:0 0 2px!important}
#gameScreen .story-copy{gap:0!important}
#gameScreen .story-copy .narrative-scroll{width:100%;flex:0 1 auto;max-height:calc(100% - clamp(43px,6.9dvh,61px));align-self:stretch;min-height:0}
#gameScreen .choice-carousel{overflow:hidden!important}
#gameScreen .choice-carousel .choice-carousel-stage{height:calc(100% - 17px)!important;grid-template-columns:0 minmax(0,1fr) 0!important;overflow:hidden!important}
#gameScreen .choice-carousel-slot{position:relative;display:flex!important;justify-content:center!important;align-items:stretch!important;overflow:hidden!important;isolation:isolate}
#gameScreen .choice-carousel-slot .choice-card-holder{height:100%!important;width:76.6%!important;flex:0 0 76.6%!important;z-index:3!important;position:relative!important;}
#gameScreen .choice-carousel .choice-carousel-card{height:100%!important;min-height:100%!important;max-height:100%!important;position:relative!important;z-index:3}
#gameScreen .choice-adjacent-preview{top:4%!important;bottom:4%!important;height:92%!important;width:69.6%!important;padding:clamp(18px,5dvh,44px) 18px!important;z-index:1!important;opacity:1!important;background-image:url("screen01_assets/ui/frames_master/Frame_SilverBrass_500x400.png"),url("screen01_assets/ui/panels/light_parchment_fill_choice_card.png")!important}
#gameScreen .choice-adjacent-preview.left{left:0!important;right:auto!important;text-align:left!important}
#gameScreen .choice-adjacent-preview.right{right:0!important;left:auto!important;text-align:right!important}
#gameScreen .choice-carousel .choice-carousel-meta{min-height:17px!important;height:17px!important;padding:3px 0 0!important}
#gameScreen .choice-carousel .choice-carousel-dots{gap:5px!important}
#gameScreen .choice-carousel .choice-carousel-card .choice-label{font-size:clamp(13px,3.6vw,15px)!important}
#gameScreen .choice-carousel .choice-carousel-card .choice-copy::after{width:65%;height:12px}
@media(max-height:700px){#gameScreen .adventure-story{grid-template-rows:minmax(0,1fr) minmax(155px,32dvh)!important;gap:7px!important}}

/* 31 Oct 2026 — three user-authorised Screen 01 corrections only. */
/* Pinned final grid row, intrinsic five-cell artwork aspect, no vertical stretching. */
#gameScreen.active{grid-template-rows:clamp(155px,23.15dvh,225px) minmax(0,1fr) auto!important;min-height:0;overflow:hidden}
#gameScreen .fatebound-bottom-nav.fb-core-master-footer{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-self:end!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1595 / 190!important;padding:0!important;margin:0!important;border:0!important;background-size:100% 100%!important;box-sizing:border-box!important;overflow:visible!important}
#gameScreen .fatebound-bottom-nav.fb-core-master-footer button{min-height:0!important;height:100%!important;min-width:0!important;padding:0!important;box-sizing:border-box!important}
/* White title within existing approved plaque, scene data unchanged. */
#gameScreen .story-head h2{color:#fff!important}
/* Preserve one existing SilverBrass frame per card, with genuine upper image region.
   No new artwork or substitute illustration: unpopulated regions remain neutral until
   an explicitly approved image is available for the corresponding choice. */
#gameScreen .choice-carousel .choice-carousel-card{display:flex!important;flex-direction:column!important;justify-content:stretch!important;align-items:stretch!important;gap:0!important;padding:3.5% 5.5% 5.5%!important;background-image:url("screen01_assets/ui/frames_master/Frame_SilverBrass_500x400.png")!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important}
#gameScreen .choice-illustration-region{display:block;flex:1 1 58%!important;min-height:0!important;background:transparent!important;pointer-events:none!important}
#gameScreen .choice-text-region{display:flex;flex:0 0 35%!important;min-height:0!important;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:2% 2% 0;background:url("screen01_assets/ui/panels/light_parchment_fill_choice_card.png") center/100% 100% no-repeat}
#gameScreen .choice-text-region .choice-icon{display:none}
#gameScreen .choice-text-region .choice-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
#gameScreen .choice-adjacent-preview{display:flex!important;flex-direction:column!important;justify-content:stretch!important;align-items:stretch!important;padding:3.5% 5.5% 5.5%!important;text-align:center!important;background-image:url("screen01_assets/ui/frames_master/Frame_SilverBrass_500x400.png")!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important}
#gameScreen .choice-adjacent-preview .choice-text-region{font:600 clamp(10px,2.8vw,13px)/1.2 "FB Cinzel",Georgia,serif;overflow:hidden}
#gameScreen .choice-adjacent-preview .choice-preview-label{display:block;max-width:100%;overflow:hidden;white-space:normal}
/* The existing pagination and swipe interaction remain untouched. */

/* 31 Oct — targeted carousel-collapse fix. Do not alter Footer, title or gameplay. */
#gameScreen .adventure-story > .choice-carousel {display:flex!important;flex-direction:column!important;align-self:stretch!important;min-height:190px!important;height:100%!important;overflow:hidden!important;flex:0 0 auto!important}
#gameScreen .choice-carousel > .choice-carousel-stage {display:grid!important;grid-template-columns:0 minmax(0,1fr) 0!important;flex:1 1 auto!important;min-height:170px!important;height:auto!important;max-height:none!important;overflow:hidden!important}
#gameScreen .choice-carousel-stage > .choice-carousel-slot {display:flex!important;position:relative!important;min-height:170px!important;height:100%!important;overflow:hidden!important;align-items:stretch!important;justify-content:center!important}
#gameScreen .choice-carousel-slot > .choice-card-holder {display:flex!important;flex-direction:column!important;align-self:stretch!important;flex:0 0 76.6%!important;width:76.6%!important;height:100%!important;min-height:170px!important;z-index:3!important;margin:0!important}
#gameScreen .choice-card-holder > .choice.choice-carousel-card {display:flex!important;flex-direction:column!important;flex:1 1 auto!important;width:100%!important;height:100%!important;min-height:170px!important;opacity:1;visibility:visible!important;overflow:hidden!important;position:relative!important;background-image:url("screen01_assets/ui/frames_master/Frame_SilverBrass_500x400.png")!important;background-size:100% 100%!important}
#gameScreen .choice-carousel-card > .choice-illustration-region {display:block!important;flex:1 1 58%!important;min-height:0!important}
#gameScreen .choice-carousel-card > .choice-text-region {display:flex!important;flex:0 0 35%!important;min-height:58px!important;visibility:visible!important;opacity:1!important}
#gameScreen .choice-carousel-card .choice-label {display:block!important;visibility:visible!important;opacity:1!important;color:#251a10!important}
#gameScreen .choice-carousel-slot > .choice-adjacent-preview {display:flex!important;position:absolute!important;min-height:155px!important;height:92%!important;visibility:visible!important;opacity:1!important;background-image:url("screen01_assets/ui/frames_master/Frame_SilverBrass_500x400.png")!important;background-size:100% 100%!important}
#gameScreen .choice-carousel > .choice-carousel-meta {display:flex!important;flex:0 0 17px!important;height:17px!important;min-height:17px!important}

/* 31 Oct 2026 — browser-confirmed Screen 01 carousel fix.
   The legacy arrow controls are display:none, so CSS grid auto-placement placed
   .choice-carousel-slot in the zero-width first grid track. Explicitly place
   the slot in the central 1fr track; preserve all approved controls/artwork. */
#gameScreen .choice-carousel-stage > .choice-carousel-slot {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}

/* 31 Oct — approved layered preview and card-parchment correction.
   Preserve the established stage, data, swipe, dots, and Footer. */
#gameScreen .choice-carousel-stage > .choice-carousel-slot {isolation:isolate!important;}
#gameScreen .choice-carousel-slot > .choice-card-holder {
  position:relative!important; z-index:5!important;
  flex:0 0 76.6%!important; width:76.6%!important;
  overflow:visible!important;
}
#gameScreen .choice-card-holder > .choice.choice-carousel-card {
  z-index:5!important; isolation:isolate;
}
#gameScreen .choice-carousel-slot > .choice-adjacent-preview {
  position:absolute!important; z-index:1!important;
  width:69%!important; height:88%!important;
  top:6%!important; bottom:auto!important;
  transform:scale(.94)!important;
  transform-origin:center center!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
#gameScreen .choice-carousel-slot > .choice-adjacent-preview.left {
  left:-2%!important; right:auto!important;
  transform-origin:left center!important;
}
#gameScreen .choice-carousel-slot > .choice-adjacent-preview.right {
  right:-2%!important; left:auto!important;
  transform-origin:right center!important;
}
/* Parchment fills the card's inner framed width instead of a narrow inset. */
#gameScreen .choice-carousel-card > .choice-text-region,
#gameScreen .choice-adjacent-preview > .choice-text-region {
  box-sizing:border-box!important;
  width:100%!important;
  margin-inline:0!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
}
#gameScreen .choice-carousel-card > .choice-text-region {
  padding-inline:2%!important;
}
/* Divider is the explicitly assigned original divider.png, now legible and centred. */
#gameScreen .choice-carousel-card .choice-copy::after {
  content:""!important; display:block!important;
  width:85%!important; height:19px!important;
  flex:0 0 19px!important;
  background-image:url("screen01_assets/ui/layout/dividers/divider.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}

/* 31 Oct — Illustrator CSV geometric reconciliation, carousel only.
   At 390 x 844: centre frame X45.64, Y512.82, W298.48 H266.54;
   parchment X48.94 Y673.33 W291.58 H99.14. Side frames
   approximately W271.3 H242.5. Do not change other screens. */
#gameScreen .adventure-story > .choice-carousel {
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  height:clamp(188px, 34.25dvh, 286px)!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
#gameScreen .choice-carousel > .choice-carousel-stage {
  box-sizing:border-box!important;
  height:calc(100% - 17px)!important;
  min-height:0!important;
  max-height:none!important;
  flex:1 1 auto!important;
  align-items:center!important;
  overflow:hidden!important;
}
#gameScreen .choice-carousel-stage > .choice-carousel-slot {
  box-sizing:border-box!important;
  grid-column:2!important;
  min-height:0!important;
  height:100%!important;
  align-items:center!important;
  overflow:hidden!important;
}
#gameScreen .choice-carousel-slot > .choice-card-holder {
  box-sizing:border-box!important;
  flex:0 0 76.5333%!important;
  width:76.5333%!important;
  height:auto!important;
  min-height:0!important;
  max-height:100%!important;
  aspect-ratio:298.48 / 266.54!important;
  align-self:center!important;
  margin:0!important;
  z-index:5!important;
  overflow:visible!important;
}
#gameScreen .choice-card-holder > .choice.choice-carousel-card {
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  position:relative!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  background-size:100% 100%!important;
}
#gameScreen .choice-carousel-card > .choice-illustration-region {
  box-sizing:border-box!important;
  flex:0 0 60.22%!important;
  height:60.22%!important;
  min-height:0!important;
}
#gameScreen .choice-carousel-card > .choice-text-region {
  box-sizing:border-box!important;
  flex:0 0 37.195%!important;
  height:37.195%!important;
  min-height:0!important;
  width:97.688%!important;
  margin:0 auto!important;
  padding:1% 3%!important;
  background-size:100% 100%!important;
  overflow:hidden!important;
}
#gameScreen .choice-carousel-slot > .choice-adjacent-preview {
  box-sizing:border-box!important;
  width:69.572%!important;
  height:90.978%!important;
  min-height:0!important;
  top:4.511%!important;
  bottom:auto!important;
  transform:none!important;
  z-index:1!important;
  padding:0!important;
  overflow:hidden!important;
}
#gameScreen .choice-carousel-slot > .choice-adjacent-preview.left {left:0.105%!important;right:auto!important;}
#gameScreen .choice-carousel-slot > .choice-adjacent-preview.right {right:0.105%!important;left:auto!important;}
#gameScreen .choice-adjacent-preview > .choice-illustration-region {
  box-sizing:border-box!important; flex:0 0 60.22%!important; min-height:0!important;
}
#gameScreen .choice-adjacent-preview > .choice-text-region {
  box-sizing:border-box!important; flex:0 0 37.195%!important;
  width:97.688%!important; min-height:0!important;
  margin:0 auto!important; padding:2%!important;
  background-size:100% 100%!important;overflow:hidden!important;
}
#gameScreen .choice-carousel-card .choice-copy::after {
  width:53.56%!important; height:clamp(9px, 3.5%, 15px)!important;
  flex:0 0 auto!important; background-size:100% 100%!important;
}
@media(max-height:700px){
 #gameScreen .adventure-story > .choice-carousel {height:clamp(168px,32dvh,250px)!important;}
}

/* 2026-10-31 — carousel animation containment, targeted mobile QA correction.
   Temporary moving visual layers are appended to .choice-carousel-stage with
   absolute top/left computed from its bounding rectangle. The stage MUST be
   their containing block; otherwise they are placed relative to an ancestor
   and can overlap the upper illustration. Keep all movement stage-clipped. */
#gameScreen .choice-carousel > .choice-carousel-stage {
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
#gameScreen .choice-carousel > .choice-carousel-stage > .choice-motion-visual {
  pointer-events:none!important;
}

/* 2026-11-02 — prevent inactive preview choice text flicker.
   Preserve the complete preview frames, parchment and illustration regions.
   Centre text remains live; the motion layers fade the text independently. */
#gameScreen .choice-carousel-slot > .choice-adjacent-preview .choice-preview-label {
  visibility:hidden!important; opacity:0!important;
}

/* 2026-11-02 — NEW AUTHORITATIVE single-card presentation. Previous
   three-card rules retained as historical source, overridden in active UI. */
#gameScreen .choice-carousel-slot > .choice-adjacent-preview {display:none!important;}
#gameScreen .choice-carousel-slot > .choice-card-holder {flex:0 0 76.5333%!important;width:76.5333%!important;}
#gameScreen .choice-carousel > .choice-carousel-stage {position:relative!important;overflow:hidden!important;isolation:isolate!important;}
#gameScreen .choice-carousel > .choice-carousel-stage > .choice-motion-visual {pointer-events:none!important;}

/* 2026-11-02: Sound control moved into existing Pause Menu > Settings; keep the gameplay Settings icon in place. */
#gameScreen .scene-utility .settings-tool{order:1!important}

/* 2026-11-03 Screen 01 temporary QA illustration — NOT APPROVED ARTWORK.
   Exactly the existing 60.22% illustration region, with the same cover rule
   as the main scene illustration. Text region, frame and layout are untouched. */
#gameScreen .choice-carousel-card > .choice-illustration-region {
  background-image:url("assets/art/qa_screen01_temporary_inn.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}

/* 2026-11-03: Re-layer the EXISTING approved SilverBrass frame above the
   temporary illustration and lower parchment, without changing geometry.
   The frame image has a transparent centre, so the art and narrative remain
   visible. A non-interactive overlay leaves buttons and swipe handling intact. */
#gameScreen .choice-card-holder > .choice.choice-carousel-card {
  isolation:isolate!important;
}
#gameScreen .choice-card-holder > .choice.choice-carousel-card::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:url("screen01_assets/ui/frames_master/Frame_SilverBrass_500x400.png") center / 100% 100% no-repeat;
}