.p3d{position:relative;overflow:hidden}.p3d,.p3d-canvas{width:100%;height:100%}.p3d-canvas{position:absolute;inset:0;display:block;opacity:0;transition:opacity .5s ease;cursor:grab}.p3d-canvas:active{cursor:grabbing}.p3d.ready .p3d-canvas{opacity:1}.p3d-fallback{object-fit:contain;padding:8%;transition:opacity .3s}.p3d.loading .p3d-fallback{opacity:.85}.p3d-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:rgba(17,17,17,.72);color:#fff;font-size:12px;font-weight:600;pointer-events:none;white-space:nowrap;animation:p3d-hint 4s ease forwards}@keyframes p3d-hint{0%,70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.p3d-canvas{transition:none}.p3d-hint{animation:none}}