/* Mobil oynanış (hud): style.css'ten sonra yüklenir. Sorgu style.css / mobile-ui.js SHEET_QUERY ile aynı tutulur. */
#status-pop .build-pick { display: none; }
@media (max-width: 760px), (pointer: coarse) and (max-width: 1100px), (max-height: 500px) and (max-width: 1100px) {
  /* Chips are icon + number. Number and unit never split; if "icon + number" is too wide for a cell the
     icon drops to its own line instead of the number breaking. Names stay in aria-label. */
  #top .chips > .chip { white-space: nowrap; overflow-wrap: normal; padding-inline: 1px; line-height: 1.2; }
  #top .chips > .chip .resource-value, #top .chips > .chip small, #top .chips > .chip .status-bit { white-space: nowrap; font-variant-numeric: tabular-nums; }
  /* Builders: "🔨 1/3". The label span is hidden; the button keeps its aria-label and the popover has the details. */
  #top #build-slots-hud .hud-label { display: none; }
  /* Row fill: status chip takes the room the builder label no longer needs. */
  #top .chips > #village-status-hud { grid-column: span 3; }
  #top .chips > #build-slots-hud { grid-column: span 1; }
  /* A free builder is the one folded value worth a glance: keep its chip visible while the HUD is collapsed. */
  #top:not(.hud-expanded) .chips > #build-slots-hud.chip-free { display: revert; }
  /* Era: icon, name and progress only; "· Sonraki Çağ: …" is in the era card one tap away. */
  #top #era-hud > span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  #top #era-hud > span:first-child b { display: none; }
  #top #era-hud small { max-width: 62%; white-space: normal; text-align: right; }
  /* Popover shortcut: a full-width primary action, phones only. */
  #status-pop .build-pick { display: block; width: 100%; min-height: 44px; margin: 0 0 var(--space-2); }
}