/* Command follows the Ace Squadron paper / ink / orange menu identity. */
#bridge-console{--paper:#eee5cd;--ink:#171814;--muted:#615b4d;--orange:#d94e16;--line:#aaa18b;color-scheme:light;width:min(1540px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:26px 30px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:0;overflow:auto;font:12px/1.5 Consolas,monospace;box-shadow:0 20px 90px #0009}
#bridge-console::backdrop{background:#101713e8}
#bridge-console [hidden]{display:none!important}
#bridge-console :is(button,select,input){font:inherit;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);min-height:40px;padding:8px 12px;letter-spacing:.025em}
#bridge-console button{cursor:pointer;text-transform:uppercase;transition:background-color 140ms ease,color 140ms ease}
#bridge-console button:hover:not(:disabled){background:#dcd2b9}
#bridge-console button:disabled{opacity:.42;cursor:default}
#bridge-console button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#bridge-console :focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.console-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid var(--ink);padding-bottom:16px}
#bridge-console h2{font:400 clamp(32px,4vw,58px)/1.05 Anton,sans-serif;letter-spacing:0;margin:6px 0 0}
.console-kicker{font-size:10px;letter-spacing:.2em;margin:0;color:var(--muted)}
.console-key-hint{display:block;font-size:10px;color:var(--muted)}
.console-summary{display:flex;gap:44px;padding:16px 0;border-bottom:1px solid var(--line)}
.console-summary>div{display:grid;grid-template-columns:auto auto;column-gap:12px;align-items:baseline}
.console-summary span{text-transform:uppercase;letter-spacing:.1em;font-size:10px}.console-summary strong{font:400 34px/1 Anton,sans-serif;grid-column:2;grid-row:1/3}.console-summary small{color:var(--muted)}
.console-orders{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:15px 0}
.console-selection,.console-order-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.console-selection strong{margin-right:12px;font-weight:400;text-transform:uppercase;font-size:11px}
#bridge-console [data-order=focus],#bridge-console [data-focus-submit],#bridge-console [data-move-form] button{background:#b83e10;color:#fff6e3;border-color:#b83e10}
#bridge-console [data-order=focus][aria-pressed=true]{background:var(--ink);border-color:var(--ink)}
.console-order-entry{border-bottom:1px solid var(--line)}.console-order-entry:has([data-order-status]:empty):has(form[hidden]+form[hidden]){border:0}
.console-order-entry p{margin:0 0 10px;color:#9f330c;min-height:0;font-weight:bold}.console-order-entry p:empty{display:none}
.console-order-entry form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:0 0 14px}.console-order-entry label{display:flex;align-items:center;gap:8px}.console-order-entry input{width:96px}.console-order-entry select{max-width:380px}.console-order-entry form>span{align-self:center;font-size:10px;letter-spacing:.1em}
.console-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;padding-top:8px}.console-content>section{min-width:0}
.console-map-head,.console-roster-head{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:60px}
#bridge-console h3{font:400 24px/1 Anton,sans-serif;text-transform:uppercase;letter-spacing:.03em;margin:0}.console-map-head>span{color:var(--muted);font-size:11px}.console-roster-head label{display:flex;gap:8px;align-items:center;font-size:10px}
#bridge-console canvas{width:100%;display:block;aspect-ratio:1000/620;border:1px solid var(--ink);cursor:crosshair;touch-action:manipulation}
.console-legend{display:flex;flex-wrap:wrap;gap:18px;margin:12px 0;font-size:10px;text-transform:uppercase;color:var(--muted)}.console-legend>span{display:flex;gap:6px;align-items:center}.console-legend svg{width:12px;height:12px;fill:var(--ink)}.console-legend>span:nth-child(2) svg{fill:var(--orange)}
[data-selected-ship]{padding:12px 0;margin:0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
[data-fleet-total]{margin:0 0 8px;font-size:10px;text-transform:uppercase;color:var(--muted)}
.console-table-scroll{overflow:auto;max-height:390px;border-top:1px solid var(--ink)}
#bridge-console table{border-collapse:collapse;width:100%;font-size:10px;font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap}
#bridge-console thead{position:sticky;top:0;z-index:1;background:#e1d7bf}#bridge-console :is(th,td){padding:10px 8px;border-bottom:1px solid #c5bba2}#bridge-console th{font-weight:400}#bridge-console thead th{font-size:9px;text-transform:uppercase;letter-spacing:.03em}
#bridge-console tbody th{padding:0}#bridge-console [data-ship]{border:0;text-align:left;width:100%;min-width:166px;text-transform:none;padding:10px 8px;min-height:54px;background:none;color:inherit;font-size:11px;letter-spacing:0}#bridge-console [data-ship] small{display:block;font-size:9px;color:var(--muted);margin-top:2px}
#bridge-console tbody tr[data-selected=true]{background:#d9cbb0;box-shadow:inset 3px 0 var(--orange)}#bridge-console [data-ship][aria-pressed=true]{background:none;color:var(--ink)}
#bridge-console tr[data-side=enemy] [data-side]{color:#a7330b}#bridge-console tr[data-lost=true]{opacity:.5}
#bridge-console progress{display:block;width:100%;height:3px;margin-top:6px;accent-color:#56624a;border:0;background:#d0c6ad}#bridge-console progress::-webkit-progress-bar{background:#d0c6ad}#bridge-console progress::-webkit-progress-value{background:#56624a}
@media(min-width:1500px){.console-table-scroll{max-height:480px}}
@media(max-width:1050px){.console-content{grid-template-columns:minmax(0,1fr)}#bridge-console canvas{max-height:46vh;object-fit:contain;background:#1b211e}.console-table-scroll{max-height:360px}}
@media(max-width:600px){#bridge-console{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:18px 14px}.console-header{gap:10px;align-items:start}#bridge-console h2{font-size:34px;max-width:240px}.console-kicker{font-size:8px;letter-spacing:.08em}#bridge-console [data-console-close]{font-size:10px;padding:7px}.console-summary{gap:24px}.console-summary>div{column-gap:7px}.console-summary strong{font-size:30px}.console-summary span{font-size:9px}.console-summary small{font-size:9px}.console-order-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:6px}#bridge-console .console-order-actions button{font-size:10px;padding:8px 5px}.console-content{gap:10px}.console-roster-head{flex-wrap:wrap;padding:10px 0}.console-order-entry select{max-width:245px}.console-order-entry input{width:68px}.console-order-entry label{gap:4px}.console-order-entry form{gap:8px}.console-order-entry form>span{width:100%}.console-legend{gap:12px}.console-table-scroll{max-height:380px}}
@media(prefers-reduced-motion:reduce){#bridge-console button{transition:none}}

#bridge-console :is([data-order=focus],[data-focus-submit],[data-move-form] button):hover:not(:disabled){background:#a8370e;color:#fff6e3;border-color:#a8370e}
#bridge-console .console-order-actions button[aria-pressed=true]:hover:not(:disabled){background:#171814;color:#eee5cd;border-color:#171814}