#startScreen.chapter-title-shell,
.chapter-one-complete {
  position: fixed !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  transform: none !important;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  z-index: 10020;
  container-type: size;
  color: #f2e9d4;
}
#startScreen.chapter-title-shell[hidden], .chapter-one-complete[hidden], .chapter-title-shell__intro[hidden] { display: none !important; }
#startScreen.chapter-title-shell { display: grid; place-items: center; padding: calc(var(--chapter-panel-height, 720px) * .04) calc(var(--chapter-panel-width, 1280px) * .04); }
#startScreen.chapter-title-shell .start-screen__copy { width: 100%; max-width: 1060px; gap: 2cqh; position: relative; z-index: 4; }
#startScreen.chapter-title-shell .start-screen__copy > h2 { max-width: none; font-size: clamp(23px, 5.6cqh, 52px); line-height: 1.05; margin: 0; letter-spacing: .045em; }
#startScreen.chapter-title-shell .chapter-title-shell__series { font-size: clamp(12px, 2.45cqh, 20px); line-height: 1.3; margin: 0; color: #e7dcc4; }
#startScreen.chapter-title-shell .edition-control,
#startScreen.chapter-title-shell #newGameSetup,
#startScreen.chapter-title-shell #startLoadButton { display: none !important; }
.chapter-title-shell__chapters { width: 100%; display: grid; grid-template-columns: 1.45fr 1fr 1fr 1fr; gap: 1.2cqw; list-style: none; padding: 0; margin: 2cqh 0 1cqh; text-align: left; }
.chapter-title-shell__chapter { min-width: 0; padding: 2.3cqh 1.6cqw; border: 1px solid #a793625e; border-radius: 7px; background: #081015c9; display: grid; align-content: start; gap: 1.5cqh; min-height: 14cqh; }
.chapter-title-shell__chapter.is-available { border-color: #d7b774c2; background: linear-gradient(150deg, #6b4b266b, #0a1119e8); }
.chapter-title-shell__chapter span { font: 600 clamp(10px, 2cqh, 16px)/1.2 system-ui, sans-serif; text-transform: uppercase; letter-spacing: .09em; color: #dcc68e; }
.chapter-title-shell__chapter strong { font-size: clamp(14px, 3.3cqh, 27px); line-height: 1.15; font-weight: 500; }
.chapter-title-shell__chapter small { font: 400 clamp(10px, 1.9cqh, 15px)/1.25 system-ui, sans-serif; color: #d0c8b7; }
.chapter-title-shell__chapter.is-coming { opacity: .75; }
#startScreen.chapter-title-shell .start-screen__actions { display: flex; width: auto; gap: 12px; margin: 1.5cqh 0 0; }
#startScreen.chapter-title-shell .start-screen__actions button,
.chapter-one-complete button { min-height: 44px; min-width: 138px; padding: 10px 22px; font: 500 clamp(15px, 2.5cqh, 20px)/1.2 system-ui, sans-serif; border: 1px solid #d7b774a1; border-radius: 7px; background: #111b1be8; color: #f2e9d4; cursor: pointer; }
#startScreen.chapter-title-shell button[hidden] { display: none !important; }
#startScreen.chapter-title-shell button:focus-visible,
.chapter-one-complete button:focus-visible { outline: 2px solid #ffe1a0; outline-offset: 3px; }
.chapter-title-shell__intro { position: absolute; inset: 0; z-index: 5; display: grid; place-content: center; justify-items: center; text-align: center; background: #03080d69; padding: 5%; animation: chapter-title-arrive 420ms ease-out both; }
#startScreen.chapter-title-shell.is-chapter-intro .start-screen__copy { visibility: hidden; }
#startScreen.chapter-title-shell.is-subtitle-choice .start-screen__copy{visibility:hidden}
.chapter-title-shell__subtitles{position:absolute;inset:0;z-index:6;display:grid;align-content:center;justify-items:center;gap:14px;padding:14px;text-align:center;background:#03080d99}
.chapter-title-shell__subtitles[hidden]{display:none!important}
.chapter-title-shell__subtitles h2{margin:0;font-size:clamp(23px,5cqh,42px);line-height:1.1}
.chapter-title-shell__subtitles p{margin:0;font-size:clamp(13px,2.6cqh,20px);line-height:1.3}
.chapter-title-shell__subtitles>div{display:flex;gap:12px}
.chapter-title-shell__subtitles button{min-height:44px;min-width:128px;border:1px solid #d7b774a1;border-radius:7px;background:#111b1be8;color:#f2e9d4;font:500 clamp(14px,2.5cqh,20px)/1.2 system-ui,sans-serif;padding:10px 14px;cursor:pointer}
.chapter-title-shell__eyebrow { margin: 0 0 3cqh; font: 600 clamp(12px, 2.3cqh, 21px)/1.3 system-ui, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #e4c37c; }
.chapter-title-shell__intro h2 { margin: 0 0 3cqh; font-size: clamp(32px, 9cqh, 82px); line-height: 1; font-weight: 500; letter-spacing: .04em; }
.chapter-title-shell__intro > p:not(.chapter-title-shell__eyebrow) { margin: 0; font-size: clamp(16px, 3.1cqh, 27px); line-height: 1.4; }
.chapter-title-shell__intro #chapterIntroStart{min-height:44px;min-width:138px;margin-top:3cqh;padding:10px 22px;font:500 clamp(15px,2.5cqh,20px)/1.2 system-ui,sans-serif;border:1px solid #d7b774a1;border-radius:7px;background:#111b1be8;color:#f2e9d4;cursor:pointer}
.chapter-one-complete { display: grid; place-items: center; background: linear-gradient(180deg, #040a0e73, #040a0eea); text-align: center; animation: chapter-title-arrive 420ms ease-out both; }
.chapter-one-complete__copy { padding: 5%; max-width: 90%; }
.chapter-one-complete h2 { margin: 0 0 3cqh; font-size: clamp(27px, 6cqh, 60px); font-weight: 500; line-height: 1.15; }
.chapter-one-complete__copy > p:not(.chapter-title-shell__eyebrow) { font-size: clamp(15px, 3cqh, 24px); line-height: 1.4; margin: 0; }
.chapter-one-complete__next { display: grid; gap: 1cqh; margin: 4cqh 0; }
.chapter-one-complete__next span { font: 600 clamp(12px, 2.2cqh, 18px)/1.2 system-ui, sans-serif; color: #e4c37c; letter-spacing: .08em; }
.chapter-one-complete__next strong { font-size: clamp(18px, 3.8cqh, 32px); font-weight: 500; }
@keyframes chapter-title-arrive { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .chapter-title-shell__intro, .chapter-one-complete { animation: none; } }
@container (max-height: 300px) {
  #startScreen.chapter-title-shell .start-screen__copy { gap: 4px; }
  #startScreen.chapter-title-shell .start-screen__copy > h2 { font-size: 22px; }
  #startScreen.chapter-title-shell .chapter-title-shell__series { font-size: 11px; }
  .chapter-title-shell__chapters { grid-template-columns: 1fr 1fr; gap: 4px 6px; margin: 4px 0; }
  .chapter-title-shell__chapter { gap: 2px; padding: 5px 8px; min-height: 0; }
  .chapter-title-shell__chapter span { font-size: 9px; line-height: 1.1; }
  .chapter-title-shell__chapter strong { font-size: 12px; line-height: 1.1; }
  .chapter-title-shell__chapter small { display: none; }
  #startScreen.chapter-title-shell .start-screen__actions { margin-top: 2px; }
  #startScreen.chapter-title-shell .start-screen__actions button { font-size: 13px; padding: 8px 16px; }
  .chapter-one-complete__copy { padding: 8px; width: 94%; max-width: 94%; }
  .chapter-one-complete__copy > .chapter-title-shell__eyebrow { font-size: 11px; margin: 0 0 6px; }
  .chapter-one-complete h2 { font-size: 23px; line-height: 1.1; margin: 0 0 7px; }
  .chapter-one-complete__copy > p:not(.chapter-title-shell__eyebrow) { display: none; }
  .chapter-one-complete__next { gap: 3px; margin: 0 0 10px; }
  .chapter-one-complete__next span { font-size: 12px; }
  .chapter-one-complete__next strong { font-size: 18px; }
  .chapter-one-complete button { min-height: 44px; font-size: 14px; padding: 8px 16px; }
}
