.scene{width:200px;height:200px;perspective:1200px;cursor:pointer;background:radial-gradient(ellipse at center,#f8fafc,#e2e8f0);border-radius:20px;padding:16px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 3s cubic-bezier(.23,1,.32,1)}.cube-face{position:absolute;width:200px;height:200px;background:linear-gradient(to bottom right,#f9fafb,#e2e8f0);border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;padding:12px;box-shadow:0 10px 25px rgba(0,0,0,.15);text-align:center;border-radius:16px;color:#1e293b;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.face-1{transform:rotateY(0deg) translateZ(100px)}.face-2{transform:rotateY(180deg) translateZ(100px)}.face-3{transform:rotateY(90deg) translateZ(100px)}.face-4{transform:rotateY(-90deg) translateZ(100px)}.face-5{transform:rotateX(90deg) translateZ(100px)}.face-6{transform:rotateX(-90deg) translateZ(100px)}