:root{--crosshair-margin:5%}#board-svg{z-index:110;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.board-container{aspect-ratio:.9;text-align:initial;touch-action:manipulation;background-color:#876e59;border:2px solid #323232;border-radius:3px;margin:auto;padding:4%;position:relative;box-shadow:0 0 .25em #43475545,0 .25em 1em #5a7dbc0d}.safari-board-container{display:flex;display:-webkit-box}.board-outer-container{width:80%;position:relative}.board-container-placeholder{background-color:gray}.board-container-placeholder .visible-square,.board-container-placeholder .large-river{background-color:#dbd8d8}.board-container-placeholder .piece-image{filter:grayscale(90%)}.board-container-placeholder .coordinates-labels{color:#dbd8d8}a.board-outer-container-link-mask{aspect-ratio:.9;z-index:150;cursor:pointer;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:0;left:0}.rows{height:10%}.safari-rows{vertical-align:top;height:9%;display:inline-block}.piece-holder{float:left;aspect-ratio:1;height:100%;position:relative}.piece-holder .piece-image{z-index:100;border-radius:100%;width:95%;height:95%;margin:2.5%;position:absolute;box-shadow:0 2px 5px #0000003d}.board-container.colorblind-friendly-black-pieces .piece-image-black{filter:invert()}.board-container.flip-opponent-pieces-black .piece-image-black,.board-container.flip-opponent-pieces-red .piece-image-red{transform:rotate(180deg)}.piece-holder .piece-image-can-move{cursor:move}.piece-holder .piece-image-moving{z-index:110}.crosshair-square{z-index:80;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #0a0a0acc;width:19%;height:19%;position:absolute}.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{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)}.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)}.visible-square,.large-river{aspect-ratio:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#ead1af;border:0 solid #0a0a0acc;border-width:2px 0 0 2px;height:100%;margin:50%;position:absolute}.large-river{aspect-ratio:8;height:100%}.highlight-colored-areas .board-area-river{background-color:#b9dcff}.highlight-colored-areas .board-area-palace{background-color:#c9ebb0}.visible-square-last-file,.large-river{border-right-width:2px}.visible-square-last-row{border-bottom-width:2px}.river-of-the-chu,.border-of-the-han{justify-content:center;align-items:center;width:48%;height:100%;display:flex}.river-of-the-chu{float:left}.border-of-the-han{float:right}.river-of-the-chu img,.border-of-the-han img{opacity:.6;height:70%}.mini-board-container .piece-image{box-shadow:none}.mini-board-container .visible-square,.mini-board-container .large-river{border-width:1px 0 0 1px}.mini-board-container .visible-square-last-row{border-bottom-width:1px}.mini-board-container .visible-square-last-file,.mini-board-container .large-river{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{z-index:700;width:236px;max-width:236px;padding:8px;display:none;position:absolute}.safari-mini-board-container .safari-rows{height:10%}.safari-mini-board-container{width:276px;height:306px}.file-coordinates-top,.file-coordinates-bottom,.rows-coordinates-right{color:#ead1af;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute}.file-coordinates-bottom{margin-top:100%;margin-left:50%}.file-coordinates-top{margin-top:-25%;margin-left:40%}.rows-coordinates-right{width:100%;height:100%;margin-left:65%}.legal-move-place-holder,.selected-piece,.possible-capture,.highlighted-debug,.highlighted-move,.highlighted-check,.highlighted-checkmate,.highlighted-last-move{z-index:10;border-radius:100%;position:absolute}.selected-piece,.possible-capture,.highlighted-debug,.highlighted-check{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%}.highlighted-last-move{width:115%;height:115%;margin:-7.5%}.legal-move-place-holder{background-color:#0040ff66}.selected-piece{background-color:#28e51bb3}.possible-capture{background-color:#8a2be2}.highlighted-check{background-color:orange}.highlighted-checkmate{background-color:red}.highlighted-move{background-color:#f7f711c9}.highlighted-last-move{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:5px dashed #0d6207b3}@media (width<=1400px){.river-of-the-chu,.border-of-the-han{display:none}}@media (width<=1000px){.board-outer-container-link-mask,.board-outer-container{width:90%}.safari-mini-board-container{width:552px;height:612px}}.touch-drag-ghost{-webkit-user-select:none;user-select:none;border-radius:100%;box-shadow:0 4px 10px #0006}