/* Hosting-only adjustments. The supplied standalone original is retained. */
@media(max-width:600px){
  #topbar{padding:12px 14px;gap:12px;font-size:11px;letter-spacing:.08em}
  #topbar .r{font-size:10px;letter-spacing:.03em;max-width:47%;text-align:right;flex-shrink:0}
  #armyLegend{right:14px;top:70px;font-size:10px;letter-spacing:.03em;line-height:1.9}
  #controls{padding:14px 14px 24px}
  #scrubRow{gap:10px;flex-wrap:wrap}
  #scrubRow button{padding:7px 14px;letter-spacing:.08em;white-space:nowrap;flex-shrink:0}
  #timeLabel{min-width:0;flex:1;font-size:11px;letter-spacing:.03em}
  #scrubber{order:4;flex:0 0 100%;min-width:0;margin:9px 0}
  #phaseStrip{margin-top:10px}
  #phaseStrip div{font-size:9px;letter-spacing:0;white-space:nowrap}
  #hint{right:14px;bottom:135px;letter-spacing:.03em;font-size:10px}
  #caption{bottom:170px;padding:0 6%;font-size:14px;line-height:1.8;letter-spacing:.1em}
  #titleCard .sub{font-size:11px;letter-spacing:.16em}
  #titleCard .start{font-size:13px;letter-spacing:.2em}
}