/* Keep the actual 3D stage readable while preserving every existing control. */
@media(max-width:800px) and (min-height:601px){
 .field{height:clamp(360px,52dvh,520px)}
 .field:has(.route-watch-controls:not([hidden])){height:clamp(460px,62dvh,570px)}
}
@media(max-height:600px) and (min-width:600px){
 .field{min-height:310px}
 .mission{padding:6px 10px}.mission small{display:block;font-size:9px;line-height:1.2}
 .mission h2{font-size:14px;line-height:1.25;margin:3px 0}.mission p{font-size:11px;line-height:1.35}
 .motion:has(.route-watch-controls:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;min-height:84px;padding:5px 8px}
 .motion:has(.route-watch-controls:not([hidden])) .motion-copy{grid-column:1;grid-row:1}
 .motion:has(.route-watch-controls:not([hidden])) #sound{grid-column:2;grid-row:1/3;align-self:center;margin:0}
 .route-watch-controls{grid-column:1;grid-row:2;flex-wrap:nowrap;gap:6px}
 #observe-note{flex:1 1 0;min-width:0;max-width:190px;font-size:9px;line-height:1.25}
}