.board{--light: #ebd5ad;--dark: #a8774b;position:relative;background:repeating-conic-gradient(var(--dark) 0 25%,var(--light) 0 50%) 0 0 / 25% 25%;border-radius:3px;box-shadow:0 20px 44px -18px #000000e6;-webkit-user-select:none;user-select:none;container-type:inline-size}.board.wood,.theme-swatch.wood{background:url(/images/board-wood.webp) center / 100% 100%;background:image-set(url(/images/board-wood.avif) type("image/avif"),url(/images/board-wood.webp) type("image/webp")) center / 100% 100%}.theme-swatch.wood{background-size:200% 200%}.board-marks,.board-pieces,.board-coords{position:absolute;top:0;right:0;bottom:0;left:0}.mark,.piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%}.piece{background-size:100% 100%;transition:transform .2s ease,opacity .2s ease;will-change:transform;z-index:1}.board.instant .piece{transition:none}.piece.leaving{opacity:0;z-index:0}.piece.dragging{transition:none;z-index:6;cursor:grabbing;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}.board.can-move .piece{cursor:grab}.board-dots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.dot{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background:radial-gradient(circle,rgba(0,0,0,.28) 0 20%,transparent 21%)}.dot.capture{background:radial-gradient(circle,transparent 0 38%,rgba(0,0,0,.28) 39% 50%,transparent 51%)}.promotion{position:absolute;z-index:8;display:flex;flex-direction:column;background:#fff;border-radius:4px;box-shadow:0 8px 24px #0000008c}.promotion-piece{aspect-ratio:1;border:0;background:none center / 90% no-repeat}.promotion-piece:hover{background-color:#d8ead0}.piece.appearing{animation:piece-in .2s ease}@keyframes piece-in{0%{opacity:0}}.coord{position:absolute;font:700 clamp(9px,2.4cqw,14px) / 1 var(--font);pointer-events:none}.coord.rank{left:0;height:12.5%;padding:.6cqw 0 0 .7cqw}.coord.file{bottom:0;width:12.5%;padding:0 .8cqw .5cqw 0;text-align:right}.coord.on-light{color:var(--dark)}.coord.on-dark{color:var(--light)}.board-arrows{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.board-badge{position:absolute;width:5.8%;height:5.8%;z-index:3;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}.board-badge.pop{animation:badge-pop .32s cubic-bezier(.3,1.6,.5,1)}@keyframes badge-pop{0%{transform:scale(.3);opacity:0}}.evalbar{position:relative;overflow:hidden;border-radius:3px;background:#403d39}.evalbar-white{position:absolute;left:0;right:0;bottom:0;background:#fff;transition:height .45s cubic-bezier(.2,.8,.2,1)}.evalbar.flipped .evalbar-white{bottom:auto;top:0}.evalbar-score{position:absolute;left:0;right:0;top:6px;color:#fff;font:700 10px/1 var(--font);text-align:center}.evalbar-score.at-bottom{top:auto;bottom:6px}.evalbar-score.on-white{color:#403d39}.hover-square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;box-shadow:inset 0 0 0 4px #ffffffbf;pointer-events:none}.board-shapes{z-index:4}