#board{grid-template:repeat(8,1fr)/repeat(8,1fr);aspect-ratio:1;background:#edead8;border:4px solid #4f6654}
.square{font:9.7cqw/1 "DejaVu Sans","Apple Symbols","Segoe UI Symbol",serif;color:#1e3027}
.dark{background:#8ba68c}.light{background:#eeeddc}
.square.last{box-shadow:inset 0 0 0 100px #e4bf4944}
.square.selected{outline:3px solid #ad6d21;outline-offset:-3px}
.square.white-piece{color:#fff9df;text-shadow:-1px -1px #364739,1px -1px #364739,-1px 1px #364739,1px 1px #364739}
.square.target:not(.empty):after{width:86%;height:86%;border:3px dashed #375443;background:transparent}
.coord{position:absolute;bottom:2%;right:4%;font:600 1.8cqw/1 sans-serif;color:#334d3d;text-shadow:none}
#promotion{margin:10px 0}#promotion .actions{margin-top:5px}

#board { border-color: #455d7c }
.table #board { box-shadow: 0 4px 0 #394e6b, 0 10px 24px #25334a18 }
.dark { background: #93a9c0 }
.light { background: #e3eaf0 }
.coord { color: #213950 }