/* Nine equal swatches from a locally generated aerial terrain atlas. */
.board{gap:1px;background:#424b36;border-color:#7e8061;min-width:720px;box-shadow:0 8px 24px #0004}
.board .cell{
    background-image:url('assets/terrain-atlas.png');
    background-size:300% 300%;
    background-position:0 0;
    background-repeat:no-repeat;
    text-shadow:0 1px 3px #000;
}
.board .cell.plain:nth-child(3n){background-position:100% 100%}
.board .cell.wood{background-position:50% 0}
.board .cell.hill{background-position:100% 0}
.board .cell.stream{background-position:0 50%}
.board .cell.river{background-position:0 50%;box-shadow:inset 0 0 0 50px #174e73aa}.board .cell.bridge{background-image:repeating-linear-gradient(90deg,#76502d 0 12%,#ad7b49 13% 25%)}
.board .cell.ditch{background-position:50% 50%}
.board .cell.marsh{background-position:100% 50%}
.board .cell.rock{background-position:0 100%}
.board .cell.village{background-position:50% 100%}
.terrain-symbol{display:none}
.board .cell .troop-squares{background:#122b37c9;border-radius:2px;padding:2px 2px 5px;width:82%;filter:drop-shadow(0 1px 1px #000)}
.board .cell.side1 .troop-squares{background:#4b211bcf}
.board .cell.spent{opacity:1}
.board .cell.spent .troop-squares{opacity:.65}
.board .cell.reachable{box-shadow:inset 0 0 0 2px #c8f9e8,inset 0 0 0 50px #70c4ad4d}
.board .cell.deployment-zone{box-shadow:inset 0 0 0 1px #8fd3eb,inset 0 0 0 50px #397f9b3d}
.board .cell.deployment-zone.reachable{box-shadow:inset 0 0 0 2px #c8f9e8,inset 0 0 0 50px #70c4ad4d}
.board .cell.defender-zone{border-bottom:2px solid #efc766}
.board .cell.objective{box-shadow:inset 0 0 0 2px #ffe19a;color:#fff4cc;font-weight:bold}
.board .cell.selected{outline:2px solid white;z-index:3}
.board .cell.formation-anchor{outline:3px solid #f8ca62;z-index:4}
.board .cell.target{outline:2px solid #ffd27e;z-index:2}
.board .cell .crown,.board .cell .disordered,.board .cell .strength-track{z-index:4;text-shadow:0 1px 2px #000,1px 0 2px #000}
.board .cell .grid-troops{display:flex;align-items:center;justify-content:center;width:83%;height:75%;font:700 9px/1 system-ui;color:#fff;text-shadow:0 1px 2px #000;background:linear-gradient(to right,#287ca9ee var(--fill),#17313b99 var(--fill));border:1px solid #b8e8ff;pointer-events:none}.board .cell.side1 .grid-troops{background:linear-gradient(to right,#a44732ee var(--fill),#421f1c99 var(--fill));border-color:#ffc5a7}.board .cell .grid-leader{display:flex;align-items:center;justify-content:center;width:80%;height:80%;background:#eac76a;color:#3a2913;border:1px solid #ffe9b0;pointer-events:none}.board .cell.footprint-preview{box-shadow:inset 0 0 0 3px #fff4a8;z-index:5}
.board .cell.fortification{overflow:visible;z-index:1}.fort-art{position:absolute;inset:13% -4%;pointer-events:none;filter:drop-shadow(0 2px 2px #000b)}.fort-wooden .fort-art{background:repeating-linear-gradient(90deg,#392313 0 8%,#8a5a2d 9% 17%,#5b371d 18% 23%);border-top:2px solid #b27a43;border-bottom:3px solid #332014;clip-path:polygon(0 18%,5% 0,10% 18%,15% 0,20% 18%,25% 0,30% 18%,35% 0,40% 18%,45% 0,50% 18%,55% 0,60% 18%,65% 0,70% 18%,75% 0,80% 18%,85% 0,90% 18%,95% 0,100% 18%,100% 100%,0 100%)}.fort-stone .fort-art{background:linear-gradient(#777 0 20%,#484b49 21% 47%,#6f706b 48% 73%,#3e403d 74%);border:2px solid #aaa;clip-path:polygon(0 18%,0 0,18% 0,18% 18%,32% 18%,32% 0,50% 0,50% 18%,66% 18%,66% 0,84% 0,84% 18%,100% 18%,100% 100%,0 100%)}.fort-strength{position:absolute;right:-2px;bottom:-3px;z-index:5;min-width:13px;padding:1px;border-radius:8px;background:#161817;color:#ffe4a3;font:700 8px/1.2 system-ui;text-shadow:none}.fortification.breached .fort-art{inset:48% 4% 5%;background:repeating-linear-gradient(25deg,#282421 0 15%,#766657 16% 30%,#3f362e 31% 43%);border:0;clip-path:polygon(0 45%,15% 15%,28% 48%,40% 0,55% 42%,70% 10%,82% 50%,100% 28%,100% 100%,0 100%);filter:grayscale(.35) drop-shadow(0 1px 1px #000)}.fortification.breached .fort-strength{background:#4b2a1d;color:#ffd3a1}.fortification.target .fort-art{filter:drop-shadow(0 0 3px #ffd27e) brightness(1.25)}
.fort-gatehouse .fort-art{inset:2% -5%;background:linear-gradient(90deg,#3b2415 0 12%,#8e6238 13% 24%,#2d1b11 25% 38%,#9a7044 39% 61%,#2d1b11 62% 75%,#8e6238 76% 88%,#3b2415 89%);border:2px solid #c09058;clip-path:polygon(0 22%,18% 22%,18% 0,38% 0,38% 26%,62% 26%,62% 0,82% 0,82% 22%,100% 22%,100% 100%,0 100%)}