/* Clear decisions and reachable controls, without adding layers over the arena. */
.war-warmup .war-ready-status{margin:14px 0 0;padding-top:12px;border-top:1px solid #b9a98433;font:10px/1.6 var(--mono);color:#e2cdab}
.war-warmup .war-ready-hint{margin:10px 0 0;font:10px/1.6 var(--mono);color:#b9c8da}
.war-warmup [data-war=begin]:disabled{opacity:1;background:#283043;border-color:#5c677d;color:#a6b3c7;cursor:default}
.war-context .context-budget{margin:8px 0 14px;font:11px/1.5 var(--mono);color:#dec598}
.war-context .action-reason{display:block;margin:6px 0 0;font:10px/1.5 var(--mono);color:#e2baa8;letter-spacing:0;text-transform:none;white-space:normal}
.war-context .action-reason[hidden]{display:none}
.war-context .node-actions button:disabled,.war-context .deployment-choices>button:disabled,.war-context .build-choices>button:disabled{opacity:1;color:#8799b3;border-color:#61718a66;background:#131d2d;cursor:default}
.war-context .node-actions button:disabled [data-action-label]{color:#9eabc0}
.war-context .deployment-choices>button,.war-context .build-choices>button{flex-wrap:wrap;row-gap:4px}
.war-context .deployment-choices>button>span,.war-context .build-choices>button>div{flex:1;min-width:0}
.war-context .deployment-choices>button>.action-reason,.war-context .build-choices>button>.action-reason{flex-basis:100%;padding-left:0}
.war-context .deployment-choices em>small,.war-context .build-choices em>small{display:block;margin:3px 0 0;font:7px/1.2 var(--mono);color:#a8b4c7;letter-spacing:.6px}
.war-context .node-actions button:not(:disabled)>.action-reason{color:#a8cabb}
.war-fortify.active{border-color:#e3c592;background:#382f2ded;box-shadow:inset 0 0 0 1px #e3c59255}
.war-stage button:focus-visible{outline:2px solid #f4d6a3;outline-offset:3px}
/* Online boards apply their own compact dimensions. */
.war-stage:not(.online-war-stage) :is(.war-menu,.war-pause){width:44px;min-width:44px;height:44px;min-height:44px}
.war-stage:not(.online-war-stage) :is(.context-top>button,.aim-heading>button){width:44px;min-width:44px;height:44px;min-height:44px;flex-shrink:0}
.war-stage:not(.online-war-stage) :is(.aim-action>button,.aim-status>button,.node-actions>button,.war-warmup .primary,.war-warmup .secondary,.incident-actions>button,.war-lesson button){min-height:44px}
.war-stage:not(.online-war-stage) .aim-heading>div{min-width:0}
.war-stage:not(.online-war-stage) .aim-heading h3{overflow-wrap:anywhere}
.war-stage:not(.online-war-stage) .aim-heading>button{font-size:22px}
.war-stage:not(.online-war-stage) .camera-controls button{min-height:44px}
.war-stage:not(.online-war-stage) .war-overview>div:first-child>button{min-width:44px;min-height:44px;font-size:22px;flex-shrink:0}
.war-stage:not(.online-war-stage) .war-overview>div:first-child>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.war-stage:not(.online-war-stage) .war-warmup{max-height:calc(100% - 110px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.war-stage:not(.online-war-stage) .war-warmup>div{margin-top:15px}
@media(max-width:650px){
 .war-stage:not(.online-war-stage) .war-hud{gap:6px;padding:7px}
 .war-stage:not(.online-war-stage) .heart-readout{width:clamp(84px,27vw,118px);min-width:0}
 .war-stage:not(.online-war-stage) .war-warmup{bottom:calc(140px + env(safe-area-inset-bottom));width:calc(100% - 24px);padding:18px;max-height:calc(100% - 225px)}
 .war-stage:not(.online-war-stage) .war-warmup h2{margin:10px 0;font-size:26px}
 .war-stage:not(.online-war-stage) .war-warmup :is(.primary,.secondary){font-size:9px;letter-spacing:.3px}
 .war-stage:not(.online-war-stage) .war-context .context-top{top:-17px}
 .war-stage:not(.online-war-stage) .war-boss{top:270px}
 .war-stage:not(.online-war-stage) .camera-controls button{font-size:14px}
 .war-stage:not(.online-war-stage) .war-level>button{min-height:32px;font-size:8px}
 .war-stage:not(.online-war-stage) .war-fortify small{font-size:6px}
 .war-stage:not(.online-war-stage) .war-skills{touch-action:pan-x;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
 .war-stage:not(.online-war-stage) .skill-key{min-width:44px;flex-shrink:0}
}
@media(max-height:480px) and (min-width:650px){
 .war-stage:not(.online-war-stage) .war-hud{padding-block:5px}
 .war-stage:not(.online-war-stage) .war-warmup{bottom:18px;width:390px;max-height:calc(100% - 90px);padding:14px 18px}
 .war-stage:not(.online-war-stage) .war-warmup h2{margin:8px 0}
 .war-stage:not(.online-war-stage) .war-warmup>p{font-size:10px;line-height:1.5}
 .war-stage:not(.online-war-stage) .war-warmup .war-ready-status{margin-top:8px;padding-top:8px}
 .war-stage:not(.online-war-stage) .war-warmup>div{margin-top:10px}
 .war-stage:not(.online-war-stage) .war-aim{max-height:calc(100% - 160px);overflow:auto;overscroll-behavior:contain}
 .war-stage:not(.online-war-stage) .war-aim .aim-action{flex-wrap:wrap}
 .war-stage:not(.online-war-stage) .war-aim .aim-action>button{padding-inline:11px}
}