@media(max-width:700px){
  .topbar{padding:0 14px;font-size:13px}
  .placement-help{font-size:12px;max-width:88vw;white-space:normal;line-height:1.5}
  .panel{padding:18px}
  .points-large{margin-bottom:22px}
  .upgrade-btn{padding:14px 12px}
}
@media(orientation:landscape) and (max-height:520px){
  .panel-card{width:min(720px,94vw)}
  .points-large{font-size:30px;margin-bottom:12px}
  .eyebrow{margin-bottom:10px}
  .upgrade-grid{grid-template-columns:repeat(3,1fr);margin-bottom:12px}
  .upgrade-btn{min-height:58px}
}

@media(max-width:700px){
  .eyebrow{font-size:14px}
  .upgrade-btn .name{font-size:14px}
  .upgrade-btn .meta{font-size:11px}
  .primary-btn{font-size:14px}
  .relocate-btn{font-size:12px}
}

@media(max-width:700px){
  .start-logo-image{width:96vw}
}

@media(max-width:700px){
  .start-link{font-size:12px;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));padding:7px 8px}
  .start-link-left{left:16.666%;transform:translateX(-50%)}
  .start-link-right{left:83.333%;right:auto;transform:translateX(-50%)}
  .start-info-card{width:90vw}
  .start-info-title{font-size:32px;margin-bottom:24px}
  .start-info-copy{font-size:15px;line-height:1.6}
}

@media(max-width:700px){
  .start-link-armaments{left:50%;transform:translateX(-50%)}
  .ring-colour-preview{width:86px}
  .ring-colour-choices{gap:8px;max-width:310px}
  .ring-colour-choice{padding:5px}
  .ring-colour-choice span{width:29px;height:29px;border-width:2px}
  .ring-colour-name{font-size:16px;margin-bottom:20px}
  .armaments-label{font-size:13px;margin-bottom:14px}
  .armaments-note{font-size:10px}
}



@media(max-width:700px){
  .armaments-card{
    width:94vw;
    padding:22px 16px 26px;
  }
  .ring-colour-preview{width:96px}
  .ring-colour-choices{
    gap:9px;
    max-width:320px;
    margin-bottom:22px;
  }
  .ring-colour-choice{padding:5px}
  .ring-colour-choice span{width:30px;height:30px}
  .armaments-card .start-info-return{margin-top:24px}
}

@media(max-width:700px){
  .armaments-card{
    width:94vw;
    padding:28px 16px 30px;
  }
  .armaments-label{
    margin-bottom:20px;
  }
  .ring-colour-preview{
    width:min(46vw,170px);
    border-width:3px;
    margin-bottom:18px;
  }
  .ring-colour-name{
    font-size:19px;
    margin-bottom:12px;
  }
  .hint-desktop{display:none}
  .hint-mobile{display:inline}
  .armaments-card .start-info-return{
    margin-top:30px;
  }
}

@media(max-width:700px){
  .unlock-section-label{margin-top:24px}
  .unlock-choices{
    grid-template-columns:1fr;
    gap:8px;
    width:100%;
  }
  .unlock-card{
    min-height:50px;
    padding:10px 12px;
  }
  .unlock-name{font-size:12px}
  .unlock-note{font-size:8px}
}

@media(max-width:700px){
  .armaments-label{font-size:15px}
  .ring-colour-name{font-size:22px}
  .ring-colour-hint{font-size:12px}
  .unlock-section-label{font-size:12px}
  .unlock-name{font-size:14px}
  .unlock-state{font-size:9px}
  .unlock-note{font-size:9px}
  .armaments-card .start-info-return{font-size:12px}
}


/* Dev 026 — simplify ARMAMENTS header on mobile */
@media (max-width: 900px){
  .armaments-card .ring-colour-preview{
    margin-top: 4px;
  }
  .armaments-card .ring-colour-name{
    margin-top: 18px;
    margin-bottom: 28px;
  }
}



@media(max-width:700px){
  .armament-overlay{padding:10px}
  .armament-overlay-card{width:96vw;padding:18px 14px 14px}
  .armament-overlay-name{font-size:18px;letter-spacing:.14em;margin-right:24px}
  .armament-overlay-graphic{width:min(72vw,240px)}
  .armament-overlay-desc{font-size:11px}
  .armament-stat{padding:7px 8px}
  .armament-stat span{font-size:8px}
  .armament-stat strong{font-size:9px}
  .armament-overlay-hint{font-size:8px}
}

/* Dev 049 — four title links + responsive STAR MAP */
@media(max-width:700px){
  .start-link{font-size:9px;letter-spacing:.10em;padding:7px 3px}
  .start-link-credits{left:12.5%;transform:translateX(-50%)}
  .start-link-armaments{left:37.5%;transform:translateX(-50%)}
  .start-link-starmap{left:62.5%;transform:translateX(-50%)}
  .start-link-how{left:87.5%;transform:translateX(-50%)}

  .star-map-panel{padding:8px}
  .star-map-shell{width:98vw;height:96vh}
  .star-map-header{min-height:66px;padding:9px 12px}
  .star-map-title{font-size:26px}
  .star-map-kicker{display:none}
  .star-map-current{top:auto;bottom:7px;right:50%;transform:translateX(50%);width:100%;text-align:center;font-size:8px}
  .star-map-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
  .star-map-field{min-height:0}
  .star-system-info{
    border-left:0;border-top:1px solid rgba(var(--player-rgb),.20);
    padding:12px 14px 12px;
  }
  .system-info-top{padding-bottom:8px}
  .system-info-name{font-size:18px}
  .system-info-glyph{font-size:25px}
  .system-stat{display:none}
  .system-info-copy{font-size:9px;line-height:1.45;padding:8px 0;margin:0}
  .star-map-actions{margin-top:8px}
  .star-map-action{padding:9px;font-size:10px}
  .system-node{width:56px;height:56px}
  .system-node::before{inset:10px}
  .system-shape{transform:translate(-50%,-50%) scale(.68)}
  .system-name{top:58px;width:92px;font-size:7px;letter-spacing:.08em}
  .map-nebula{filter:blur(26px)}
}

@media(max-width:700px){
  .system-node{width:62px;height:62px}
  .system-node::before{inset:14px}
  .system-orbit{inset:3px}
  .vector-planet{transform:translate(-50%,-50%) scale(.76)}
  .system-name{top:64px;width:96px;font-size:7px;letter-spacing:.10em}
  .map-grid{background-size:70px 70px,70px 70px}
}


/* Dev 059 — compact SWARM / recharge */
@media(max-width:700px){
  .swarm-system{width:min(48vw,210px);top:1px}
  .swarm-row{font-size:inherit;letter-spacing:.16em}
  .weapon-live{font-size:inherit;margin-top:5px;letter-spacing:.16em}
}


/* Dev 081 — full-screen ARMAMENT details on mobile */
@media(max-width:700px){
  .armament-overlay{padding:0}
  .armament-overlay-card{
    width:100%;
    height:100%;
    max-height:none;
    overflow:hidden;
    padding:14px 14px 16px;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(150px,34vh) 1fr auto;
    row-gap:10px;
  }
  .armament-overlay-name{
    grid-column:1;
    grid-row:1;
    font-size:clamp(20px,7vw,30px);
    padding:0 36px;
  }
  .armament-overlay-graphic{
    grid-column:1;
    grid-row:2;
    width:min(58vw,230px);
    max-height:none;
    margin:0 auto;
  }
  .armament-overlay-copy{
    grid-column:1;
    grid-row:3;
    align-self:start;
  }
  .armament-overlay-desc{
    font-size:11px;
    line-height:1.55;
    margin-bottom:10px;
  }
  .armament-overlay-stats{gap:6px}
  .armament-stat{min-height:32px;padding:6px 8px}
  .armament-stat span{font-size:8px}
  .armament-stat strong{font-size:9px}
  .armament-overlay-footer{
    grid-column:1;
    grid-row:4;
    width:100%;
  }
  .armament-overlay-hint{font-size:8px;line-height:1.4;margin-top:7px}
}


/* Dev 082 — simplified ARMAMENT details on mobile */
@media(max-width:700px){
  .armament-overlay-card{
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(150px,38vh) 1fr;
    row-gap:12px;
  }
  .armament-overlay-copy{
    grid-column:1;
    grid-row:3;
    align-self:start;
    max-width:100%;
    text-align:center;
  }
  .armament-overlay-desc{
    font-size:11px;
    line-height:1.6;
    margin:0 auto 18px;
    max-width:92%;
    text-align:left;
  }
  .armament-overlay-action{
    min-width:180px;
    max-width:260px;
    width:auto;
    padding-left:20px;
    padding-right:20px;
  }
}


/* Dev 083 — compact ARMAMENT action row */
@media(max-width:700px){
  .armament-overlay-controls{gap:8px}
  .armament-overlay-controls .primary-btn{
    min-width:0;
    flex:1 1 0;
    padding-left:10px;
    padding-right:10px;
    font-size:10px;
  }
  .armament-overlay-desc{text-align:left}
}


/* Dev 087 — keep ARMAMENT back button smaller on mobile */
@media(max-width:700px){
  .armament-overlay-controls .armament-overlay-back{
    flex:0 0 auto;
    min-width:96px;
    max-width:120px;
  }
}


/* Dev 142 — FIRE control matches SCORE / WAVE HUD type size */
@media(max-width:700px){
  .fire-mute-btn{font-size:13px}
}