/* CSS 3D Cube Parameters - Increased Size & Crisp Text Rendering */
     .object3d {
         width: 160px;
         height: 160px;
         position: relative;
         transform-style: preserve-3d;
         will-change: transform;
     }

     .face3d {
         position: absolute;
         width: 160px;
         height: 160px;
         border: 1px solid #c5a880;
         background: rgba(197, 168, 128, 0.08);
         display: flex;
         align-items: center;
         justify-content: center;
         font-family: monospace;
         font-size: 11px;
         color: var(--text-color);
         font-weight: bold;
         box-shadow: inset 0 0 20px rgba(197, 168, 128, 0.1);
         user-select: none;

         /* Sharp Rendering Tweaks */
         backface-visibility: visible;
         transform-style: preserve-3d;
         -webkit-font-smoothing: subpixel-antialiased;
         text-rendering: optimizeLegibility;
     }

     /* Calculated coordinates for 160px height/width box (half-width is 80px translation) */
     .face-front {
         transform: rotateY(0deg) translateZ(80px);
     }

     .face-back {
         transform: rotateY(180deg) translateZ(80px);
     }

     .face-right {
         transform: rotateY(90deg) translateZ(80px);
     }

     .face-left {
         transform: rotateY(-90deg) translateZ(80px);
     }

     .face-top {
         transform: rotateX(90deg) translateZ(80px);
     }

     .face-bottom {
         transform: rotateX(-90deg) translateZ(80px);
     }