/* Approved Option A / Engraved Steel command strip. */
.command-deck.command-strip{padding:8px 10px;background:linear-gradient(120deg,#314d4c,#223d43 65%,#2c4548);border:1px solid #69867d;border-radius:6px;box-shadow:inset 0 1px #d6e1c719,0 4px 12px #071c2440}
.command-deck.command-strip .console-top{display:grid;grid-template-columns:142px 83px minmax(0,1fr) 118px 254px!important;gap:9px;min-height:64px;margin-bottom:7px;align-items:stretch}
.command-strip .console-wallet,.command-strip .console-points,.command-strip .console-upgrades button{border:1px solid #94a88d;border-radius:4px;background:linear-gradient(145deg,#3d5b55,#223d43);box-shadow:inset 0 1px #d6e1c71b,0 2px 2px #061b2440}
.command-strip .console-wallet{padding:4px 10px;display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0}
.command-strip .console-wallet>small:first-child{font:9px var(--mono);letter-spacing:1px;color:#a8c0b4}
.command-strip .console-wallet>span{font:800 30px/30px var(--display);color:#f0d98e;white-space:nowrap;gap:5px}
.command-strip .console-wallet strong{font-weight:800;font-variant-numeric:tabular-nums}
.command-strip .console-wallet .resource-icon{width:16px;height:16px}
.command-strip .console-wallet #income{font:10px/12px var(--mono);color:#b6cfbb}
.command-deck.command-strip .console-points{width:auto;min-width:0;padding:4px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;border-color:#859574;background:linear-gradient(140deg,#40594a,#243f40)}
.command-deck.command-strip .console-points>span{font:800 27px/29px var(--display);color:#e4d6a5;gap:4px;white-space:nowrap}
.command-strip .console-points #upgrade-points{min-width:1ch}
.command-strip .console-points small{font:8px/10px var(--mono);letter-spacing:.5px;color:#ced8bc;white-space:nowrap}
.command-deck.command-strip .console-points.points-available{border-color:#b1ac75;background:linear-gradient(140deg,#606746,#2b4541);box-shadow:inset 0 1px #e3dea52a,0 0 6px #d6c47d1c}
.command-deck.command-strip .console-points.points-available>span{color:#f5dea0}
.command-deck.command-strip .console-upgrades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:stretch;min-width:0}
.command-deck.command-strip .console-upgrades button{position:relative;display:flex;justify-content:center;align-items:center;gap:clamp(8px,2vw,25px);min-width:0;min-height:64px;max-height:none;padding:4px 12px;color:#f2db9d}
.command-strip .command-upgrade-art{display:block;width:94px;height:55px;max-width:48%;object-fit:contain;flex-shrink:1;filter:drop-shadow(0 2px 1px #09242c80)}
.command-deck.command-strip .console-upgrades button>.upgrade-level{display:flex;flex:none;flex-direction:column;align-items:center;gap:6px;overflow:visible;min-width:52px}
.command-deck.command-strip .upgrade-level strong{font:800 29px/28px var(--display);color:#f2db9d;white-space:nowrap;letter-spacing:0}
.command-strip .upgrade-level strong>b{font:inherit}
.command-strip .upgrade-level em{font:600 18px var(--display);color:#aebeb0;font-style:normal}
.command-strip .upgrade-level-lights{display:flex;gap:5px;align-items:center;flex-wrap:wrap;max-width:75px;justify-content:center}
.command-strip .upgrade-level-lights i{width:10px;height:5px;border-radius:2px;background:#173039;border:1px solid #5d7b70}
.command-strip .upgrade-level-lights i.earned{background:#d3c782;border-color:#e3d597;box-shadow:0 0 3px #d9c47d33}
.command-deck.command-strip .upgrade-price{position:absolute;right:6px;bottom:4px;margin:0;padding:0;font:600 11px/12px var(--display);color:#dbc583;white-space:nowrap}
.command-strip .upgrade-price::before{content:'★';font-size:9px;margin-right:2px}
.command-deck.command-strip .console-upgrades button:disabled{opacity:.68}
.command-deck.command-strip .console-upgrades button:not(:disabled):hover{background:linear-gradient(145deg,#526d5b,#2c4e4b);border-color:#dfc68b;box-shadow:inset 0 1px #e2e5c12a}
.command-strip .army-commands{gap:6px;align-items:stretch;grid-row:auto;grid-column:auto}
.command-strip button.army-command{width:56px;height:64px;padding:7px;border-color:#a6b6a0;background:linear-gradient(140deg,#63746a,#1c383d 55%,#193039);box-shadow:inset 0 1px #eef3d140,inset 0 0 0 3px #1a343a,0 2px 2px #071f26}
.command-strip .army-command:before{background:linear-gradient(0deg,#d6b45b50,#c6a15c19);border-color:#dfc17b55}
.command-strip .army-command.defense:before{background:linear-gradient(0deg,#58b5c24f,#76cadb16);border-color:#80cad35f}
.command-strip .army-command svg{width:35px;height:39px;fill:none;stroke:none;margin:auto;filter:drop-shadow(0 2px 1px #0e2932)}
.command-strip button.army-command.active{border-color:rgb(var(--tone));box-shadow:0 0 9px rgba(var(--tone),.4),inset 0 0 7px rgba(var(--tone),.16)}
.command-strip button.army-command:disabled{opacity:.58}
.command-strip .console-field-points{grid-column:auto;grid-row:auto;display:flex;gap:5px;align-items:center;padding:3px 5px;border:1px solid #738f81;border-radius:5px;background:#1a353b;min-width:0;min-height:64px}
.command-strip .reinforcement-button{position:relative;flex:0 0 56px;width:56px;height:56px;padding:0;display:grid;place-items:center;border-color:#a6b69a;border-radius:4px;background:linear-gradient(145deg,#5b7461,#203f40);box-shadow:inset 0 1px #eef3d12a,inset 0 0 0 2px #27483f}
.command-strip .reinforcement-button img{width:52px;height:52px;object-fit:contain;transform:translateY(-3px);filter:drop-shadow(0 2px 1px #08202690)}
.command-strip .reinforcement-button .upgrade-price{right:3px;bottom:2px;text-shadow:0 1px 2px #102a2f,0 0 3px #102a2f;background:#1a353bd9;padding:0 2px;border-radius:2px}
.command-strip .reinforcement-button:disabled{opacity:.68}
.command-strip .force-meter{flex:1;min-width:75px;padding:4px}
.command-strip .force-meter>small{font:8px/12px var(--mono);letter-spacing:.2px;color:#a8c0b4;white-space:nowrap;display:block;margin-bottom:5px}
.command-strip .field-lights{height:auto;min-height:24px;padding:0;grid-template-columns:repeat(var(--field-columns,6),7px);grid-template-rows:none;grid-auto-rows:7px;gap:5px;justify-content:start;align-content:center}
.command-strip .field-light{width:7px;height:7px;background:#112c33;border:1px solid #607c76;box-shadow:inset 0 1px 2px #0008}
.command-strip .field-light.active{background:#c9db99;border-color:#d1e5b6;box-shadow:0 0 5px #c2d79144}
.command-strip .console-field-points .console-capacity{flex:0 0 82px;align-self:stretch;border:0;box-shadow:none;background:none;padding:0;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:0}
.command-strip .console-capacity>span{font:800 25px/29px var(--display);color:#f1df9f;white-space:nowrap}
.command-strip .console-capacity small{font:8px/11px var(--mono);letter-spacing:.5px;color:#b5c9ba;white-space:nowrap}
@media(min-width:1001px) and (max-width:1190px){.command-deck.command-strip .console-top{grid-template-columns:114px 76px minmax(0,1fr) 106px 238px!important;gap:6px}.command-strip button.army-command{width:50px}.command-deck.command-strip .console-upgrades button{gap:6px;padding:4px 8px}.command-strip .command-upgrade-art{width:72px}.command-strip .console-field-points .console-capacity{flex-basis:70px}}
@media(max-width:1000px){.command-deck.command-strip .console-top{grid-template-columns:120px 83px minmax(0,1fr)!important;gap:7px}.command-strip .console-field-points{grid-row:2;grid-column:2/-1}.command-strip .army-commands{grid-row:2;grid-column:1}.command-strip .force-meter{flex:0 1 150px}.command-strip .console-field-points .console-capacity{margin-left:auto}.command-strip .field-lights{grid-template-columns:repeat(10,7px)}.command-deck.command-strip .console-upgrades{grid-column:3;grid-row:1}.command-strip .command-upgrade-art{width:80px}}
@media(max-width:620px){.command-deck.command-strip .console-top{grid-template-columns:1fr 1fr 118px!important}.command-deck.command-strip .console-upgrades{grid-row:2;grid-column:1/3}.command-strip .army-commands{grid-row:2;grid-column:3}.command-strip .console-field-points{grid-row:3;grid-column:1/-1}.command-deck.command-strip .console-upgrades button{padding:4px;gap:4px}.command-strip .command-upgrade-art{width:58px;max-width:45%}.command-deck.command-strip .upgrade-level strong{font-size:25px}.command-strip .upgrade-level em{font-size:15px}.command-deck.command-strip .console-upgrades button>.upgrade-level{min-width:42px}.command-strip .upgrade-level-lights{gap:2px}.command-strip .upgrade-level-lights i{width:7px}.command-strip .console-points{grid-column:2/4}.command-strip .console-wallet{grid-column:1}.command-strip .force-meter{flex:1}}

/* Compact Command A: separated hold controls, labeled boosts and vent insert. */
.command-deck.command-strip .console-top{grid-template-columns:125px 78px 56px 360px minmax(40px,1fr) 56px 300px!important;gap:8px}
.command-deck.command-strip .console-upgrades button{gap:5px;padding:5px 6px;justify-content:center}
.command-strip .command-upgrade-art{width:58px;height:53px;max-width:none}
.command-deck.command-strip .console-upgrades button>.upgrade-level{align-items:flex-start;gap:3px;min-width:0}
.command-strip .boost-label{font:700 16px/17px var(--display);color:#f1e7c6;white-space:nowrap;letter-spacing:.25px}
.command-deck.command-strip .upgrade-level strong{font-size:21px;line-height:22px}
.command-strip .upgrade-level em{font-size:14px}
.command-strip .upgrade-level-lights{gap:3px}
.command-strip .upgrade-level-lights i{height:4px;width:8px}
.command-strip .command-decoration{position:relative;min-width:0;border:1px solid #4e6c67;border-radius:4px;background:linear-gradient(145deg,#213b3c,#142e35);box-shadow:inset 0 1px 4px #081f2990;overflow:hidden;display:grid;place-items:center}
.command-decoration svg{width:100%;height:58px}
.command-decoration:before,.command-decoration:after{content:'';position:absolute;top:5px;width:3px;height:3px;border-radius:50%;background:#8e9b81;box-shadow:0 49px #8e9b81}
.command-decoration:before{left:5px}.command-decoration:after{right:5px}
.command-strip .console-field-points{width:300px;min-height:64px;grid-column:auto;grid-row:auto}
.command-strip .force-meter{min-width:119px;flex:1;padding:5px}
.command-strip .field-lights{grid-template-columns:repeat(10,7px);grid-template-rows:repeat(3,7px);gap:4px;min-height:29px;align-content:center}
.command-strip .console-field-points .console-capacity{flex-basis:87px;margin:0}
.command-strip button.army-command{grid-column:auto;grid-row:auto;width:56px}
@media(min-width:1001px) and (max-width:1190px){.command-deck.command-strip .console-top{grid-template-columns:100px 70px 50px 330px minmax(0,1fr) 50px 288px!important;gap:5px}.command-strip button.army-command{width:50px}.command-strip .console-field-points{width:288px}.command-strip .command-upgrade-art{width:49px}.command-strip .boost-label{font-size:15px}.command-strip .force-meter{min-width:114px}.command-strip .console-field-points .console-capacity{flex-basis:80px}}
@media(max-width:1000px){.command-deck.command-strip .console-top{grid-template-columns:125px 78px 56px minmax(0,1fr)!important}.command-strip .console-wallet{grid-row:1;grid-column:1}.command-deck.command-strip .console-points{grid-row:1;grid-column:2}.command-strip button.army-command.attack{grid-row:1;grid-column:3}.command-deck.command-strip .console-upgrades{grid-row:1;grid-column:4}.command-strip .command-decoration{grid-row:2;grid-column:1/3}.command-strip button.army-command.defense{grid-row:2;grid-column:3;justify-self:end}.command-strip .console-field-points{grid-row:2;grid-column:4;justify-self:start}.command-strip .command-upgrade-art{width:48px}.command-strip .boost-label{font-size:14px}.command-deck.command-strip .console-upgrades button{padding:4px;gap:4px}}
@media(max-width:760px){.command-deck.command-strip .console-top{grid-template-columns:1fr 78px 56px!important}.command-deck.command-strip .console-upgrades{grid-row:2;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.command-strip .command-decoration{display:none}.command-strip button.army-command.defense{grid-row:3;grid-column:1;justify-self:end}.command-strip .console-field-points{grid-row:3;grid-column:2/4;width:300px}.command-strip .console-wallet{grid-column:1}.command-deck.command-strip .console-points{grid-column:2}.command-strip button.army-command.attack{grid-column:3}.command-strip .boost-label{font-size:16px}}
@media(max-width:760px){.command-deck.command-strip .console-top{grid-template-columns:56px minmax(0,1fr) 56px!important;gap:5px}.command-strip .console-wallet{grid-column:1/3}.command-deck.command-strip .console-points{grid-row:1;grid-column:3;min-width:0}.command-strip .console-points small{font-size:6px}.command-strip button.army-command.attack{grid-row:2;grid-column:1}.command-deck.command-strip .console-upgrades{grid-row:2;grid-column:2/4}.command-strip .command-upgrade-art{width:34px;height:42px}.command-strip .boost-label{font-size:12px;letter-spacing:0}.command-deck.command-strip .upgrade-level strong{font-size:19px}.command-strip .upgrade-level em{font-size:12px}.command-strip .upgrade-level-lights{gap:2px}.command-strip .upgrade-level-lights i{width:6px}.command-strip .console-field-points{width:100%;min-width:0;grid-column:2/4}.command-strip .reinforcement-button{flex-basis:42px;width:42px}.command-strip .reinforcement-button img{width:42px;height:48px}.command-strip .force-meter{min-width:98px;padding:1px}.command-strip .force-meter>small{font-size:7px}.command-strip .field-lights{gap:3px;grid-template-columns:repeat(10,6px);grid-template-rows:repeat(3,6px)}.command-strip .field-light{width:6px;height:6px}.command-strip .console-field-points .console-capacity{flex-basis:58px}.command-strip .console-capacity>span{font-size:21px}.command-strip .console-capacity small{font-size:6px}}
/* Keep Boost Units adjacent to Defense, after the decorative insert. */
.command-deck.command-strip .console-top{grid-template-columns:125px 78px 56px 176px minmax(40px,1fr) 176px 56px 300px!important}
.command-deck.command-strip .console-upgrades{display:contents}
.command-strip [data-upgrade="income"]{grid-column:4;grid-row:1}
.command-strip .command-decoration{grid-column:5;grid-row:1}
.command-strip [data-upgrade="training"]{grid-column:6;grid-row:1}
.command-strip button.army-command.defense{grid-column:7;grid-row:1}
.command-strip .console-field-points{grid-column:8;grid-row:1}
@media(min-width:1001px) and (max-width:1190px){.command-deck.command-strip .console-top{grid-template-columns:100px 70px 50px 162px minmax(0,1fr) 162px 50px 288px!important}}
@media(min-width:761px) and (max-width:1000px){.command-deck.command-strip .console-top{grid-template-columns:125px 78px 56px minmax(0,1fr)!important}.command-strip .command-decoration{display:none}.command-strip [data-upgrade="income"]{grid-column:4;grid-row:1}.command-strip [data-upgrade="training"]{grid-column:1/3;grid-row:2}.command-strip button.army-command.defense{grid-column:3;grid-row:2}.command-strip .console-field-points{grid-column:4;grid-row:2}}
@media(max-width:760px){.command-deck.command-strip .console-top{grid-template-columns:56px minmax(0,1fr) 56px!important}.command-strip [data-upgrade="income"]{grid-column:2/4;grid-row:2}.command-strip [data-upgrade="training"]{grid-column:1/3;grid-row:3}.command-strip button.army-command.defense{grid-column:3;grid-row:3}.command-strip .console-field-points{grid-column:1/-1;grid-row:4}}