.senterej-square[data-piece-type="king"],.hero-mini-square[data-piece-type="king"]{--piece-sculpture:url("/assets/pieces/3d/king.svg");--piece-sculpture-width:93%;--piece-sculpture-height:124%;--piece-sculpture-y:18%}
.senterej-square[data-piece-type="fers"],.hero-mini-square[data-piece-type="fers"]{--piece-sculpture:url("/assets/pieces/3d/fers.svg");--piece-sculpture-width:90%;--piece-sculpture-height:120%;--piece-sculpture-y:19%}
.senterej-square[data-piece-type="saba"],.hero-mini-square[data-piece-type="saba"]{--piece-sculpture:url("/assets/pieces/3d/saba.svg");--piece-sculpture-width:108%;--piece-sculpture-height:124%;--piece-sculpture-y:18%}
.senterej-square[data-piece-type="ferese"],.hero-mini-square[data-piece-type="ferese"]{--piece-sculpture:url("/assets/pieces/3d/ferese.svg");--piece-sculpture-width:99%;--piece-sculpture-height:122%;--piece-sculpture-y:19%}
.senterej-square[data-piece-type="der"],.hero-mini-square[data-piece-type="der"]{--piece-sculpture:url("/assets/pieces/3d/der.svg");--piece-sculpture-width:96%;--piece-sculpture-height:124%;--piece-sculpture-y:18%}
.senterej-square[data-piece-type="medeq"],.hero-mini-square[data-piece-type="medeq"]{--piece-sculpture:url("/assets/pieces/3d/medeq.svg");--piece-sculpture-width:76%;--piece-sculpture-height:105%;--piece-sculpture-y:24%}
.senterej-square[data-piece-type][data-piece-color]>.senterej-piece,.hero-mini-square[data-piece-type][data-piece-color]>.senterej-piece{opacity:0!important}
.senterej-square[data-piece-type][data-piece-color]::after{content:"";position:absolute;top:50%;left:50%;z-index:7;width:var(--piece-sculpture-width,92%);height:var(--piece-sculpture-height,120%);pointer-events:none;background:var(--piece-sculpture) center bottom/contain no-repeat;opacity:1;transform:translate(-50%,calc(-50% + var(--piece-sculpture-y,18%))) translateZ(var(--piece-z)) rotateX(calc(-1 * var(--board-tilt))) scale(var(--piece-scale));transform-origin:50% 86%;filter:drop-shadow(0 18px 9px rgba(0,0,0,.66)) drop-shadow(-2px -2px 1px rgba(255,240,168,.18));transition:transform .22s ease,filter .22s ease;animation:none!important}
.senterej-square[data-piece-color="black"]::after{filter:brightness(.42) sepia(1) saturate(1.65) hue-rotate(354deg) contrast(1.35) drop-shadow(0 18px 9px rgba(0,0,0,.72)) drop-shadow(-2px -2px 1px rgba(240,201,106,.34))}
.senterej-square.is-selected[data-piece-type][data-piece-color]::after,.senterej-square:hover:not(.is-disabled)[data-piece-type][data-piece-color]::after{transform:translate(-50%,calc(-50% + var(--piece-sculpture-y,18%) - 8%)) translateZ(calc(var(--piece-z) + 14px)) rotateX(calc(-1 * var(--board-tilt))) scale(1.04);filter:drop-shadow(0 0 14px rgba(240,201,106,.72)) drop-shadow(0 20px 10px rgba(0,0,0,.7))}
.senterej-square.is-selected[data-piece-color="black"]::after,.senterej-square:hover:not(.is-disabled)[data-piece-color="black"]::after{filter:brightness(.46) sepia(1) saturate(1.72) hue-rotate(354deg) contrast(1.38) drop-shadow(0 0 14px rgba(240,201,106,.68)) drop-shadow(0 20px 10px rgba(0,0,0,.72))}
.hero-mini-square[data-piece-type][data-piece-color]::after{content:"";position:absolute;top:50%;left:50%;z-index:7;width:var(--piece-sculpture-width,92%);height:var(--piece-sculpture-height,120%);pointer-events:none;background:var(--piece-sculpture) center bottom/contain no-repeat;transform:translate(-50%,calc(-50% + var(--piece-sculpture-y,18%))) translateZ(52px) rotateX(-54deg) scale(.96);transform-origin:50% 86%;filter:drop-shadow(0 16px 8px rgba(0,0,0,.64)) drop-shadow(-2px -2px 1px rgba(255,240,168,.18))}
.hero-mini-square[data-piece-color="black"]::after{filter:brightness(.42) sepia(1) saturate(1.65) hue-rotate(354deg) contrast(1.35) drop-shadow(0 16px 8px rgba(0,0,0,.72)) drop-shadow(-2px -2px 1px rgba(240,201,106,.34))}
.senterej-board-shell[data-view="2d"] .senterej-square[data-piece-type][data-piece-color]::after{width:min(var(--piece-sculpture-width,82%),88%);height:min(var(--piece-sculpture-height,92%),96%);transform:translate(-50%,-50%);filter:drop-shadow(0 8px 5px rgba(0,0,0,.54))}
.senterej-board-shell[data-view="2d"] .senterej-square[data-piece-color="black"]::after{filter:brightness(.42) sepia(1) saturate(1.65) hue-rotate(354deg) contrast(1.35) drop-shadow(0 8px 5px rgba(0,0,0,.58))}
.senterej-piece--captured{background:center/contain no-repeat}.senterej-piece--captured.senterej-piece--king{background-image:url("/assets/pieces/3d/king.svg")}.senterej-piece--captured.senterej-piece--fers{background-image:url("/assets/pieces/3d/fers.svg")}.senterej-piece--captured.senterej-piece--saba{background-image:url("/assets/pieces/3d/saba.svg")}.senterej-piece--captured.senterej-piece--ferese{background-image:url("/assets/pieces/3d/ferese.svg")}.senterej-piece--captured.senterej-piece--der{background-image:url("/assets/pieces/3d/der.svg")}.senterej-piece--captured.senterej-piece--medeq{background-image:url("/assets/pieces/3d/medeq.svg")}.senterej-piece--captured>*{opacity:0}.senterej-piece--captured.senterej-piece--black{filter:brightness(.42) sepia(1) saturate(1.65) hue-rotate(354deg) contrast(1.35) drop-shadow(0 2px 3px rgba(0,0,0,.55))}

.senterej-square:has(>.senterej-piece--king),.hero-mini-square:has(>.senterej-piece--king){--piece-sculpture:url("/assets/pieces/3d/king.svg");--piece-sculpture-width:93%;--piece-sculpture-height:124%;--piece-sculpture-y:18%}
.senterej-square:has(>.senterej-piece--fers),.hero-mini-square:has(>.senterej-piece--fers){--piece-sculpture:url("/assets/pieces/3d/fers.svg");--piece-sculpture-width:90%;--piece-sculpture-height:120%;--piece-sculpture-y:19%}
.senterej-square:has(>.senterej-piece--saba),.hero-mini-square:has(>.senterej-piece--saba){--piece-sculpture:url("/assets/pieces/3d/saba.svg");--piece-sculpture-width:108%;--piece-sculpture-height:124%;--piece-sculpture-y:18%}
.senterej-square:has(>.senterej-piece--ferese),.hero-mini-square:has(>.senterej-piece--ferese){--piece-sculpture:url("/assets/pieces/3d/ferese.svg");--piece-sculpture-width:99%;--piece-sculpture-height:122%;--piece-sculpture-y:19%}
.senterej-square:has(>.senterej-piece--der),.hero-mini-square:has(>.senterej-piece--der){--piece-sculpture:url("/assets/pieces/3d/der.svg");--piece-sculpture-width:96%;--piece-sculpture-height:124%;--piece-sculpture-y:18%}
.senterej-square:has(>.senterej-piece--medeq),.hero-mini-square:has(>.senterej-piece--medeq){--piece-sculpture:url("/assets/pieces/3d/medeq.svg");--piece-sculpture-width:76%;--piece-sculpture-height:105%;--piece-sculpture-y:24%}
.senterej-square[data-piece-color]:has(>.senterej-piece)>.senterej-piece,.hero-mini-square[data-piece-color]:has(>.senterej-piece)>.senterej-piece{opacity:0!important}
.senterej-square[data-piece-color]:has(>.senterej-piece)::after{content:"";position:absolute;top:50%;left:50%;z-index:7;width:var(--piece-sculpture-width,92%);height:var(--piece-sculpture-height,120%);pointer-events:none;background:var(--piece-sculpture) center bottom/contain no-repeat;opacity:1;transform:translate(-50%,calc(-50% + var(--piece-sculpture-y,18%))) translateZ(var(--piece-z)) rotateX(calc(-1 * var(--board-tilt))) scale(var(--piece-scale));transform-origin:50% 86%;filter:drop-shadow(0 18px 9px rgba(0,0,0,.66)) drop-shadow(-2px -2px 1px rgba(255,240,168,.18));transition:transform .22s ease,filter .22s ease;animation:none!important}
.hero-mini-square[data-piece-color]:has(>.senterej-piece)::after{content:"";position:absolute;top:50%;left:50%;z-index:7;width:var(--piece-sculpture-width,92%);height:var(--piece-sculpture-height,120%);pointer-events:none;background:var(--piece-sculpture) center bottom/contain no-repeat;transform:translate(-50%,calc(-50% + var(--piece-sculpture-y,18%))) translateZ(52px) rotateX(-54deg) scale(.96);transform-origin:50% 86%;filter:drop-shadow(0 16px 8px rgba(0,0,0,.64)) drop-shadow(-2px -2px 1px rgba(255,240,168,.18))}

.senterej-board-shell[data-view="3d"] .senterej-square[data-piece-color="white"]::after,.senterej-board-shell[data-view="3d"] .senterej-square[data-piece-color="white"]:has(>.senterej-piece)::after,.hero-mini-square[data-piece-color="white"]::after,.hero-mini-square[data-piece-color="white"]:has(>.senterej-piece)::after{filter:brightness(1.12) saturate(1.16) contrast(1.08) drop-shadow(0 22px 12px rgba(0,0,0,.72)) drop-shadow(-2px -2px 1px rgba(255,240,168,.36)) drop-shadow(3px 4px 1px rgba(83,43,8,.48))}
.senterej-board-shell[data-view="3d"] .senterej-square[data-piece-color="black"]::after,.senterej-board-shell[data-view="3d"] .senterej-square[data-piece-color="black"]:has(>.senterej-piece)::after,.hero-mini-square[data-piece-color="black"]::after,.hero-mini-square[data-piece-color="black"]:has(>.senterej-piece)::after{filter:brightness(.24) sepia(.65) saturate(.95) hue-rotate(176deg) contrast(1.8) drop-shadow(0 24px 13px rgba(0,0,0,.9)) drop-shadow(-1px -1px 0 rgba(240,201,106,.42)) drop-shadow(3px 4px 1px rgba(0,0,0,.78))}
.senterej-board-shell[data-view="3d"] .senterej-square.is-selected[data-piece-color="black"]::after,.senterej-board-shell[data-view="3d"] .senterej-square:hover:not(.is-disabled)[data-piece-color="black"]::after,.senterej-board-shell[data-view="3d"] .senterej-square.is-selected[data-piece-color="black"]:has(>.senterej-piece)::after,.senterej-board-shell[data-view="3d"] .senterej-square:hover:not(.is-disabled)[data-piece-color="black"]:has(>.senterej-piece)::after{filter:brightness(.28) sepia(.7) saturate(1) hue-rotate(176deg) contrast(1.86) drop-shadow(0 0 14px rgba(240,201,106,.58)) drop-shadow(0 24px 13px rgba(0,0,0,.92)) drop-shadow(-1px -1px 0 rgba(240,201,106,.48))}
