/* ORBIT//HOP responsive overrides: keep critical controls reachable on short/narrow screens. */
#startOverlay{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
#startOverlay .start-card{max-height:calc(100% - 10px);overflow-y:auto;scrollbar-width:thin}
#startOverlay .pixel-btn{margin:8px auto 0}

@media(max-width:760px){
  #startOverlay{padding:7px;place-items:center}
  #startOverlay .start-card{width:min(96%,560px);padding:13px}
  #startOverlay .start-card h2{margin-bottom:6px}
  #startOverlay .start-card p{margin:5px auto;line-height:1.38}
  #startOverlay .orbit-demo{margin:7px auto}
  #startOverlay .pixel-btn{min-height:44px}
}

@media(max-width:420px){
  #startOverlay{padding:5px;place-items:start center}
  #startOverlay .start-card{width:100%;max-height:100%;padding:9px;margin:auto 0;border-width:3px;box-shadow:4px 4px 0 var(--void)}
  #startOverlay .overlay-kicker{font-size:7px;margin-bottom:3px}
  #startOverlay .start-card h2{font-size:17px;margin:0 0 4px}
  #startOverlay .start-card p{font-size:8px;line-height:1.26;margin:4px auto}
  #startOverlay .orbit-demo{margin:5px auto;gap:4px}
  #startOverlay .demo-planet{width:24px;height:24px;border-width:3px;box-shadow:0 0 0 4px rgba(52,66,38,.2)}
  #startOverlay .demo-target{width:20px;height:20px;border-width:2px}
  #startOverlay .demo-astro{font-size:17px}
  #startOverlay .pixel-btn{width:100%;min-height:40px;margin:4px auto 2px;padding:7px 12px}
  #startOverlay .tiny-rule{font-size:7px;line-height:1.22;margin-top:3px}
}

@media(max-width:340px){
  #startOverlay .orbit-demo{display:none}
  #startOverlay .tiny-rule{display:none}
  #startOverlay .start-card p{font-size:7.5px}
  #startOverlay .pixel-btn{min-height:38px}
}

@media(orientation:landscape) and (max-height:520px){
  #startOverlay{padding:4px}
  #startOverlay .start-card{max-height:100%;padding:8px}
  #startOverlay .overlay-kicker{margin-bottom:2px}
  #startOverlay .start-card h2{font-size:16px;margin-bottom:3px}
  #startOverlay .start-card p{font-size:8px;line-height:1.2;margin:3px auto}
  #startOverlay .orbit-demo{display:none}
  #startOverlay .pixel-btn{min-height:36px;margin-top:3px}
}