/* Mobile uses the same artwork, material animation and chapter timeline. */
@media(max-width:700px){
 .olympus-mobile-cast{display:none}
 .olympus-council .olympus-artboard{top:42%}
 .olympus-callout:not(.is-principal),.olympus-connector:not(.is-principal){display:block}
 .olympus-callout{width:13%}
 .olympus-callout strong{font-size:10px;margin:1px 0}
 .olympus-callout small{font-size:7px;line-height:1.15;letter-spacing:0}
 .olympus-callout em{font-size:6px;line-height:1.1}
 .olympus-callout.is-principal{width:20%}
 .olympus-callout.is-principal strong{font-size:14px}
 .olympus-callout.is-principal small,.olympus-callout.is-principal em{font-size:7px}
 .olympus-callout.is-principal:nth-last-child(13){left:var(--x);top:var(--y)}
 .throne-controls{top:max(12px,env(safe-area-inset-top))}
 .prologue-loading{bottom:max(12px,env(safe-area-inset-bottom));right:5%}
}
/* A phone held sideways still gets the complete scene, without portrait offsets. */
@media(max-height:550px) and (orientation:landscape){
 #gravityBook .grimoire-room{min-height:100svh;grid-template-rows:36px 1fr 24px}
 .grimoire-stage{width:min(86vw,calc((100svh - 100px)*1.66));min-width:0}
 #gravityBook .grimoire-desk{min-height:0;padding:0}
 .grimoire-actions{height:38px}.grimoire-instruction{display:none}
 .grimoire-header{padding:0 16px}.grimoire-label{font-size:11px}
 .grimoire-contents{padding:7% 10% 4%}.grimoire-contents-head h2{font-size:24px;margin:3px 0}
 .grimoire-chapters{margin-top:2%;gap:0}.grimoire-chapter-title{font-size:19px}.grimoire-chapters p{font-size:8px}.grimoire-chapter-bottom{min-height:30px}
 #gravityBook .grimoire-chapter-enter{min-height:30px;font-size:11px}
 .realm-artframe{width:100vw;height:56.28vw;top:50%}
 .asgard-tour .realm-artframe,.olympus-council .olympus-artboard{top:50%}
 .asgard-caption{bottom:12%;left:4%}.asgard-caption strong{font-size:26px}
 .asgard-tour-top{inset:5px 3% auto}.asgard-tour-copy{left:4%;bottom:64px;width:44%}
 .asgard-tour-copy h2{font-size:26px;margin:6px 0}.asgard-tour-copy>p{font-size:13px;line-height:1.4;margin:6px 0}
 .asgard-tour-nav{bottom:8px;padding-top:2px}.asgard-tour-copy>em{font-size:8px}.tour-source{font-size:8px}
 .family-caption{bottom:12%;left:5%}.family-caption h2{font-size:25px}.family-caption p{font-size:17px}
 .olympus-inheritance-caption{bottom:8%}.olympus-inheritance-caption strong{font-size:28px}.olympus-inheritance-caption p{font-size:17px;margin:5px 0}
 .grimoire-space-titlegroup h2{font-size:32px}#gravityBook .grimoire-space-rune .grimoire-rune{margin:15px auto;width:40px;height:40px}
}