/* Science Works advent calendar: the phone layout (phone.js). Every rule is under html.is-phone, which phone.js sets
   only on a phone held upright, so the calendar on a laptop is untouched. */
html.is-phone, html.is-phone body { height: auto; overflow-x: hidden; overflow-y: auto; }
html.is-phone:has(body.story-open) { overflow: hidden; }
/* first screen: the palace, as before, a strip of the doors showing at the foot so it is plain there is more below */
html.is-phone .adv-root { position: relative; inset: auto; height: calc(100svh - 64px); min-height: 420px; }
/* the bar scrolls away with the palace; over a story it stays put */
html.is-phone .adv-bar { position: absolute; }
html.is-phone body.story-open .adv-bar { position: fixed; }
html.is-phone .adv-bar-title { visibility: visible; }
html.is-phone body.story-open .adv-bar-title { visibility: hidden; }
/* the doors */
html.is-phone .adv-phone-doors { position: relative; display: block; width: 100%; }
html.is-phone .adv-phone-doors .adv-scene-title h1 { line-height: 1.05; }
html.is-phone .adv-phone-doors .adv-scene-title p { font-size: 16px; margin-top: .45em; }
html.is-phone .adv-phone-doors .adv-door { touch-action: manipulation; }
html.is-phone .adv-count, html.is-phone .adv-toast { position: fixed; }
html.is-phone .adv-preview { position: fixed; }