/* ---- Dado 3D ---- */
        .dice { background: none !important; border: none !important; box-shadow: none !important; position: relative; overflow: visible; }
        .dice .dice-result { display: none !important; }
        .d3-escena { position: absolute; inset: 0; perspective: 950px; perspective-origin: 50% 38%; pointer-events: none; }
        .d3-sombra { position: absolute; left: 50%; bottom: -4%; width: 170px; height: 30px; margin-left: -85px; border-radius: 50%; background: radial-gradient(ellipse, rgba(0,0,0,.45), transparent 70%); transform-origin: 50% 50%; }
        .d3-escala { position: absolute; left: 50%; top: 52%; width: 0; height: 0; transform-style: preserve-3d; }
        .d3-dado { position: absolute; left: 0; top: 0; width: 0; height: 0; transform-style: preserve-3d; }
        .d3-cara { position: absolute; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-origin: 50% 50%; }
        .d3-cara svg { width: 100%; height: 100%; overflow: visible; display: block; }