.battle-hud { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.local-match-panel { display: grid; gap: 1rem; padding: 1rem; }
.local-match-header { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.local-match-header h2 { margin: .28rem 0 0; font-size: 1.25rem; }
.local-match-header p { margin: .35rem 0 0; color: var(--muted); line-height: 1.55; }
.local-match-actions { display: flex; gap: .55rem; flex-wrap: wrap; justify-content: flex-end; }
.local-match-status { min-height: 1rem; margin: 0; color: var(--muted); font-size: .78rem; }
.local-match-status[data-tone="success"] { color: var(--green); }
.local-match-status[data-tone="warning"] { color: #facc15; }
.local-match-status[data-tone="error"] { color: var(--danger); }
.local-match-lanes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }
.local-lane { display: grid; gap: .65rem; min-width: 0; padding: .8rem; border: 1px solid var(--border); border-radius: .95rem; background: rgba(2,6,23,.4); }
.local-lane header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.local-lane header strong { color: var(--cyan); font-size: .7rem; letter-spacing: .13em; }
.local-lane header span { color: var(--muted); font-size: .6rem; font-weight: 900; letter-spacing: .08em; }
.local-lane.controller-player { border-color: rgba(89,240,168,.42); }
.local-lane.controller-player header span { color: var(--green); }
.local-lane.controller-enemy { border-color: rgba(251,113,133,.42); }
.local-lane.controller-enemy header span { color: var(--danger); }
.lane-score { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.lane-score > div { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .55rem .65rem; border: 1px solid var(--border); border-radius: .75rem; background: rgba(15,23,42,.55); }
.lane-score small { color: var(--muted); font-size: .58rem; letter-spacing: .08em; }
.lane-score b { font-size: 1.25rem; }
.lane-units { display: grid; gap: .2rem; color: var(--muted); font-size: .63rem; }
.local-lane p { margin: 0; color: var(--muted); font-size: .66rem; }
.local-match-section-title { display: flex; align-items: end; justify-content: space-between; gap: .8rem; margin-top: .2rem; }
.local-match-section-title h3 { margin: .2rem 0 0; font-size: 1rem; }
.local-match-section-title small { color: var(--muted); }
.local-match-orders { display: grid; gap: .55rem; }
.order-agent-card { position: relative; display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: .7rem; align-items: center; padding: .6rem; border: 1px solid var(--border); border-radius: .9rem; background: rgba(2,6,23,.38); }
.order-agent-card.has-order { border-color: rgba(57,213,255,.38); background: rgba(57,213,255,.04); }
.order-agent-card > img { width: 54px; height: 64px; border-radius: .65rem; object-fit: cover; }
.order-agent-copy { min-width: 0; display: grid; gap: .22rem; }
.order-agent-copy > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .85rem; }
.order-agent-copy > small { color: var(--muted); font-size: .6rem; letter-spacing: .08em; }
.order-action-row { display: flex; flex-wrap: wrap; gap: .38rem; margin-top: .18rem; }
.order-action-row button { display: inline-flex; align-items: center; gap: .35rem; border: 1px solid var(--border); border-radius: 999px; padding: .38rem .55rem; background: rgba(15,23,42,.72); color: #cbd5e1; cursor: pointer; font-size: .66rem; font-weight: 800; }
.order-action-row button small { color: var(--cyan); font-size: .56rem; }
.order-action-row button:hover:not(:disabled), .order-action-row button.is-active { border-color: rgba(57,213,255,.52); background: rgba(57,213,255,.1); color: var(--text); }
.order-action-row button:disabled { opacity: .35; cursor: not-allowed; }
.clear-agent-order { position: absolute; top: .45rem; right: .45rem; display: grid; place-items: center; width: 1.7rem; height: 1.7rem; border: 1px solid var(--border); border-radius: 50%; background: rgba(2,6,23,.8); color: var(--muted); cursor: pointer; }
.local-match-placeholder { padding: 1rem; border: 1px dashed var(--border); border-radius: .85rem; color: var(--muted); text-align: center; }
.local-match-footer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .65rem; }
.local-match-queue, .local-match-log { display: grid; gap: .32rem; min-width: 0; padding: .75rem; border: 1px solid var(--border); border-radius: .85rem; background: rgba(2,6,23,.36); color: var(--muted); font-size: .68rem; line-height: 1.5; }
.local-match-queue strong, .local-match-log strong, .local-match-log b { color: var(--text); }
.local-match-log > div { display: grid; gap: .3rem; }
@media (max-width: 1100px) {
  .battle-hud { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .battle-hud { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .local-match-header { align-items: stretch; flex-direction: column; }
  .local-match-actions { justify-content: flex-start; }
  .local-match-lanes, .local-match-footer { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .order-agent-card { grid-template-columns: 46px minmax(0, 1fr); }
  .order-agent-card > img { width: 46px; height: 56px; }
}