/* Kuiper belt discovery UX - v20261019-kuiper-r1. Only the realistic simulator loads this. */
/* Keep the new entry inside the existing control panel, never over the 3D canvas. */
#ui{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px)}
#outerQuickSlot{flex:1 1 auto;min-width:0;margin:0!important}
#outerQuickSlot #outerBtn{min-height:44px;width:100%;margin:0;font-size:13px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;padding:7px 6px}
.kuiper-action{display:flex;gap:6px;align-items:stretch;margin-top:7px;min-width:0}
#outerBtn .outer-label-short{display:none}
#kuiperHelp{flex:0 0 48px;min-width:48px;min-height:44px;padding:5px;font-size:12px;white-space:nowrap;font-weight:600}
#kuiperHelp[hidden],#kuiperInfo[hidden]{display:none!important}
body.is-kuiper-view #outerBtn .outer-label-long{display:none}
body.is-kuiper-view #outerBtn .outer-label-short{display:inline}
#kuiperInfo{margin-top:7px;padding:9px 11px;background:rgba(35,58,94,.62);border:1px solid rgba(131,176,227,.42);border-radius:9px;color:#e5efff;font-size:12px;line-height:1.62;max-height:min(27vh,180px);overflow-y:auto;overscroll-behavior:contain}
#kuiperInfo p{margin:0 0 6px}
#kuiperInfo .kuiper-caution{color:#d8d5c9}
#kuiperInfo a{color:#bfdeff;display:inline-block;padding:3px 0}
.scale-note-short{display:none}
#beltLabels{position:absolute;inset:0;pointer-events:none;z-index:5}
#beltLabels #blKui{padding:7px 12px;min-width:128px;text-align:center;color:#f1f6ff;font-size:13px;line-height:1.35;font-weight:650;letter-spacing:0;border:1px solid rgba(159,199,250,.62);border-radius:11px;background:rgba(9,24,49,.83);box-shadow:0 2px 12px rgba(3,10,25,.6);text-shadow:0 0 5px #000}
#beltLabels #blKui::after{content:'約30〜50 AU';display:block;font-size:10px;line-height:1.4;font-weight:450;color:#b8d7ff;letter-spacing:0}
/* Tablet and phone: one compact line replaces the tall three-line disclaimer. */
@media(max-width:900px){
  #outerBtn .outer-label-long{display:none}
  #outerBtn .outer-label-short{display:inline}
}
@media(max-width:640px) and (orientation:portrait){
  #ui{max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px)}
  #scaleNote{font-size:11px;line-height:1.45;margin:3px 0 5px}
  #scaleNote .scale-note-long{display:none}
  #scaleNote .scale-note-short{display:inline}
  #outerQuickSlot #outerBtn{font-size:13px;min-height:42px;padding:5px 5px}
  #kuiperHelp{min-height:42px;flex-basis:48px}
  #kuiperInfo{max-height:min(22vh,140px)}
  #beltLabels #blKui{font-size:12px;min-width:120px;padding:6px 8px}
  /* Explanation mode temporarily hides other controls, preserving a usable 3D view. */
  body.is-kuiper-help-open #scaleNote,
  body.is-kuiper-help-open #ui > .row,
  body.is-kuiper-help-open #viewOptions{display:none}
  body.is-focused .kuiper-action{display:none}
  body.is-focused #kuiperInfo{display:none!important}
}
@media(max-height:500px) and (orientation:landscape){
  #ui{max-height:calc(100vh - 69px);max-height:calc(100dvh - 69px)}
  #scaleNote .scale-note-long{display:none}
  #scaleNote .scale-note-short{display:inline}
  #scaleNote{font-size:10px;line-height:1.4;margin:3px 0 4px}
  .kuiper-action{gap:4px;margin-top:4px}
  #outerQuickSlot #outerBtn{min-height:36px;font-size:11px;padding:4px 3px}
  #kuiperHelp{min-width:42px;flex-basis:42px;min-height:36px;font-size:10px}
  #kuiperInfo{font-size:11px;max-height:85px;padding:6px 8px}
  #beltLabels #blKui{font-size:11px;min-width:106px;padding:4px 6px}
  /* Explanation mode temporarily hides other controls, preserving a usable 3D view. */
  body.is-kuiper-help-open #scaleNote,
  body.is-kuiper-help-open #ui > .row,
  body.is-kuiper-help-open #viewOptions{display:none}
  body.is-focused .kuiper-action{display:none}
  body.is-focused #kuiperInfo{display:none!important}
}
@media(max-width:360px) and (orientation:portrait){
  #outerQuickSlot #outerBtn{font-size:12px}
  #kuiperInfo{font-size:11px}
}