
.ai-intro-x,.aih-card-x,.bochk-x{min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;}
.hud-fu-done{width:auto;height:auto;min-width:32px;min-height:32px;padding:4px 10px;white-space:nowrap;}
.undo-line{font-size:12px;color:var(--text2);padding:4px 0;}
.tas-pill{font-size:11px;color:var(--text3);margin:6px 0 10px;line-height:1.5;}
.tas-pill a{color:var(--blue);}
@media(max-width:768px){
  #terr-map{height:65vh !important;}
  .ai-intro-x,.aih-card-x,.hud-fu-done{min-width:44px;min-height:44px;}
  /* C142: the first phone screen is mostly map - the subtitle folds (the D4
     mobile-trim pattern), the drawing row packs to two rows, and the chip bar
     scrolls in one row instead of wrapping. Tap floors untouched (44 px). */
  #view-territory .pg-hdr p{display:none;}
  #view-territory .pg-hdr{margin-bottom:4px;}
  #view-territory .pg-hdr h1{font-size:19px;}
  #view-territory .back{display:none;}/* the duplicate back: #mobile-back stays the phone's one back control (touch-11 ships this app-wide in W5.2; this scoped rule is superseded then) */
  #terr-toolbar{gap:6px !important;margin-bottom:6px !important;flex-wrap:nowrap !important;overflow-x:auto;padding-bottom:2px;background:linear-gradient(270deg,rgba(0,0,0,.38),transparent) right/20px 100% no-repeat;}/* one scrolling rail, the C135 fade cue */
  #terr-toolbar .btn{font-size:11px;padding-left:8px;padding-right:8px;flex:none;}
  #terr-states-dd{position:fixed !important;left:8px !important;right:8px;top:140px !important;width:auto !important;}/* the dropdown escapes the scrolling rail (an absolute child would clip against overflow-x) */
  #view-territory #terr-status{font-size:11px !important;}
  #terr-status-row{margin-bottom:4px !important;}
  #terr-result .btn{font-size:11px;padding-left:10px;padding-right:10px;}
  #terr-terrs-row{flex-wrap:nowrap !important;overflow-x:auto;padding-bottom:2px;margin-bottom:6px !important;background:linear-gradient(270deg,rgba(0,0,0,.38),transparent) right/20px 100% no-repeat;}
  #terr-terrs-bar{flex-wrap:nowrap !important;}
  #terr-terrs-bar > span{flex:none;white-space:nowrap;}
  #terr-terrs-label{flex:none;white-space:nowrap;}
  #terr-terrs-row .btn{white-space:nowrap;}
}
