@media (min-width:851px) and (orientation:landscape){
 #shell:has(#stage .scene[data-id="9"]) .bottomnav .bookmark-nav--next,
 #shell:has(#stage .scene[data-id="10"]) .bottomnav .bookmark-nav--next,
 #shell:has(#stage .scene[data-id="13"]) .bottomnav .bookmark-nav--next,
 #shell:has(#stage .scene[data-id="14"]) .bottomnav .bookmark-nav--next{left:clamp(42px,7.5vw,108px)!important}
 #shell #stage .scene[data-id="9"] .suspension-model,#shell #stage .scene[data-id="10"] .suspension-model{width:min(106%,540px)!important;height:min(98%,540px)!important}
 #shell #stage .scene[data-id="13"] .tower-caption{max-width:62%!important;white-space:nowrap!important;bottom:80px!important}
}
@media (max-width:900px) and (orientation:landscape){
 #shell #stage .scene[data-id="9"] .suspension-stage,#shell #stage .scene[data-id="10"] .suspension-stage{grid-template-columns:minmax(0,1.6fr) minmax(0,.58fr)!important}
 #shell #stage .scene[data-id="9"] .suspension-side p,#shell #stage .scene[data-id="10"] .suspension-side p,
 #shell #stage .scene[data-id="9"] .principle-copy span,#shell #stage .scene[data-id="10"] .principle-copy span,
 #shell #stage .scene[data-id="9"] .suspension-caption,#shell #stage .scene[data-id="10"] .suspension-caption{display:none!important}
 #shell #stage .scene[data-id="9"] .suspension-side h3,#shell #stage .scene[data-id="10"] .suspension-side h3{font-size:12px!important;margin-bottom:2px!important}
 #shell #stage .scene[data-id="9"] .principle-card,#shell #stage .scene[data-id="10"] .principle-card{grid-template-columns:18px minmax(0,1fr)!important;padding:5px 4px!important}
 #shell #stage .scene[data-id="9"] .principle-num,#shell #stage .scene[data-id="10"] .principle-num{width:16px!important;height:16px!important;font-size:9px!important}
 #shell #stage .scene[data-id="9"] .principle-copy b,#shell #stage .scene[data-id="10"] .principle-copy b{font-size:8px!important;line-height:1.25!important}
 #shell #stage .scene[data-id="13"] .visual{height:calc(100dvh - 155px)!important;min-height:195px!important}
 #shell #stage .scene[data-id="13"] .tower-caption{display:none!important}
 #shell #stage .scene[data-id="13"] .tower-controls{left:5px!important;right:5px!important;bottom:5px!important;padding:4px!important;gap:3px!important}
 #shell #stage .scene[data-id="13"] .tower-controls button{font-size:8px!important;padding:4px 5px!important}
 #shell #stage .scene[data-id="14"] .visual{height:calc(100dvh - 155px)!important;min-height:195px!important}
 #shell #stage .scene[data-id="15"] .visual,#shell #stage .scene[data-id="16"] .visual{height:calc(100dvh - 145px)!important;min-height:200px!important}
 #shell .bottomnav{background:linear-gradient(180deg,transparent 0%,rgba(239,232,215,.96) 35%)!important;padding:3px 0 2px!important}
 #shell[data-palette="night"] .bottomnav{background:linear-gradient(180deg,transparent 0%,rgba(18,31,38,.96) 35%)!important}
 #shell .bottomnav .bookmark-nav--next{left:0!important;min-width:100px!important;max-width:120px!important;padding:4px 7px!important}
}
@media (max-width:850px) and (orientation:portrait){
 #shell #stage .scene[data-id="9"],#shell #stage .scene[data-id="10"],#shell #stage .scene[data-id="13"],#shell #stage .scene[data-id="14"],#shell #stage .scene[data-id="15"],#shell #stage .scene[data-id="16"]{padding-bottom:calc(154px + env(safe-area-inset-bottom,0px))!important}
 #shell #stage .scene[data-id="9"] .suspension-stage,#shell #stage .scene[data-id="10"] .suspension-stage{padding-bottom:148px!important}
 #shell #stage .scene[data-id="13"] .visual{height:min(41vh,390px)!important;min-height:280px!important}
 #shell #stage .scene[data-id="13"] .tower-caption{display:none!important}
 #shell #stage .scene[data-id="14"] .visual{height:52vh!important;min-height:300px!important}
 #shell .bottomnav{background:linear-gradient(180deg,transparent 0%,rgba(240,233,218,.97) 30%)!important;padding:8px 0 calc(7px + env(safe-area-inset-bottom,0px))!important;min-height:58px!important}
 #shell[data-palette="night"] .bottomnav{background:linear-gradient(180deg,transparent 0%,rgba(18,31,38,.97) 30%)!important}
}