:root{--crosshair-margin:5%}#board-svg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:110;pointer-events:none}.board-container{margin:auto;aspect-ratio:0.9;background-color:#876e59;padding:4%;text-align:initial;touch-action:manipulation;position:relative;box-shadow:rgba(67,71,85,.27) 0 0 .25em,rgba(90,125,188,.05) 0 .25em 1em;border:2px solid #323232;border-radius:3px}.safari-board-container{display:flex;display:-webkit-box}.board-outer-container{position:relative;width:80%}.board-container-placeholder{background-color:grey}.board-container-placeholder .large-river,.board-container-placeholder .visible-square{background-color:#dbd8d8}.board-container-placeholder .piece-image{filter:grayscale(90%)}.board-container-placeholder .coordinates-labels{color:#dbd8d8}a.board-outer-container-link-mask{position:absolute;aspect-ratio:0.9;z-index:150;display:flex;align-items:center;justify-content:center;cursor:pointer;top:0;left:0;width:100%}.rows,.safari-mini-board-container .safari-rows{height:10%}.safari-rows{height:9%;display:inline-block;vertical-align:top}.piece-holder{float:left;position:relative;height:100%;aspect-ratio:1}.piece-holder .piece-image{width:95%;height:95%;margin:2.5%;position:absolute;border-radius:100%;box-shadow:rgba(0,0,0,.24) 0 2px 5px;z-index:100}.piece-holder .piece-image-can-move{cursor:move}.piece-holder .piece-image-moving{z-index:110}.crosshair-square{position:absolute;border:2px solid rgba(10,10,10,.8);width:19%;height:19%;z-index:80;box-sizing:border-box;-webkit-box-sizing:border-box}.crosshair-square-bottom-right{bottom:var(--crosshair-margin);right:var(--crosshair-margin);border-top-width:0;border-left-width:0}.crosshair-square-bottom-left{bottom:var(--crosshair-margin);left:var(--crosshair-margin);border-top-width:0;border-right-width:0}.crosshair-square-top-right{top:var(--crosshair-margin);right:var(--crosshair-margin);border-bottom-width:0;border-left-width:0}.crosshair-square-top-left{top:var(--crosshair-margin);left:var(--crosshair-margin);border-bottom-width:0;border-right-width:0}.safari-board-container .visible-square .crosshair-square-bottom-right,.safari-board-container .visible-square .crosshair-square-top-right{right:calc(var(--crosshair-margin) + 2px)}.safari-board-container .visible-square-last-file .crosshair-square-bottom-right,.safari-board-container .visible-square-last-file .crosshair-square-top-right,.safari-mini-board-container .visible-square-last-file .crosshair-square-bottom-right,.safari-mini-board-container .visible-square-last-file .crosshair-square-top-right{right:var(--crosshair-margin)}.safari-mini-board-container .visible-square .crosshair-square-bottom-right,.safari-mini-board-container .visible-square .crosshair-square-top-right{right:calc(var(--crosshair-margin) + 1px)}.large-river,.visible-square{background-color:#ead1af;height:100%;margin:50%;aspect-ratio:1;border:2px solid rgba(10,10,10,.8);border-right-width:0;border-bottom-width:0;position:absolute;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.large-river{aspect-ratio:8;height:100%}.large-river,.visible-square-last-file{border-right-width:2px}.visible-square-last-row{border-bottom-width:2px}.border-of-the-han,.river-of-the-chu{display:flex;align-items:center;justify-content:center;height:100%;width:48%}.river-of-the-chu{float:left}.border-of-the-han{float:right}.border-of-the-han img,.river-of-the-chu img{opacity:60%;height:70%}.mini-board-container .piece-image{box-shadow:none}.mini-board-container .large-river,.mini-board-container .visible-square{border-width:1px 0 0 1px}.mini-board-container .visible-square-last-row{border-bottom-width:1px}.mini-board-container .large-river,.mini-board-container .visible-square-last-file{border-right-width:1px}.mini-board-container .crosshair-square-bottom-right{border-bottom-width:1px;border-right-width:1px}.mini-board-container .crosshair-square-bottom-left{border-bottom-width:1px;border-left-width:1px}.mini-board-container .crosshair-square-top-right{border-top-width:1px;border-right-width:1px}.mini-board-container .crosshair-square-top-left{border-top-width:1px;border-left-width:1px}.mini-board-overview{display:none;position:absolute;z-index:700;max-width:236px;width:236px;padding:8px}.safari-mini-board-container{height:306px;width:276px}.file-coordinates-bottom,.file-coordinates-top,.rows-coordinates-right{font-size:12px;color:#ead1af;position:absolute;display:flex;align-items:center;justify-content:center}.file-coordinates-bottom{margin-top:100%;margin-left:50%}.file-coordinates-top{margin-top:-25%;margin-left:40%}.rows-coordinates-right{margin-left:65%;width:100%;height:100%}.highlighted-check,.highlighted-checkmate,.highlighted-debug,.highlighted-last-move,.highlighted-move,.legal-move-place-holder,.possible-capture,.selected-piece{position:absolute;border-radius:100%;z-index:10}.highlighted-check,.highlighted-debug,.possible-capture,.selected-piece{width:110%;height:110%;margin:-5%}.highlighted-checkmate,.highlighted-move{width:120%;height:120%;margin:-10%}.legal-move-place-holder{width:75%;height:75%;margin:12.5%;background-color:rgba(0,64,255,.4)}.highlighted-last-move{width:115%;height:115%;margin:-7.5%;border:5px dashed rgba(13,98,7,.7);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.selected-piece{background-color:rgba(40,229,27,.7)}.possible-capture{background-color:#8a2be2}.highlighted-check{background-color:orange}.highlighted-checkmate{background-color:red}.highlighted-move{background-color:rgba(247,247,17,.79)}@media (max-width:1400px){.border-of-the-han,.river-of-the-chu{display:none}}@media (max-width:1000px){.board-outer-container,.board-outer-container-link-mask{width:90%}.safari-mini-board-container{height:612px;width:552px}}