:root{--board-light:#ebecd0;--board-dark:#779952}.board-wrap{width:100%;aspect-ratio:1/1;position:relative}.board-wrap .cg-wrap{width:100%;height:100%}.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)}