/* Keep photos and the selectable plan separate when WebGL is unavailable. */
body[data-mode="fallback"]{display:flex;flex-direction:column;min-height:100dvh;gap:12px}
body[data-mode="fallback"] header{position:relative;inset:auto;order:0;flex-shrink:0}
body[data-mode="fallback"] #details{position:relative;inset:auto;order:1;max-width:none;margin:0 10px}
body[data-mode="fallback"] #fallback{position:relative;inset:auto;order:2;margin:0 10px;padding:12px;overflow:visible;min-height:0}
body[data-mode="fallback"] #fallback img{flex:none;width:100%;height:auto;max-height:65vh;object-fit:contain}
body[data-mode="fallback"] #minimap{position:relative;inset:auto;order:3;width:calc(100% - 20px);max-width:520px;margin:0 auto}
body[data-mode="fallback"] #map-content{max-height:none;overflow:visible}
body[data-mode="fallback"] nav{position:relative;inset:auto;order:4;margin:0 10px;flex-wrap:wrap}
body[data-mode="fallback"] .status{position:relative;inset:auto;order:5;margin:0 10px 12px}