/* Mobile controls occupy the edges. The island remains the main surface. */
.mobile-only{display:none}#harborBuildings{display:none}#harborClose{display:none}
@media (max-width:700px), (pointer:coarse) and (max-width:1000px){
  .mobile-only{display:block}.desktop-only{display:none}
  header{padding:12px 10px 20px;gap:7px;align-items:flex-start;background:linear-gradient(#0b202bdd,transparent);max-width:100vw}
  .brand{font-size:11px;max-width:62px;letter-spacing:1px;flex-shrink:0}.brand span{display:none}
  .resources{flex:1;justify-content:space-between;gap:4px;padding:8px;border-radius:5px;min-width:0;font-size:6px;letter-spacing:.5px}.resources span{display:flex;flex-direction:column;text-align:center;white-space:nowrap}.resources b{font-size:11px;margin:0}.resources i{display:none}header #light{display:none}
  #quest,.location,#destination,.controls{display:none!important}
  #harborToggle{display:block;position:fixed;top:77px;left:12px;width:auto;padding:10px 13px;font-size:10px;background:#163238e8;z-index:5}
  #mobileViewsToggle{position:fixed;right:10px;top:77px;padding:10px 12px;font-size:10px;z-index:7;background:#163238e8}
  .views{display:none;position:fixed;inset:120px 10px auto auto;width:165px;max-width:165px;padding:9px;background:#10292ef5;z-index:8;border:1px solid #c3a46660;border-radius:5px;flex-direction:column;gap:7px}
  .views.open{display:flex}.views button,.views .docs-link{width:100%;font-size:10px;padding:10px;text-align:left}
  footer{position:fixed;inset:auto 10px 100px auto;transform:none;width:116px;min-width:0;max-width:116px;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:8px;padding:0;border:0;background:none;backdrop-filter:none;box-shadow:none;z-index:5}
  footer .ship-icon{display:none}
  footer>button{flex:none;min-width:0;max-width:116px;width:116px;padding:13px 10px;min-height:49px;font-size:10px;line-height:1.5;border-radius:5px;box-shadow:0 3px 12px #0003;background:#16363ddd}
  footer>button.primary{background:#c7a56b;color:#172a2e}footer>button:disabled{opacity:.72}
  #upgrade{font-size:0}#upgrade::after{content:attr(data-mobile-label);font-size:10px}
  .ship-info{position:fixed;left:12px;bottom:20px;min-width:0;width:calc(100vw - 145px);max-width:245px;padding:10px 12px;background:#102c32d9;border:1px solid #c1a7734d;border-radius:5px;pointer-events:auto}
  .ship-info>small,.ship-info #cargo,.ship-info #armament{display:none}.ship-info h2{font-size:19px;margin:0 0 4px}.ship-info .health{font-size:8px;gap:5px;flex-wrap:wrap}.ship-info .health progress{width:65px}
  #shipInfoToggle{font-size:8px;padding:4px 0 0;background:none;border:0;color:#c7b183;text-align:left}
  .ship-info.expanded #cargo,.ship-info.expanded #armament{display:block;font-size:8px;line-height:1.5;margin:6px 0}
  #harborPanel{display:none;position:fixed;inset:auto 12px 14px;width:auto;max-height:72dvh;overflow:auto;padding:20px;background:#10292efa;backdrop-filter:blur(14px);z-index:11;box-shadow:0 6px 40px #0008}
  #harborPanel.open{display:block}#harborPanel h2{margin:7px 0 16px;font-size:25px}#harborLegacy{display:none}#harborBuildings{display:grid;grid-template-columns:1fr 1fr;gap:8px}#harborBuildings button{font-size:11px;padding:12px 8px;text-align:left}#harborBuildings button span{display:block;font-size:8px;color:#b6c7bf;margin-top:4px}
  #harborClose{display:block;position:absolute;right:10px;top:8px;width:auto;border:0;background:none;font-size:24px;padding:2px 7px}
  #compassUpgrade,#home{margin-top:12px;font-size:10px}
  #buildingPanel{position:fixed;inset:auto 12px 14px;width:auto;max-height:60dvh;padding:20px;background:#10292ffa;z-index:12}#buildingPanel h2{font-size:26px}#buildingPanel p{font-size:11px}#buildingList button{font-size:10px;padding:9px}
  #enemyInfo{position:fixed;top:125px;left:12px;right:138px;transform:none;width:auto;padding:8px 10px;font-size:10px;z-index:3}#enemyInfo span{font-size:8px}
  #toast{position:fixed;top:125px;left:12px;right:12px;transform:none;max-width:none;width:auto;padding:12px 16px;font-size:11px;pointer-events:none;z-index:20;background:#15383aee}
  #devToggle{right:10px;bottom:20px;min-height:35px;padding:8px 12px;font-size:9px}#devPanel{bottom:14px;right:12px;width:calc(100% - 24px);max-height:80dvh;z-index:20}
  .site-pin{font-size:8px;padding:5px 7px;z-index:4}.site-pin.shipyard-pin{border-color:#efd397}
  body:has(#buildingPanel:not([hidden])) footer,body:has(#harborPanel.open) footer{visibility:hidden}
}