/* Direct alternatives to dragging share the site's existing control skin. */
.scene-controls { display:flex; align-items:center; justify-content:center; gap:4px; }
.scene-controls[hidden] { display:none!important; }
.scene-controls .ui-icon-button { width:44px; min-width:44px; height:44px; min-height:44px; }
.scene-controls svg { width:20px; height:20px; }
.planet-visual { height:auto; }
.planet-canvas-frame { position:relative; height:530px; }
.planet-visual .scene-controls { margin:8px 0 12px; }
.planet-visual .visual-caption { position:static; padding-bottom:12px; }
.sky-control-stack { display:flex; flex-direction:column; align-items:flex-end; gap:10px; min-width:0; }
.sky-map-block .sky-stage canvas { touch-action:pan-y pinch-zoom; }
.sky-map-block .sky-stage canvas[data-touch-navigation="true"] { touch-action:none; }
.sky-pan-controls .sky-touch-toggle { display:none; }
.sky-touch-toggle[aria-pressed="true"] { position:fixed; left:16px; bottom:max(16px,env(safe-area-inset-bottom)); z-index:61; max-width:calc(100vw - 88px); background:var(--ink); border-color:var(--accent); color:var(--accent); }
@media(any-pointer:coarse) { .sky-pan-controls .sky-touch-toggle { display:inline-flex; } }
@media(max-width:760px) {
  .planet-canvas-frame { height:350px; }
  .sky-control-stack { width:100%; align-items:stretch; }
  .sky-pan-controls { justify-content:space-between; }
  .sky-pan-controls .sky-touch-toggle { margin-right:auto; }
}
@media(max-width:420px) {
  .sky-pan-controls { flex-wrap:wrap; justify-content:center; }
  .sky-pan-controls .sky-touch-toggle { flex-basis:100%; margin:0 0 4px; }
}