.widget-holograph { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.holograph-pedestal { position: relative; width: 100%; height: auto; display: flex; justify-content: center; z-index: 1; }
.holograph-img { width: 100%; max-width: 400px; height: auto; transform: translate3d(0, 0, 0); backface-visibility: hidden; filter: drop-shadow(0 0 15px rgba(222, 115, 255, 0.3)); }
/* Socle Standard : Toujours à 1, z-index supérieur pour masquer le neutre */
.holograph-img--standard { opacity: 1; z-index: 2; transition: none; }
/* Socle Neutre : Positionné en dessous, il ne s'affiche que quand le standard s'efface */
.holograph-img--neutre { position: absolute; top: 0; left: 50%; transform: translateX(-50%) translate3d(0, 0, 0); opacity: 1; z-index: 1; transition: none; }
/* Au survol : le Standard s'efface, laissant apparaître le Neutre qui était déjà dessous */
[data-holograph-variant~="neutre"] .holograph-img--standard { opacity: 0; }
/* Le neutre reste visible */
[data-holograph-variant~="neutre"] .holograph-img--neutre { opacity: 1; }
.holograph-lueur { position: absolute; top: 50%; left: 50%; transform: translate(-50%, calc(-50% - 210px)) translate3d(0, 0, 0); width: 200%; max-width: 800px; height: auto; z-index: 3; pointer-events: none; mix-blend-mode: screen; opacity: 0; transition: opacity 0.6s ease-in-out; }
/* Allumage de la lueur via variante uniquement */
[data-holograph-variant~="lueur"] .holograph-lueur { opacity: 0.65; }
.holograph-pixi-canvas { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; pointer-events: none; }
/* Context: Forge (Ajustement millimétré) */
.widget-holograph.is-forge .holograph-img, .widget-holograph.is-forge .holograph-lueur { max-width: 480px; margin-top: 20px; }
[data-holograph-state="off"] .holograph-pixi-canvas { opacity: 0; pointer-events: none; display: none; }