/* Opening appearance; shared navigation supplies pointer, keyboard and touch reachability. */
.landing-page .site-header{
  position:absolute;inset:0 0 auto;z-index:80;height:82px;color:var(--ink);
  background:var(--paper);border-bottom:1px solid var(--rule);
}
.landing-page .mobile-nav{position:absolute;top:82px}
#school-stage .processing-clock{display:none!important}
#school-stage:is([data-phase="reality"],:not([data-phase])) .story-footer{display:none}
#school-stage .story-footer{justify-content:flex-end}
#school-stage .experience-controls{
  min-width:0;width:236px;gap:12px;padding:6px 15px 6px 6px;
  box-shadow:none;background:#eee9dfed;
}
#school-stage .experience-controls .play-control{width:44px;height:44px;min-width:44px}
#school-stage .experience-controls input{min-width:0;width:100%;flex:1}
.scenario-about{margin-left:26px}
@media(max-width:760px){
  .landing-page .site-header{height:72px}
  .landing-page .mobile-nav{top:72px;max-height:calc(100svh - 72px)}
  #school-stage .story-footer{left:18px;right:18px;bottom:18px}
  #school-stage[data-phase=response].is-visible .story-footer{
    top:auto;bottom:16px;padding:0;background:none;
  }
  #school-stage .experience-controls{width:min(236px,100%)}
  .scenario-about{margin:14px 0 0;display:flex;width:max-content}
}
@media(max-height:500px) and (orientation:landscape){
  .landing-page .site-header{height:66px}
  .landing-page .mobile-nav{top:66px;max-height:calc(100svh - 66px)}
}