/* createfig製24pxドット絵。文字を残し、意味を色だけに依存させない。 */
.ui-icon { width:24px; height:24px; min-width:24px; flex:none; object-fit:contain; image-rendering:pixelated; vertical-align:middle; }
.icon-text { display:inline-flex; align-items:center; gap:5px; vertical-align:middle; max-width:100%; }
.icon-text > span { min-width:0; }
.stat-value { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.stat-bonuses { display:inline-flex; flex-wrap:wrap; align-items:center; gap:4px 12px; }
.stat-bonuses .icon-text { white-space:nowrap; }
.preparation-resources { display:flex; align-items:center; flex-wrap:wrap; gap:4px 12px; }
.town-facilities button .icon-text, .town-preparation-links button .icon-text { justify-content:center; }
.town-member-hp .icon-text, .expedition-mini-status small .icon-text { font-variant-numeric:tabular-nums; }
.hp-row .hpv { flex-shrink:0; }
.alloc-row .k { min-width:72px; }
@media(max-width:480px) {
  .town-preparation-links button { padding-inline:8px; }
  .town-facilities { flex-wrap:wrap; }
}
/* アイコンを追加した能力値が立ち絵の裏やカード外へ逃げないよう折り返す。 */
.ministats { flex-wrap:wrap; row-gap:4px; }
.unit-card .card-head { flex-wrap:wrap; row-gap:4px; }
.unit-card .card-head .name { flex:0 0 100%; }
.unit-card .card-head .meta { margin-left:0; }
.statgrid { grid-template-columns:repeat(auto-fit,minmax(100px,1fr)); }
.unit-card .ministats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:10px; }
.expedition-stairs .ui-icon { width:48px; height:48px; min-width:48px; }
.hp-row { flex-wrap:wrap; row-gap:4px; }
.hp-row .nm { max-width:100%; }
@media(max-width:480px) {
  .hp-row .nm, .hp-row .eta { flex-basis:100%; }
}