/* 竖屏首页：标题与星球在上方，战机占据中部，人物和出击按钮靠近底部。 */
@media (max-width:900px) and (orientation:portrait) {
  .topbar{padding:calc(16px + env(safe-area-inset-top)) 5% 12px}
  .brand{font-size:clamp(16px,3vw,23px);gap:8px;letter-spacing:4px}
  .brand-star{font-size:clamp(30px,5vw,45px)}
  .topbar .brand small{display:none}
  .top-actions{gap:6px}.sector-label{display:none}
  .icon-button,select{padding:8px;font-size:10px}
  #menu{left:6%;right:6%;top:calc(clamp(96px,12vh,132px) + env(safe-area-inset-top));bottom:calc(64px + env(safe-area-inset-bottom));max-width:none;display:flex;flex-direction:column}
  #menu .eyebrow{font-size:9px;letter-spacing:2px}
  #menu h1{width:43%;font-size:clamp(42px,9vw,74px);line-height:1.04;letter-spacing:3px;margin:18px 0 12px}
  #menu h1>span{display:block}
  #menu h1 em{font-size:clamp(12px,2.3vw,18px);line-height:1.5;letter-spacing:1px;margin-top:12px}
  #menu .intro{display:none}
  #menu .pilot-select{gap:10px;margin-top:auto;margin-bottom:12px}
  #menu .pilot-card{min-width:0;flex:1;padding:8px;gap:10px;min-height:86px}
  #menu .pilot-portrait{width:clamp(62px,12vw,104px);height:clamp(62px,12vw,104px);border-radius:50%;background-size:400% auto;background-position:12% 12%;border:1px solid #a2ffee55}
  #menu .pilot-portrait.girl{background-position:88% 12%}
  #menu .pilot-card b{font-size:clamp(12px,2vw,18px)}#menu .pilot-card small{font-size:9px;white-space:normal;line-height:1.6}
  #menu .menu-actions{gap:8px}#menu .menu-actions button{flex:1;min-width:0;padding:12px 7px;font-size:11px;letter-spacing:.5px}
  #menu .primary span{margin-left:9px}#menu .secondary small{display:none}
  #menu .journey{display:none}
  #ship-caption{left:6%;right:6%;bottom:auto;gap:4px;text-align:center}
  #ship-caption strong{font-size:14px;letter-spacing:2px}
  #ship-caption .tiny,#ship-caption>span:last-of-type{display:none}
  #ship-caption i{display:none}
  #menu-footer{bottom:calc(14px + env(safe-area-inset-bottom));left:6%;right:6%;padding-top:9px;font-size:8px;letter-spacing:.3px}
  #menu-footer>span:first-child{display:none}
  .screen-shade{background:linear-gradient(90deg,#030b1f99,transparent 57%),linear-gradient(0deg,#030b1fe8 8%,transparent 62%)}
}
@media (max-width:900px) and (orientation:portrait) and (max-height:680px) {
  #menu{top:calc(92px + env(safe-area-inset-top));bottom:calc(48px + env(safe-area-inset-bottom))}
  #menu h1{font-size:38px;margin:12px 0}
  #menu h1 em{font-size:13px;margin-top:6px}
  #ship-caption .tiny,#ship-caption>span:last-of-type{display:none}
}