:root{--board-light:#ebecd0;--board-dark:#779952}.board-wrap{width:100%;max-width:var(--board-max,none);aspect-ratio:1/1;position:relative}.board-mount{position:absolute;inset:0}.board-wrap .cg-wrap{width:100%;height:100%;border-radius:8px;overflow:hidden}.board-resize{position:absolute;right:0;bottom:0;z-index:5;width:1.25rem;height:1.25rem;cursor:nwse-resize;touch-action:none;opacity:.55;background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(0,0,0,.55) 5px 7px) content-box;padding:4px}.board-resize:focus-visible,.board-resize:hover{opacity:1}.board-wrap cg-board{background:repeating-conic-gradient(var(--board-dark) 0 25%,var(--board-light) 0 50%) 0 0 /25% 25%}.promotion-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45)}.promotion-choices{display:flex;gap:.25rem;padding:.5rem;border-radius:.5rem;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.4)}.promotion-choices piece{display:block;position:static;width:3.5rem;height:3.5rem;background-size:cover;cursor:pointer;border-radius:.25rem}.promotion-choices button:hover piece{background-color:rgba(119,153,82,.35)}