.puc-piece{width:100%;height:100%;font-size:calc(var(--puc-square-size) * .78);-webkit-user-select:none;user-select:none;pointer-events:none;justify-content:center;align-items:center;line-height:1;transition:transform .12s ease-out;display:inline-flex}.puc-piece--w{color:var(--puc-piece-white-fill,#fbfaf3);-webkit-text-stroke:1.4px var(--puc-piece-white-stroke,#2b1d10);text-shadow:0 1px #0000002e;filter:drop-shadow(0 0 .8px #00000073)}.puc-piece--b{color:var(--puc-piece-black-fill,#1d1208);text-shadow:0 1px #ffffff0f;filter:drop-shadow(0 0 1.2px #ffffffd9)drop-shadow(0 0 .4px #fffffff2)}.puc-piece--dragging{filter:drop-shadow(0 6px 8px #00000047);transform:scale(1.06)}.puc-piece--just-moved{animation:.22s ease-out puc-piece-settle}.puc-piece--flipped{transform:rotate(180deg)}.puc-piece--flipped.puc-piece--dragging{transform:scale(1.06)rotate(180deg)}.puc-piece--flipped.puc-piece--just-moved{animation:.22s ease-out puc-piece-settle-flipped}@keyframes puc-piece-settle-flipped{0%{transform:scale(1.18)rotate(180deg)}60%{transform:scale(.96)rotate(180deg)}to{transform:scale(1)rotate(180deg)}}.puc-piece-svg{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.puc-piece-svg--animated{filter:drop-shadow(0 0 5px #b482ff8c)drop-shadow(0 0 12px #b482ff59);animation:2.6s ease-in-out infinite puc-piece-crystal}@keyframes puc-piece-crystal{0%,to{filter:drop-shadow(0 0 4px #b482ff66)drop-shadow(0 0 10px #b482ff40)}50%{filter:drop-shadow(0 0 8px #d8b4ffd9)drop-shadow(0 0 18px #b482ff8c)}}@media (prefers-reduced-motion:reduce){.puc-piece-svg--animated{animation:none}}@keyframes puc-piece-settle{0%{transform:scale(1.18)}60%{transform:scale(.96)}to{transform:scale(1)}}