.board-scene{perspective:1600px;perspective-origin:50% 38%;position:relative;padding:0;isolation:isolate}.board-scene #board{transform-origin:50% 50%;transition:transform .7s ease,box-shadow .7s ease;will-change:transform}.board-scene.perspective-view{background:radial-gradient(ellipse at 50% 75%,#724c752b,transparent 66%)}.perspective-view #board{transform:rotateX(var(--tilt,30deg)) scale(.92);border:3px solid #c79c51;border-radius:10px;box-shadow:0 2px 0 #ebca82,0 5px 0 #513223,0 9px 0 #aa7840,0 13px 0 #422719,0 17px 0 #6e4a2a,0 22px 0 #24141b,0 42px 45px #000b,0 60px 85px #0008}.view-controls{display:flex;align-items:center;justify-content:center;gap:18px;min-height:48px;margin-bottom:6px}.view-controls button{width:auto;min-width:125px;margin:0}.view-controls label{display:flex;align-items:center;gap:10px;margin:0;color:#dac9a6}.view-controls input{width:130px;margin:0;padding:0;accent-color:#d3b069;cursor:pointer}.perspective-view .pawn{box-shadow:3px 7px 3px #000b,0 0 12px var(--c);border-bottom-width:5px}.perspective-view .magic-die{box-shadow:5px 8px 0 #815e31,0 15px 25px #0009}@media(max-width:600px){.board-scene{perspective:900px}.view-controls{gap:10px}.view-controls input{width:90px}.perspective-view #board{transform:rotateX(var(--tilt,30deg)) scale(.93)}}@media(prefers-reduced-motion:reduce){.board-scene #board{transition:none}}body.still .board-scene #board{transition:none}