/* Touch-only layout fixes; desktop layout and calculations stay unchanged. */
@media (max-width:650px), (max-height:500px) and (pointer:coarse){
  body{height:auto;min-height:100dvh;overflow:auto}
  .layout{display:block;height:auto;min-height:calc(100dvh - 62px)}
  main{height:auto;min-height:calc(100dvh - 62px);overflow:visible}
  .stage{flex:none;height:clamp(260px,45dvh,400px)!important;min-height:260px}
  aside{display:none;position:fixed;z-index:21;top:0;left:0;bottom:0;width:min(300px,85vw);padding:12px 14px max(20px,env(safe-area-inset-bottom));background:#101719;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:15px 0 35px #0008}
  body.controls-open{overflow:hidden}
  body.controls-open aside{display:block}
  #toggle-controls{display:inline-block;min-height:44px}
  #close-controls{display:block;position:sticky;top:0;margin:0 0 8px auto;width:44px;height:44px;padding:0;font-size:27px;line-height:1;background:#101719;z-index:2;border:1px solid var(--line);border-radius:5px}
  body.controls-open #controls-backdrop{display:block;position:fixed;inset:0;z-index:20;background:#0007;border:0;border-radius:0;padding:0;width:100%;height:100%;touch-action:manipulation}
  #close-controls:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
}