/* Hide the scrollbar so desktop chapters occupy the complete 1920 × 1080 canvas. */
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
/* Keep the entire composition readable on shorter laptop displays. */
@media(max-height:850px) and (min-width:901px){
  .scene-inner{padding-top:96px;padding-bottom:110px}
  .hero h1{font-size:clamp(88px,15vh,126px);margin:16px 0 18px}
  .hero-tagline{font-size:24px;line-height:1.15;margin-bottom:12px}
  .hero-description{font-size:15px;line-height:1.6}
  .hero-actions{margin-top:18px}
  .hero .portrait{max-width:min(500px,61vh)}
  .lore h2{font-size:clamp(66px,11.2vh,96px);margin:20px 0}
  .lore-lead{font-size:23px;margin-bottom:16px}
  .lore-story{font-size:15px;line-height:1.5}
  .lore-story p+p{margin-top:10px}
  .roadmap h2{font-size:clamp(64px,10.5vh,88px)}
  .phase-grid{margin-top:22px}
  .phase{padding:14px 20px}
  .phase-number{font-size:52px;margin:8px 0}
  .phase-title{font-size:26px;margin-bottom:8px}
  .phase-description{font-size:14px;min-height:64px}
  .phase-action{margin-top:8px}
  .phase-log{margin-top:14px;padding-top:12px}
  .midnight h2{font-size:clamp(104px,19vh,152px);margin:24px 0}
  .midnight-lead{font-size:28px;margin-bottom:18px}
  .midnight-description{font-size:16px}
}
/* Extra room at browser zoom levels that enlarge the complete interface. */
@media(min-width:761px) and (max-width:1100px) and (min-height:851px){
  .hero h1{font-size:clamp(88px,10.3vw,114px)}
  .lore h2{font-size:clamp(74px,7.3vw,92px)}
  .roadmap{height:auto;min-height:100svh}
  .phase-grid{grid-template-columns:repeat(2,1fr)}
  .phase:nth-child(2){border-right:0}
  .phase:nth-child(-n+2){border-bottom:1px solid rgba(24,23,19,.3)}
  .roadmap .scene-note{position:static;margin-top:35px}
}