:root{--dice-size:60px;--dice-face:linear-gradient(145deg,#a0aec0,#e2e8f0);--dice-pip:linear-gradient(45deg,#000080,#008080);--dice-border:#2d3748}.scene{width:var(--dice-size);height:var(--dice-size);perspective:1000px}.dice{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.25,.46,.45,.94)}.face{width:100%;height:100%;background:var(--dice-border);border:1px solid var(--dice-border);box-shadow:0 2px 5px rgba(0,0,0,.5);border-radius:0;backface-visibility:hidden}.face,.face-inner{position:absolute;display:flex;justify-content:center;align-items:center}.face-inner{top:2.5px;left:2.5px;right:2.5px;bottom:2.5px;background:var(--dice-face);border-radius:18%;overflow:hidden;box-shadow:inset 0 1px 2px rgba(255,255,255,.1)}.pip{width:18%;height:18%;background:var(--dice-pip);border-radius:50%;position:absolute}.face-1{transform:rotateY(0deg) translateZ(calc(var(--dice-size) / 2))}.face-2{transform:rotateY(90deg) translateZ(calc(var(--dice-size) / 2))}.face-3{transform:rotateX(90deg) translateZ(calc(var(--dice-size) / 2))}.face-4{transform:rotateX(-90deg) translateZ(calc(var(--dice-size) / 2))}.face-5{transform:rotateY(-90deg) translateZ(calc(var(--dice-size) / 2))}.face-6{transform:rotateY(180deg) translateZ(calc(var(--dice-size) / 2))}.pip-center{top:50%;left:50%;transform:translate(-50%,-50%)}.pip-top-left{top:20%;left:20%}.pip-top-right{top:20%;right:20%}.pip-bottom-left{bottom:20%;left:20%}.pip-bottom-right{bottom:20%;right:20%}.pip-center-left{top:50%;left:20%;transform:translateY(-50%)}.pip-center-right{top:50%;right:20%;transform:translateY(-50%)}@keyframes roll{0%{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{transform:rotateX(2turn) rotateY(2turn) rotate(2turn)}}.dice.rolling{animation:roll 1.5s linear infinite}.show-1{transform:rotateY(0deg) translateZ(0)}.show-2{transform:rotateY(-90deg) translateZ(0)}.show-3{transform:rotateX(-90deg) translateZ(0)}.show-4{transform:rotateX(90deg) translateZ(0)}.show-5{transform:rotateY(90deg) translateZ(0)}.show-6{transform:rotateY(-180deg) translateZ(0)}.grid-container-for-board{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(15,minmax(0,1fr));width:100%;height:100%;gap:1px;position:absolute;top:0;left:0;z-index:10}.game-cell{position:relative}.game-cell,.piece-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.piece-container{position:absolute;top:0;left:0;flex-wrap:wrap;gap:1px;padding:2px;pointer-events:auto}.player-focus-area-container{position:relative;padding:8px;border-radius:12px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.player-focus-area-container.red{background-color:rgba(127,29,29,.5)}.player-focus-area-container.green{background-color:rgba(21,94,53,.5)}.player-focus-area-container.blue{background-color:rgba(29,78,216,.5)}.player-focus-area-container.yellow{background-color:rgba(180,83,9,.5)}.player-focus-area-container.active{transform:scale(1.03);box-shadow:0 0 15px 3px var(--active-glow-color),inset 0 0 10px rgba(0,0,0,.5)}.pfa-home-spots{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:100%;height:100%;padding:4px;border-radius:8px;background:rgba(0,0,0,.3)}.pfa-home-spot{border:1px dashed rgba(255,255,255,.2);border-radius:50%;width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.timer-bar-container{width:100%;height:6px;background-color:rgba(0,0,0,.5);border-radius:3px;overflow:hidden}.timer-bar{height:100%;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--accent)));border-radius:3px;transition:width .25s linear}.highlighted{outline:2px solid hsl(var(--accent));outline-offset:-2px;box-shadow:0 0 10px hsl(var(--accent));z-index:20}.selected-piece-cell{outline:2px solid hsl(var(--primary));outline-offset:-2px;z-index:20}.safe-zone:before{content:"★";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.2);font-size:1.5em;z-index:0}