/* Context stays small; centring is an explicit action, never a side effect of selection. */
.selection-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}
.selection-heading h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.selection-tools{display:flex;gap:4px;flex:none}
.selection-card .selection-tools button{display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:4px;font-size:19px;line-height:1;border-color:#4a6066;background:#22353b}
.selection-tools svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
#selectionName{overflow-wrap:anywhere}
#selectionState{line-height:1.4}
#selectionOrders:not(:empty){border-left:2px solid #8ab79f;padding-left:7px;margin:6px 0;font-size:10px;line-height:1.4}
#selectionCard.under-fire{border-left:3px solid #e0a268}
#selectionCard.has-downed:not(.under-fire){border-left:3px solid #d8c58c}
#actionReason:empty{display:none}
#actionReason:not(:empty){padding:6px;border-radius:4px;background:#26373b;color:#e6d6b8;font-size:10px}
#commandFeedback[hidden]{display:none!important}
#commandFeedback{position:absolute;left:50%;bottom:82px;transform:translateX(-50%);width:max-content;max-width:min(390px,calc(100vw - 560px));z-index:8;display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border:1px solid #668678;border-radius:7px;background:#17292bf5;box-shadow:0 3px 15px #0005;pointer-events:auto}
#commandFeedback[data-phase="pending"]{border-color:#a79d79}#commandFeedback[data-phase="error"]{border-color:#d6a079}
#commandFeedbackMessage{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
#commandFeedbackMessage strong{font-size:11px;display:block;color:#f1f1df;margin-bottom:2px}
#commandFeedbackMessage span{color:#bdcdc5}
#commandFeedbackDismiss{flex:none;min-height:24px;width:24px;padding:2px;line-height:1;font-size:18px;border:0;background:transparent}
body:has(#lobby:not([hidden])) #commandFeedback,body:has(#overlay:not(.hidden)) #commandFeedback,body:has(#bugReport:not([hidden])) #commandFeedback{display:none}
@media(max-width:760px){#commandFeedback{left:12px;transform:none;bottom:82px;max-width:calc(100vw - 278px)}}
@media(prefers-reduced-motion:reduce){#commandFeedback{scroll-behavior:auto}}
