*{box-sizing:border-box}body{font:16px Georgia;color:#243c31;background:#ddd;margin:0}nav{max-width:760px;margin:20px auto;padding:20px;background:#f8f4e3}nav label{margin:0 15px}button,select{font:14px Arial;padding:8px}a{color:#28563e}.sheet{width:190mm;min-height:255mm;background:white;margin:20px auto;padding:4mm;break-after:page}h1{font-size:25px;margin:0 0 8mm}.board{width:180mm;display:grid;grid-template-columns:repeat(17,1fr);border:1px solid black}.square{aspect-ratio:1;border:.2mm solid #777;font:6px Arial;padding:1px}.square.dark{background:#263c32;color:white}.square.quadrant{background:#e0e7dc}.counters{display:grid;grid-template-columns:repeat(10,10mm);gap:2mm}.counter{width:10mm;height:10mm;border:1px dashed #52604e;text-align:center;font:6px Arial;position:relative}.counter img{display:block;width:8mm;height:8mm;object-fit:contain;margin:auto}.counter b{position:absolute;left:1mm;top:1mm;font-size:6px}.army-1 .counter{background:#e0f0e2}.army-2 .counter{background:#f5e0d0}.army-3 .counter{background:#e6e2f7}@page{size:portrait;margin:8mm}@media print{body{background:white}nav{display:none}.sheet{margin:0;width:190mm;min-height:255mm}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}@media screen and (max-width:750px){.sheet{transform-origin:top left}body{overflow-x:auto}nav{min-width:320px}}