.board{position:relative}.board-annotations{z-index:3;color:#247749;pointer-events:none;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;inset:5px;overflow:visible}.board-annotations line{stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;opacity:.8}.annotation-square{fill:#db962d;fill-opacity:.45}.board .house.piece-draggable{cursor:grab;touch-action:none}.board .house.piece-dragging{cursor:grabbing}.board .house.piece-dragging>.piece{visibility:hidden}.board .house.drag-over{outline:3px solid var(--dast-board-mark,#765e30);outline-offset:-4px}.drag-piece{z-index:1000;width:auto;height:auto;box-shadow:none;pointer-events:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;margin:0;padding:0;line-height:1;display:block;position:fixed;transform:translate(-50%,-50%)}.board-instructions{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.board .king-result{z-index:3;aspect-ratio:1;background:var(--dast-danger,#c7352a);width:32%;color:var(--dast-on-danger,#fffaf5);pointer-events:none;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:50%;place-items:center;display:grid;position:absolute;top:5%;right:5%;box-shadow:0 1px 3px #0005}.board .king-result--win{background:var(--dast-victory,#216c40);color:#fff}.board .king-result--draw{color:#343832;background:#ece8df}.king-result>svg{width:76%;height:76%;display:block}