/* Desktop command improvements, Warcipher 1.8. */
.turn-arrow{position:absolute;top:calc(50% - 78px);left:50%;transform:translateX(-50%);width:32px;height:36px;display:grid;place-items:center;color:#78929e;pointer-events:none;font-size:32px;line-height:1}
.turn-arrow[data-direction=right]{color:#b5f2ff;filter:drop-shadow(0 0 8px #61d9ff)}
.turn-arrow[data-direction=left]{color:#ffd494;filter:drop-shadow(0 0 8px #ffb557)}.turn-arrow[data-direction=left]>span{transform:rotate(180deg)}
.turn-arrow[data-direction=neutral]>span{opacity:.3}.turn-switch{animation:arrow-switch .9s ease-out}
@keyframes arrow-switch{50%{filter:brightness(1.7) drop-shadow(0 0 13px currentColor)}}
.target-console{gap:8px;padding:9px 12px;min-height:62px}.target-console>div:first-child{min-width:0}.target-actions{gap:6px}.fire-button{min-width:92px;padding:12px 14px;font-size:12px;letter-spacing:1.5px}.target-actions #queue-move{min-width:96px;padding:12px 9px;font-size:10px;letter-spacing:.7px}.queue-edits{position:absolute;right:8px;bottom:0}.target-actions{position:relative;padding-bottom:3px}.queue-edits:not(.hidden)~button{margin-bottom:12px}
.board-heading-tools{display:flex;gap:10px;align-items:center}.board-focused{grid-template-columns:100px minmax(0,2.8fr) 34px minmax(235px,1fr)}
.board-focused>.friendly .squad-rail{grid-template-columns:repeat(2,minmax(0,1fr));flex-basis:105px;min-height:105px;grid-template-rows:repeat(3,1fr)}
.plan-strip{flex-shrink:0;border-top:1px solid #476270;padding:5px 8px;background:linear-gradient(110deg,#152e3b,#101d24)}
.plan-heading{display:flex;align-items:center;gap:6px;height:23px;font-size:8px;letter-spacing:1px;color:#a4d3e6}.plan-heading>span{margin-right:auto}.plan-heading .text-button{font-size:8px;padding:3px}
.plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.plan-card{display:flex;align-items:center;gap:4px;border:1px solid #456474;min-width:0;padding:4px;background:#0c1b25}
.plan-card>b{font-size:12px;color:#ffcf88}.plan-card>span{font-size:9px;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-card small{display:block;font-size:7px;color:#8dbece;margin-top:3px}.plan-card>div{display:flex;flex-direction:column}.plan-card button{background:transparent;color:#a6cddc;font-size:11px;padding:0 3px;line-height:11px}
.plan-number{position:absolute;right:2px;top:2px;width:15px;height:15px;display:grid;place-items:center;border:1px solid #8cd9f0;border-radius:50%;background:#082331df;color:#d5f4ff;font:bold 10px sans-serif;pointer-events:none;box-shadow:0 0 5px #71d4ff88}
.grid-cell.last-impact{outline:1px solid #ffc37488;outline-offset:-2px}.impact-label{position:absolute;z-index:8;pointer-events:none;transform:translate(-50%,-110%);font-size:13px;letter-spacing:1px;font-weight:bold;padding:6px 10px;border:1px solid #ffca7e88;background:#14222de6;color:#ffe2ad;white-space:nowrap;animation:impact-announcement 3.6s both;text-shadow:0 1px 3px #000}
.impact-label.miss{color:#b9d2dd;border-color:#8ca8b6}.impact-label.blocked{color:#aff0ff;border-color:#83ddff}.impact-label.destruction{left:50%!important;top:24px!important;transform:translateX(-50%);font-size:clamp(11px,1.3vw,18px);border-color:#ffc681;background:linear-gradient(100deg,#452819ea,#14232bef);box-shadow:0 0 20px #ff962555;max-width:98%;white-space:normal;text-align:center}
@keyframes impact-announcement{0%{opacity:0;filter:brightness(2)}12%,75%{opacity:1;filter:brightness(1)}100%{opacity:0}}
.enemy-unit.dead{opacity:.8;filter:grayscale(.55);position:relative;border-color:#915549}.enemy-unit.dead small{font-size:9px;font-weight:bold;letter-spacing:1px;color:#ffb498;border:1px solid #a65f49;padding:2px 3px;background:#3a201bc9}.squad-card.dead .hull-text{color:#ffb69e;font-weight:bold;letter-spacing:1px}
.arena-atmosphere{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;mask-image:radial-gradient(ellipse at center,transparent 57%,#000 82%);opacity:.6}.arena-atmosphere>i{position:absolute;left:var(--x);top:-10%;width:2px;height:2px;border-radius:50%;background:#bcd4e8;animation:arena-drift 9s linear infinite;animation-delay:var(--delay);box-shadow:0 0 3px currentColor}
.arena-atmosphere[data-style=desert]>i{width:20px;height:6px;filter:blur(4px);background:#c49d6d;opacity:.45;animation-duration:13s}.arena-atmosphere[data-style=cryo]>i{width:3px;height:3px;background:#e9fbff;opacity:.8}
.arena-atmosphere[data-style=iron]>i{background:#bcb6a4;opacity:.35;animation-duration:18s}.arena-atmosphere[data-style=ion]>i,.arena-atmosphere[data-style=orbital]>i,.arena-atmosphere[data-style=neon]>i{top:calc(var(--i)*5%);width:10px;height:2px;background:#59d9ff;animation:arena-light 5s ease-in-out infinite;animation-delay:var(--delay)}.arena-atmosphere[data-style=neon]>i{background:#e698ff}
@keyframes arena-drift{to{transform:translate(55px,650px)}}@keyframes arena-light{50%{opacity:.15;box-shadow:0 0 12px currentColor}}
.arena-options{display:flex;gap:10px;align-items:center;font-size:9px}.arena-options label{font-size:9px;letter-spacing:0;text-transform:none;display:flex;align-items:center;gap:5px}.arena-options input{width:auto;margin:0}.arena-options details{position:relative;color:#a4bfcc}.arena-pool{position:absolute;right:0;top:22px;width:200px;padding:12px;display:grid;gap:9px;background:#13252fee;border:1px solid #587585;z-index:9}.arena-options summary{cursor:pointer}.arena-note{font-size:9px!important}.arena-setup-dialog .setup-fields{gap:9px}.arena-setup-dialog label input,.arena-setup-dialog label select{padding:9px;margin-top:4px}.arena-setup-dialog .setup-fields>p{font-size:10px;line-height:1.4}
.archive-list{display:grid;gap:10px;max-height:430px;overflow:auto;margin-top:16px}.archive-card{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #425f6d;background:linear-gradient(120deg,#1d3440,#101d25)}.archive-card img{width:100px;height:58px;object-fit:cover}.archive-card>div{flex:1;min-width:0}.archive-card strong{font-size:13px;color:#efcb93}.archive-card small{display:block;color:#93b1c0;font-size:11px;line-height:1.6;margin-top:4px}
.ladder-grid,.challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:18px 0}.ladder-column,.challenge-card{padding:18px;border:1px solid #426374;background:linear-gradient(135deg,#243c47,#101f29)}.ladder-column h3,.challenge-card h3{color:#f4c987;letter-spacing:1px;font-size:18px}.ladder-column>p,.challenge-card p{font-size:12px;line-height:1.6;color:#a2bdca;margin:10px 0;min-height:58px}.ladder-step{display:block;width:100%;text-align:left;border:1px solid #49616c;background:#11252f;padding:13px;margin-top:9px;color:#bbd1db}.ladder-step small{display:block;font-size:10px;color:#8caab9;margin-top:5px;line-height:1.5}.ladder-step.earned{border-color:#c9a665;background:#443921;color:#ffe0a0}.ladder-rewards{font-size:12px;color:#c5dbbd;line-height:1.7}.challenge-card img{width:calc(100% + 36px);height:122px;margin:-18px -18px 18px;object-fit:cover}.challenge-card .metal-button{width:100%}
.menu-mini{gap:12px;flex-wrap:wrap;max-width:510px}.menu-actions+.menu-pair{margin-top:10px;width:360px;max-width:100%}.settings-dialog{width:min(1100px,calc(100vw - 70px))}.settings-layout{gap:30px}.settings-dialog .setting-row{padding:6px 0}.settings-dialog .setting-row label{font-size:11px}.settings-section .sound-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sound-preview>span{grid-column:1/-1}.settings-section h3{margin-bottom:8px}.debrief-bottom{gap:8px;flex-wrap:wrap}
body.reduced-motion .arena-atmosphere{display:none}body.reduced-motion .turn-switch,body.reduced-motion .impact-label{animation:none}body.reduced-motion .impact-label{opacity:1}
@media(max-height:760px){.arena-grid{gap:7px}.arena-card img{height:81px}.arena-description{min-height:26px!important;margin:6px 0!important}.arena-note{margin-top:4px!important}.arena-setup-dialog .modal-head{margin-bottom:13px}.arena-setup-form{gap:15px!important}.menu-content{top:48%;width:430px}.menu-logo{width:350px}.menu-tagline{margin-bottom:14px}.menu-copy{margin-bottom:15px;font-size:13px}.menu-actions>.metal-button{padding:12px 18px}.menu-mini{margin-top:10px}.settings-dialog{padding:22px}.settings-dialog .modal-head{margin-bottom:12px}}

.board-focus-mode .top-bar{height:40px;min-height:40px}.board-focus-mode .header-logo{height:34px;width:155px}.board-focus-mode .combat-top{height:43px}.board-focus-mode .turn-title{font-size:18px}.board-focus-mode .support-dock{gap:6px;padding:7px 0 5px}.board-focus-mode .weapon{padding:7px 10px;min-height:45px}.board-focus-mode .weapon strong{font-size:12px}.board-focus-mode .weapon small{font-size:8px;margin-top:3px}.board-focus-mode .weapon svg{width:21px;height:21px}.board-focus-mode .combat-footer{height:18px}.board-focused .friendly .plan-cards{grid-template-columns:1fr}.board-focused .friendly .plan-card>div{flex-direction:row}.board-focused .friendly .plan-card{min-height:28px}.board-focused .friendly .plan-card small{display:inline;margin-left:5px}.board-focused .friendly .plan-heading{font-size:7px}.board-focused .friendly .board-heading{padding:0 10px;letter-spacing:.8px}.board-focused .friendly .board-footer{font-size:8px;padding:0 8px;letter-spacing:.5px}.replay-mode.board-focus-mode .top-bar{height:61px}.replay-mode .plan-strip{display:none}

.battle-layout>.comms-hub.results-comms{position:fixed;right:22px;bottom:18px;left:auto;top:auto;align-self:auto}.results-comms .turn-arrow{display:none}.challenge-mode .enemy-unit{flex:0 0 85px;max-height:85px}.challenge-mode .charge-track{display:none}

/* Give every command its own hit area: Change/Cancel must never cover Queue. */
.target-actions{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 6px;padding-bottom:0}.target-actions .queue-edits{position:static;grid-column:1 / -1;justify-self:end;justify-content:flex-end;gap:8px}.target-actions .queue-edits .text-button{padding:4px 5px}