.command-panel{--command-edge:#a58a535c;--command-paper:#eee0b9;--command-muted:#b7c2ab;color:#e4e4cd}
.command-hero{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:20px;margin-bottom:22px;padding:18px;border:1px solid var(--command-edge);border-radius:9px;background:linear-gradient(130deg,#76614030,#15291e)}
.command-hero h2{margin:4px 0 12px}.command-hero p:last-child{margin-bottom:0}.command-hero-art{min-width:0;background:radial-gradient(ellipse,#b29a4a33,transparent 72%)}
.command-hero-art svg{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 6px #0005)}.command-trade-art{position:relative;padding-bottom:24px}.command-trade-art svg+svg{position:absolute;width:65%;right:-3%;bottom:-10%}
.command-item-art{display:block;width:46px;flex:0 0 46px}.command-item-art svg{display:block;width:100%;height:auto}
.command-badge{display:inline-block;max-width:100%;border:1px solid var(--stance-color,#ab94685c);border-radius:20px;padding:5px 9px;color:var(--stance-color,#ddd0ae);font-size:10px;line-height:1.3}.command-badge.ready{color:#badba4;border-color:#89b476;background:#5b844333}
.command-notice,.trade-pack-preview{padding:13px 15px;background:#526c4930;border:1px solid #98b68455;border-radius:6px}.trade-pack-preview.overweight{background:#8c483d30;border-color:#c7786680;color:#f2c7b3}
.command-empty{padding:20px;border:1px dashed var(--command-edge);border-radius:6px;color:var(--command-muted)}.command-footnote{border-top:1px solid var(--command-edge);padding-top:16px;margin-top:24px!important;font-size:11px!important;color:var(--command-muted)}
.trade-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0 0 24px;gap:9px}.trade-steps li{display:flex;align-items:center;gap:8px;padding:10px 8px;border-bottom:2px solid #69725866;color:#a8b49d;font-size:11px}.trade-steps li>span{display:grid;place-items:center;flex:0 0 22px;height:22px;border:1px solid #81937155;border-radius:50%;font-size:11px}.trade-steps .current{color:#f0d897;border-color:#d5b571}.trade-steps .current>span{background:#bb975833;border-color:#d5b571}.trade-steps .complete{color:#b8cfa9;border-color:#84a06a}
.trade-parties,.trade-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.trade-party-card{min-width:0;border:1px solid var(--command-edge);border-radius:8px;padding:16px;background:#1b302a}.trade-party-card[data-party="partner"]{background:#263127}.trade-party-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-height:58px;border-bottom:1px solid var(--command-edge);padding-bottom:12px;margin-bottom:10px}.trade-party-card h4{font:600 15px Georgia,serif;line-height:1.5;color:var(--command-paper);margin:3px 0 0;overflow-wrap:anywhere}.trade-party-card small{font-size:9px;letter-spacing:.08em;color:var(--command-muted)}
.trade-summary-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #b29b611f;font-size:12px}.trade-summary-row .command-item-art{width:38px}.trade-summary-row>strong{font-size:15px;color:var(--command-paper)}.trade-confirm-status{font-size:11px!important;color:var(--command-muted)}
.trade-nearby-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--command-edge);border-radius:6px;padding:12px 14px;margin:10px 0;background:#293a2c66}.trade-nearby-card small,.trade-edit-row small{display:block;margin-top:5px;font-size:10px;line-height:1.6;color:var(--command-muted)}
.trade-editor{margin:28px 0 16px;padding-top:20px;border-top:1px solid var(--command-edge)}.trade-edit-row{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:9px 12px;min-width:0;padding:13px;border:1px solid #9b986140;border-radius:6px;background:#14261e77}.trade-edit-row:focus-within{border-color:#e4c98a}.trade-edit-row label{font-size:12px}.trade-edit-row .transfer-form{grid-column:1/-1;display:flex;margin:0;gap:8px}.trade-edit-row input{min-width:0;flex:1;width:100%;font-size:15px}.trade-edit-row .transfer-form button{flex:0 0 62px}.trade-editor #trade-draft-status{font-size:11px;color:#dfd1a9}
.guard-command-card{padding:18px;margin:18px 0;border:1px solid var(--command-edge);border-radius:8px;background:linear-gradient(130deg,#29352d,#16291f)}.guard-command-card>header{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--command-edge)}.guard-command-card>header small{font-size:9px;letter-spacing:.08em;color:var(--command-muted)}#guard-orders-panel .guard-command-card h3{font:600 17px Georgia,serif;margin:7px 0 10px;color:var(--command-paper)}.guard-barracks-art svg{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 6px #0004)}
.guard-command-stats{display:flex;flex-wrap:wrap;gap:14px 25px;margin:15px 0}.guard-command-stats span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--command-muted);margin-bottom:6px}.guard-command-stats strong{font-size:12px;color:var(--command-paper)}.guard-unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.guard-unit{display:flex;align-items:center;gap:7px;min-width:0;padding:10px 7px;background:#091b154f;border:1px solid #8f9e6f30;border-radius:5px}.guard-unit .command-item-art{width:30px;flex-basis:30px}.guard-unit>div{min-width:0;flex:1}.guard-unit strong{font-size:11px;overflow-wrap:anywhere}.guard-unit small{display:block;font-size:9px;line-height:1.6;color:var(--command-muted);margin:4px 0}.guard-unit.fallen{opacity:.65}.guard-unit meter{display:block;width:100%;height:7px;border:0}.guard-unit meter::-webkit-meter-bar{background:#102318;border:0;border-radius:3px}.guard-unit meter::-webkit-meter-optimum-value{background:#9aba79}.guard-unit meter::-moz-meter-bar{background:#9aba79}.guard-current-order{font-size:11px!important;color:var(--command-muted)}.guard-order-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}.guard-order-actions button{margin:0;font-size:11px!important;white-space:normal}.command-panel button:focus-visible,.command-panel input:focus-visible{outline:2px solid #f0dba1;outline-offset:3px}
@media(max-width:680px){.command-hero{grid-template-columns:85px minmax(0,1fr);gap:12px;padding:14px}.trade-parties,.trade-edit-grid{grid-template-columns:1fr}.trade-steps{gap:4px}.trade-steps li{font-size:9px;padding:8px 3px;gap:5px}.trade-steps li>span{flex-basis:18px;height:18px}.trade-nearby-card{grid-template-columns:36px minmax(0,1fr);gap:8px}.trade-nearby-card>button{grid-column:1/-1}.guard-unit-grid{grid-template-columns:1fr}.guard-command-card{padding:14px}.guard-command-card>header{grid-template-columns:78px minmax(0,1fr);gap:12px}.guard-unit .command-item-art{width:40px;flex-basis:40px}}