.tabletop-die{--die-size:48px;display:inline-block;width:var(--die-size);height:var(--die-size);position:relative;perspective:320px;transform-style:preserve-3d;filter:drop-shadow(0 5px 3px rgba(20,17,15,.24));padding:0!important;border:0!important;background:transparent!important;animation:none!important}.center-dice-pair .tabletop-die{--die-size:68px}.die-cube{display:block;width:100%;height:100%;position:relative;transform-origin:center;transform-style:preserve-3d;transition:transform 260ms cubic-bezier(.18,.82,.22,1)}.tabletop-die-running .die-cube{will-change:transform}.die-settled .die-cube{will-change:auto}
.die-face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:10%;border:2px solid #173d32;border-radius:13%;background:linear-gradient(145deg,#fffdf2 0%,#f7e6b4 72%,#e5bd58 100%);box-shadow:inset 2px 2px 0 rgba(255,255,255,.8),inset -3px -4px 0 rgba(126,83,15,.17);backface-visibility:hidden;transform-style:preserve-3d}.center-dice-pair .die-face{border-radius:12%;border-width:3px}.die-face-front{transform:translateZ(calc(var(--die-size)/2))}.die-face-back{transform:rotateY(180deg) translateZ(calc(var(--die-size)/2))}.die-face-right{transform:rotateY(90deg) translateZ(calc(var(--die-size)/2))}.die-face-left{transform:rotateY(-90deg) translateZ(calc(var(--die-size)/2))}.die-face-top{transform:rotateX(90deg) translateZ(calc(var(--die-size)/2))}.die-face-bottom{transform:rotateX(-90deg) translateZ(calc(var(--die-size)/2))}
.die-pip{width:52%;aspect-ratio:1;align-self:center;justify-self:center;border-radius:50%;background:#e75d3b;box-shadow:inset 1px 1px 0 rgba(255,255,255,.42),0 1px 1px rgba(90,34,20,.3)}.die-pip-0{grid-area:1/1}.die-pip-1{grid-area:1/2}.die-pip-2{grid-area:1/3}.die-pip-3{grid-area:2/1}.die-pip-4{grid-area:2/2}.die-pip-5{grid-area:2/3}.die-pip-6{grid-area:3/1}.die-pip-7{grid-area:3/2}.die-pip-8{grid-area:3/3}
.tabletop-pawn{--pawn-color:#f6a91b;display:inline-block;position:relative;width:30px;height:42px;filter:drop-shadow(3px 5px 2px rgba(20,17,15,.27));transform:translateZ(0)}.tabletop-pawn-mini{width:20px;height:28px}.pawn-base{position:absolute;left:0;bottom:0;width:100%;height:24%;border-radius:50%;background:linear-gradient(145deg,#fff4c8 0 9%,var(--pawn-color) 10% 72%,#8b4c1c 100%);border:2px solid #173d32;box-shadow:inset 1px 1px 0 rgba(255,255,255,.55)}.pawn-body{position:absolute;left:18%;bottom:15%;width:64%;height:57%;border-radius:48% 48% 31% 31%;background:linear-gradient(90deg,rgba(80,37,14,.28),transparent 29% 70%,rgba(255,255,255,.42)),var(--pawn-color);border:2px solid #173d32;clip-path:polygon(21% 0,79% 0,100% 100%,0 100%)}.pawn-head{position:absolute;left:28%;top:0;width:44%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#173d32;font:800 9px/1 'Bricolage Grotesque',sans-serif;background:radial-gradient(circle at 35% 25%,#fff6cc 0 9%,var(--pawn-color) 10% 66%,#8b4c1c 100%);border:2px solid #173d32}.tabletop-pawn-mini .pawn-head{font-size:6px;border-width:1px}.tabletop-pawn-mini .pawn-body,.tabletop-pawn-mini .pawn-base{border-width:1px}@media (prefers-reduced-motion:reduce){.die-cube{transition:none}.tabletop-pawn{filter:drop-shadow(2px 3px 1px rgba(20,17,15,.2))}}
.player-token.tabletop-pawn{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.player-token.tabletop-pawn::after{content:none!important}.player-token.tabletop-pawn{width:18px;height:28px}.player-token.tabletop-pawn.tabletop-pawn-mini{width:14px;height:22px}.table-active-piece .tabletop-pawn{width:34px;height:48px}