/* Fixed mobile scene: scrolling browser chrome never changes the render size. */
@media(max-width:760px){
 html,body{height:844px!important;overflow:hidden}
 body[data-layout="wide"] #viewer{display:block!important;height:844px!important;min-height:844px!important;max-height:844px!important;overflow:hidden}
 body[data-layout="wide"] .scene-left{position:absolute!important;top:22px!important;left:22px!important;right:22px!important;inset-block-end:auto!important;transform:none!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important}
 body[data-layout="wide"] .scene-left p{font-size:10px!important;line-height:1.7!important;max-width:460px}
 body[data-layout="wide"] #canvas{position:absolute!important;inset:170px 0 82px!important;width:100%!important;height:auto!important;min-height:0!important}
 body[data-layout="wide"] #poster{position:absolute!important;top:170px!important;left:0!important;width:100%!important;height:592px!important;object-fit:contain}
 body[data-layout="wide"] .scene-right{display:block!important;position:absolute!important;top:auto!important;bottom:78px!important;left:16px!important;right:16px!important;transform:none!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important;text-align:center!important;z-index:6}
 body[data-layout="wide"] .right-copy,body[data-layout="wide"] .desktop-transform{display:none!important}
 body[data-layout="wide"] .correction-controls{margin:0!important;align-items:center!important;gap:5px!important}
 body[data-layout="wide"] .correction-button{display:flex!important;justify-content:center;align-items:center;min-height:44px!important;padding:11px 24px!important;font-size:12px!important}
 body[data-layout="wide"] .correction-button[aria-pressed="true"]{background:#241a12f2!important;color:#f6d7ae!important;border-color:#d5a36d!important}
 body[data-layout="wide"] .correction-controls>span{font-size:8px!important;line-height:1.5!important}
 body[data-layout="wide"] .caption{position:absolute!important;top:auto!important;bottom:12px!important;left:20px!important;right:20px!important;padding:0!important;margin:0!important;font-size:8px!important;z-index:5}
 body[data-layout="wide"] .hint{display:block!important}
 body[data-layout="wide"] #viewer:after{display:none!important}
}

/* Touch gestures over the model belong to OrbitControls. */
 .scene-touch-zone{display:none}
@media(max-width:760px){
 body[data-layout="wide"] #canvas{touch-action:pan-y!important;overscroll-behavior:auto;mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 86%,transparent 100%)}
 body[data-layout="wide"] #canvas canvas{touch-action:pan-y!important;pointer-events:none}
 body[data-layout="wide"] .scene-touch-zone{display:block;position:absolute;inset:8% 11%;z-index:4;touch-action:none;pointer-events:auto;overscroll-behavior:contain}
 body[data-layout="wide"] #viewer::before{content:'';position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(to bottom,transparent,#10100f);z-index:4;pointer-events:none}
 body[data-layout="wide"] .caption{font-size:7px!important;gap:8px!important}
}