/* Compact wax-red command button, revealed beside the mobile sprint pedal. */
.army-command{display:grid;place-items:center;width:50px;height:49px;padding:10px;flex:none;color:#ecd4ad;background:linear-gradient(145deg,#a9594e,#743c36);border:1px solid #d09b75;border-bottom:4px solid #58342d;border-radius:12px;box-shadow:inset 0 1px 0 #f2d0a544,0 2px 4px #12261c33;touch-action:manipulation;transition:transform .15s,background .15s,box-shadow .15s;animation:army-command-in .26s ease-out}
.army-command svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.army-command:hover{filter:brightness(1.08)}.army-command:active{transform:translateY(2px);border-bottom-width:2px}.army-command[aria-pressed=true]{background:linear-gradient(145deg,#c06b58,#934c3e);box-shadow:inset 0 0 0 1px #efd1a7,0 0 0 2px #c8a66e66}.army-command:focus-visible{outline:2px solid #f0d49a;outline-offset:3px}
.army-command-slot{flex:0 0 0;min-width:0;width:0;opacity:0;overflow:hidden;pointer-events:none;transition:flex-basis .26s ease,opacity .2s,transform .26s;transform:translateY(10px)}.army-command-slot.available{flex-basis:58px;width:58px;opacity:1;pointer-events:auto;transform:translateY(0)}.army-command-slot .army-command{margin-left:8px}
@media(max-width:900px){.app>.touch-controls .dash-mobile{min-width:0;flex:1}.app>.touch-controls:has(.army-command-slot.available){gap:0}}
@media(max-width:900px) and (max-height:550px){.army-command-slot.available{flex-basis:50px;width:50px}.army-command{width:42px;height:41px;padding:7px;border-radius:10px}}
@keyframes army-command-in{from{opacity:0;transform:translateY(9px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.army-command,.army-command-slot{animation:none;transition:none}}
.army-command:disabled{opacity:.55;filter:saturate(.6);cursor:default}.desktop-march{display:flex;align-items:center}.desktop-march>.dash{flex:1;min-width:0}.desktop-march .army-command-slot.available{flex-basis:58px}
/* Quiet, single-line economy and army counts, independent of the ranking hit area. */
.estate-strip{position:absolute;z-index:3;top:86px;left:14px;display:flex;gap:9px;align-items:center;padding:3px 5px;color:#d4d2ad;opacity:.72;background:#20372b70;border-radius:5px;pointer-events:none;width:max-content;transform-origin:top left;white-space:nowrap}
.estate-strip[hidden]{display:none}.estate-strip>span{display:flex;align-items:center;gap:3px;min-width:0}.estate-strip svg{width:17px;height:19px;fill:#b8bea02b;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;flex:none}.estate-strip b{font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}.estate-strip .empty{opacity:.4}
@media(max-width:900px){.estate-strip{top:58px;left:12px;gap:6px;padding:3px;}.estate-strip svg{width:15px;height:17px}.estate-strip b{font-size:11px}}
@media(max-width:360px){.estate-strip{gap:3px;left:9px}.estate-strip>span{gap:1px}.estate-strip svg{width:13px}.estate-strip b{font-size:10px}}

/* Desktop pair shares a height, baseline and the mobile pedal finish. */
@media(min-width:901px){
 .desktop-march{--march-size:64px;align-items:stretch}
 .desktop-march>.dash{height:var(--march-size);min-height:var(--march-size);padding:0 10px;gap:8px;justify-content:center;border-radius:11px}
 .desktop-march>.dash strong{font-size:15px;gap:5px}
 .desktop-march>.dash .dash-icon{font-size:25px}
 .desktop-march>.dash kbd{padding:4px 3px;font-size:8px}
 .desktop-march>.dash .dash-multiplier{font-size:11px;padding:2px 3px}
 .desktop-march .army-command-slot{height:var(--march-size);overflow:visible}
 .desktop-march .army-command-slot.available{flex-basis:calc(var(--march-size) + 10px);width:calc(var(--march-size) + 10px)}
 .desktop-march .army-command{width:var(--march-size);height:var(--march-size);margin-left:10px;padding:14px;border:1px solid #d09b75;border-radius:11px;box-shadow:0 3px 0 #58342d,inset 0 1px 0 #f2d0a566}
 .desktop-march .army-command svg{width:32px;height:32px}
 .desktop-march .army-command:active{transform:translateY(2px);box-shadow:0 1px 0 #58342d,inset 0 1px 3px #542d2944}
 .desktop-march .army-command[aria-pressed=true]{box-shadow:0 3px 0 #58342d,inset 0 0 0 1px #efd1a7}
}
@media(min-width:901px) and (max-height:750px){.desktop-march{--march-size:52px}.desktop-march .army-command{padding:10px}.desktop-march .army-command svg{width:29px;height:29px}}