
/* V1.2 — terrain enrichments remain inside the same borderless exhibition stage. */
.stage{height:clamp(430px,32vw,520px)}
@media(min-width:1480px){.stage{height:clamp(480px,30vw,550px)}}
@media(max-width:1150px){.toolbar button{padding-inline:8px}.toolbar{flex-wrap:wrap}.view-controls{flex-shrink:0}}
@media(max-width:850px){.explain-controls{flex-basis:100%;border-top:1px solid var(--line);padding-top:3px}.view-controls{border:0}.stage{height:420px}}
@media(max-width:700px){.stage{height:440px}.explain-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;padding:0}.explain-controls button{font-size:12px;min-height:44px}.explain-controls button:nth-child(odd){border-right:1px solid var(--line)}.explain-controls button:nth-child(-n+2){border-bottom:1px solid var(--line)}.view-controls{border-bottom:1px solid var(--line)}.stage-left{max-width:calc(100% - 66px)}#view-caption{font-size:10px;max-width:224px}.overview-info{bottom:94px;max-width:235px}.overview-info>p:last-child{max-width:190px}.stage-inscription{display:none}}
@media(max-height:500px) and (orientation:landscape){.stage{height:360px}.viewer.immersive .toolbar,.viewer:fullscreen .toolbar{display:flex;flex-wrap:nowrap}.viewer.immersive .explain-controls,.viewer:fullscreen .explain-controls{flex:1;display:flex;border:0}.viewer.immersive .explain-controls button,.viewer:fullscreen .explain-controls button{border:0;padding-inline:5px;font-size:10px}.viewer.immersive .explain-controls button svg,.viewer:fullscreen .explain-controls button svg{width:14px}.viewer.immersive .toolbar select,.viewer:fullscreen .toolbar select{max-width:110px}}
