.start-button{position:absolute;bottom:9%;left:50%;transform:translateX(-50%);min-width:180px;font-size:clamp(18px,2.7cqw,30px);padding:12px 32px}.start-button:active{transform:translateX(-50%) translateY(1px)}.day-choices{position:absolute;top:22%;left:3%;right:3%;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.day-choices button{font-size:clamp(13px,1.8cqw,22px);min-width:100px}.screen[data-phase="greeting"] .speech{background:#192c25e8}.screen[data-phase="start"] .menu-button{display:none}.screen[data-phase="question"] .actions{display:none}.screen[data-phase="question"] .dialogue-panel{height:21%}@media(max-width:600px){.start-button{min-width:140px}.day-choices{gap:5px}.day-choices button{min-width:70px;padding:6px 8px}}
.install-guide{display:none}
.install-guide{
  box-sizing:border-box;
  min-height:100dvh;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right))
    max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));
  color:#f4ecd8;
  text-align:center;
  word-break:keep-all;
  font:16px/1.5 system-ui,sans-serif;
}
.install-guide img{border-radius:16px}
.install-guide h1{margin:0;font-size:26px}
.install-guide p{margin:0;color:#d4ddc3}
.install-guide ol{margin:4px 0;padding-inline-start:24px;text-align:start}
.install-guide li + li{margin-top:4px}
.install-guide-link{color:inherit;text-underline-offset:3px}
@media (display-mode: standalone){
  .install-guide-link{display:none}
}

.show-install-guide body > :is(.review-header,main,.scene-rotate-notice){display:none}
.show-install-guide .install-guide{display:flex}
@media (display-mode: browser) and (max-width:600px),
       (display-mode: browser) and (pointer:coarse) and (max-height:600px){
  html:not(.installed-app) body > :is(.review-header,main,.scene-rotate-notice){display:none}
  html:not(.installed-app) .install-guide{display:flex}
}

@media (orientation: landscape) and (max-height: 600px) and (min-aspect-ratio: 16/9){
  .installed-app body:has(.screen[data-ui="consistent"]){padding:0}
  .installed-app .screen[data-ui="consistent"]{
    width:100%;
    max-width:none;
    height:100dvh;
    aspect-ratio:auto;
    --opening-left:max(2.5%,env(safe-area-inset-left));
    --opening-right:max(2.5%,env(safe-area-inset-right));
    --opening-top:max(3%,env(safe-area-inset-top));
  }
  .installed-app .screen[data-ui="consistent"].expanded{inset:0;width:100%}
  .installed-app .screen .scene-header{left:var(--opening-left);top:var(--opening-top)}
  .installed-app .screen .menu-button{right:var(--opening-right);top:var(--opening-top)}
  .installed-app .screen[data-ui="consistent"] > .scene-history{
    right:calc(var(--opening-right) + var(--story-nav-size) + 8px);
    top:var(--opening-top);
  }
  .installed-app .screen[data-ui="consistent"] .dialogue-panel{
    padding-left:var(--opening-left);
    padding-right:var(--opening-right);
    padding-bottom:max(.6%,env(safe-area-inset-bottom));
  }
}