/* Loaded last: readable gameplay text and touch targets at every breakpoint. */
.button,.home-tabs button,.scenario,.command,.quick-controls button{min-height:44px;min-width:44px}
.upgrade-card .button,.battle-title .button,.network-error .button,.brand{min-height:44px}
.prototype-notes summary{display:flex;align-items:center;min-height:44px;cursor:pointer}
.prototype-notes summary::before{content:'+';font-size:18px;color:var(--gold);margin-right:10px}
.prototype-notes[open] summary::before{content:'−'}
.facts,.scenario small,.loadout p,.loadout h3 span,.prototype-notes,.objectives li b,.objectives li small,.survival-line,.field-guide p,.legend,.field-instruction,.field-foot,.command small,.target-panel p,.combat-log ul,.result p,.network-error,.toast,.realm-collect small,.upgrade-copy p,.upgrade-copy small,.jobs,.dragon-feature p,.dragon-rules{font-size:12px;line-height:1.65}
.quiet,.verify-status{font-size:12px!important;line-height:1.65!important}
.metrics small,.field-top,.cost small,.section-line>span,.section-line.small>span,.resource-hud small{font-size:11px;line-height:1.5}
.cost small{letter-spacing:0}
.button,.upgrade-card .button{font-size:12px}
.realm-collect .eyebrow{font-size:11px;letter-spacing:1px}
.resource-hud{font-size:12px}
.loadout .eyebrow{font-size:10px;letter-spacing:1px}
.home-tabs button{font-size:13px}
.upgrade-copy h3 span{font-size:12px;line-height:1.5}
.unit-buttons .command small{font-size:12px;min-height:0}
.unit-buttons .cost small{font-size:11px}
.quick-controls button small{font-size:11px;line-height:1.4}
.command small,.cost small{white-space:normal}
.field-top{letter-spacing:.6px}
.command{gap:9px}
.cost{flex-shrink:0}
footer{font-size:11px;letter-spacing:.3px;line-height:1.6}
.header-right{flex-wrap:wrap;justify-content:flex-end}
.network-error .button{font-size:12px;min-height:44px;flex-shrink:0}
.network-error{padding:12px 16px}
@media(max-width:1100px){
  .upgrade-card .button{font-size:12px;min-height:44px}
  .battle-layout{gap:16px}
}
@media(max-width:720px){
  .header{height:auto;min-height:82px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;gap:12px}
  .header-right{margin-left:auto}
  .resource-hud{font-size:12px;gap:14px}
  .resource-hud small{display:inline;font-size:11px;margin-left:4px}
  .brand small{font-size:8px;letter-spacing:2px}
  .battle-title{align-items:flex-start;gap:10px}
  .battle-title .button{min-height:44px;font-size:12px}
  .battle-title .eyebrow{font-size:10px;line-height:1.6}
  .metrics{gap:10px;padding:14px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .metrics small{font-size:11px;letter-spacing:.4px}
  .metrics strong{font-size:24px}
  .metric-max{font-size:13px}
  .energy-track{width:100px;max-width:90%}
  .section-line>span,.section-line.small>span{font-size:11px;letter-spacing:.4px;text-align:right}
  .facts{flex-wrap:wrap;gap:12px 20px;font-size:12px}
  .facts span{font-size:12px}
  .scenario small{font-size:12px}
  .realm-collect{align-items:flex-start;flex-wrap:wrap;gap:12px}
  .realm-collect .eyebrow{font-size:11px;letter-spacing:.4px}
  .realm-collect small{font-size:12px}
  .upgrade-card{flex-wrap:wrap;align-items:flex-start;padding:16px;gap:12px}
  .upgrade-copy{min-width:170px}
  .upgrade-copy h3{line-height:1.4}
  .upgrade-copy p,.upgrade-copy small{font-size:12px}
  .upgrade-card .button{margin-left:auto;font-size:12px}
  .unit-buttons .command{min-height:151px;padding:12px 6px}
  .unit-buttons .command small{font-size:12px;line-height:1.4}
  .unit-buttons .cost small{font-size:11px;display:block;margin-left:0}
  .quick-controls button{min-height:62px}
  .quick-controls button small{font-size:11px}
  .field-instruction,.field-foot{font-size:12px;line-height:1.6}
  .prototype-notes{font-size:12px}
  .network-error{top:0;flex-wrap:wrap;font-size:12px;gap:10px}
  .network-error .button{font-size:12px;min-height:44px}
  footer{font-size:11px;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}