:root{--unit: 8vw;--crosshair-radius: .25}#board td div{z-index:0}#player{z-index:1}.crosshair{z-index:2}.neutral{z-index:3}#board td div{aspect-ratio:1/1;width:var(--unit)}#player{width:calc(2 * var(--unit))}.crosshair{width:calc(2 * var(--crosshair-radius) * var(--unit))}.neutral{width:var(--unit)}#board td div{display:grid;place-items:center}.neutral,#player{position:absolute}#player{pointer-events:none;transform-origin:left bottom}#board div:hover .crosshair{opacity:100%}.crosshair{opacity:0%;position:relative;overflow:visible;aspect-ratio:1/1}#board{border-collapse:collapse}#board div{box-sizing:border-box}#board td{padding:0}#board div{border:.01vw solid black;background-color:#d3d3d3}#board div:hover{border:.1vw solid black;background-color:#a9a9a9}#player{fill:orange}.crosshair{fill:none;stroke:red;stroke-width:3%}