:root{--holo-angle:135deg;--holo-intensity:.9;--light-x:80%;--light-y:80%}.holo{backface-visibility:hidden;border-radius:16px;position:relative;overflow:hidden}.holo:after{content:"";pointer-events:none;z-index:10;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #000}.holo:before{content:"";z-index:5;pointer-events:none;border-radius:inherit;position:absolute;inset:0}.holo:after{background:radial-gradient(circle at var(--light-x,50%)var(--light-y,50%),#fff3 0%,transparent 60%),linear-gradient(var(--holo-angle,135deg),#fff0 0%,#ffffff1a 45%,#fff6 50%,#ffffff1a 55%,#fff0 100%);pointer-events:none;mix-blend-mode:color-dodge;opacity:.4;z-index:5;border-radius:inherit;transition:opacity .3s;transform:translateZ(3px)}@media (max-width:768px){.holo:after,.holo:before{transform:none!important;box-shadow:inset 0 0 10px #00000080!important}.holo{transform-style:flat!important;perspective:none!important}}.holo:before{content:"";pointer-events:none;mix-blend-mode:screen;z-index:1;border-radius:inherit;background-position:50%;background-size:100% 100%;transition:none;position:absolute;inset:0;overflow:hidden;transform:translateZ(2px)}.holo-commune img{filter:saturate(.95)contrast(1.02)}.holo-rare img{filter:saturate(1.1)contrast(1.05)}.holo-rare:before{content:"";background:linear-gradient(var(--holo-angle,35deg),transparent 0%,#3b82f666 45%,#fff9 50%,#3b82f666 55%,transparent 100%);mix-blend-mode:color-dodge;opacity:.8;z-index:5;pointer-events:none;border-radius:inherit;position:absolute;inset:0;transform:none}.holo-ultra-rare:before{content:"";background:linear-gradient(var(--holo-angle,135deg),transparent 0%,#9333ea66 45%,#fff9 50%,#9333ea66 55%,transparent 100%);mix-blend-mode:color-dodge;opacity:.6;z-index:5;pointer-events:none;border-radius:inherit;position:absolute;inset:0;transform:none}.holo-ultra-rare-2:before{content:"";background:linear-gradient(var(--holo-angle,135deg),transparent 0%,#2563eb66 45%,#fff9 50%,#2563eb66 55%,transparent 100%);mix-blend-mode:color-dodge;opacity:.6;z-index:5;pointer-events:none;border-radius:inherit;position:absolute;inset:0;transform:none}.holo-gold:before{content:"";background:linear-gradient(var(--holo-angle,135deg),transparent 0%,#eab30880 45%,#fffc 50%,#eab30880 55%,transparent 100%);mix-blend-mode:color-dodge;opacity:.7;z-index:5;pointer-events:none;border-radius:inherit;position:absolute;inset:0;transform:none}.holo-legendaire-bronze:before{background:linear-gradient(var(--holo-angle,135deg),transparent 0%,#cd7f3266 45%,#fff9 50%,#cd7f3266 55%,transparent 100%);mix-blend-mode:color-dodge;opacity:.7}.holo-legendaire-argent:before{background:linear-gradient(var(--holo-angle,135deg),transparent 0%,#e2e8f066 45%,#fffc 50%,#e2e8f066 55%,transparent 100%);mix-blend-mode:color-dodge;opacity:.7}.holo-legendaire-or:before{background:linear-gradient(var(--holo-angle,135deg),transparent 0%,#fbbf2466 45%,#fffc 50%,#fbbf2466 55%,transparent 100%);mix-blend-mode:color-dodge;opacity:.8}.holo-pgw:before{content:"";background:linear-gradient(var(--holo-angle,135deg),transparent 0%,#f9731699 40%,#ffffffe6 50%,#f9731699 60%,transparent 100%);mix-blend-mode:color-dodge;opacity:.9;z-index:5;pointer-events:none;border-radius:inherit;position:absolute;inset:0;transform:none}.holo-pgw:after{content:"";pointer-events:none;border-radius:inherit;z-index:10;box-shadow:inset 0 0 0 4px #000,inset 0 0 30px 5px #f9731699,inset calc((var(--light-x,50%) - 50%)*.4px)calc((var(--light-y,50%) - 50%)*.4px)20px #000;position:absolute;inset:0}.holo-starter:before{content:"";background:linear-gradient(var(--holo-angle,135deg),transparent 0%,#6366f199 40%,#ffffffe6 50%,#6366f199 60%,transparent 100%);mix-blend-mode:color-dodge;opacity:.9;z-index:5;pointer-events:none;border-radius:inherit;position:absolute;inset:0;transform:none}.holo-starter:after{content:"";pointer-events:none;border-radius:inherit;z-index:10;box-shadow:inset 0 0 0 4px #000,inset 0 0 30px 5px #6366f199,inset calc((var(--light-x,50%) - 50%)*.4px)calc((var(--light-y,50%) - 50%)*.4px)20px #000;position:absolute;inset:0}.holo-noel:before{content:"";background:linear-gradient(var(--holo-angle,135deg),transparent 0%,#ef444499 40%,#ffffffe6 50%,#ef444499 60%,transparent 100%);mix-blend-mode:color-dodge;opacity:.9;z-index:5;pointer-events:none;border-radius:inherit;position:absolute;inset:0;transform:none}.holo-noel:after{content:"";pointer-events:none;border-radius:inherit;z-index:10;box-shadow:inset 0 0 0 4px #000,inset 0 0 30px 5px #ef4444b3,inset calc((var(--light-x,50%) - 50%)*.4px)calc((var(--light-y,50%) - 50%)*.4px)20px #000;position:absolute;inset:0}.holo-pop-culture:before{content:"";background:linear-gradient(var(--holo-angle,135deg),transparent 0%,#9333ea99 40%,#ffffffe6 50%,#9333ea99 60%,transparent 100%);mix-blend-mode:color-dodge;opacity:.9;z-index:5;pointer-events:none;border-radius:inherit;position:absolute;inset:0;transform:none}.holo-pop-culture:after{content:"";pointer-events:none;border-radius:inherit;z-index:10;box-shadow:inset 0 0 0 4px #000,inset 0 0 30px 5px #9333eab3,inset calc((var(--light-x,50%) - 50%)*.4px)calc((var(--light-y,50%) - 50%)*.4px)20px #000;position:absolute;inset:0}.holo-terrain:before{content:"";background:linear-gradient(var(--holo-angle,135deg),transparent 0%,#78350f99 40%,#fffc 50%,#78350f99 60%,transparent 100%);mix-blend-mode:color-dodge;opacity:.8;z-index:5;pointer-events:none;border-radius:inherit;position:absolute;inset:0;transform:none}.holo-terrain:after{content:"";pointer-events:none;border-radius:inherit;z-index:10;box-shadow:inset 0 0 0 4px #000,inset 0 0 30px 5px #78350f80,inset calc((var(--light-x,50%) - 50%)*.4px)calc((var(--light-y,50%) - 50%)*.4px)20px #000;position:absolute;inset:0}.holo-gemmes:before{content:"";background:linear-gradient(var(--holo-angle,135deg),transparent 0%,#06b6d499 40%,#ffffffe6 50%,#06b6d499 60%,transparent 100%);mix-blend-mode:color-dodge;opacity:.9;z-index:5;pointer-events:none;border-radius:inherit;position:absolute;inset:0;transform:none}.holo-gemmes:after{content:"";pointer-events:none;border-radius:inherit;z-index:10;box-shadow:inset 0 0 0 4px #000,inset 0 0 30px 5px #06b6d499,inset calc((var(--light-x,50%) - 50%)*.4px)calc((var(--light-y,50%) - 50%)*.4px)20px #000;position:absolute;inset:0}.holo-ticket-or:before{content:"";background:linear-gradient(var(--holo-angle,135deg),transparent 0%,#ffd700b3 40%,#fff 50%,#ffd700b3 60%,transparent 100%);mix-blend-mode:color-dodge;opacity:.9;filter:brightness(1.2);z-index:5;pointer-events:none;border-radius:inherit;position:absolute;inset:0;transform:none}.holo-ticket-or:after{box-shadow:inset 0 0 0 4px #000,inset 0 0 40px 10px #ffd700cc,inset calc((var(--light-x,50%) - 50%)*.4px)calc((var(--light-y,50%) - 50%)*.4px)30px #000}.holo-commune:before,.holo-commune:after{display:none!important}.holo:after{display:block}.modal .holo,.card-modal .holo{border-radius:0}.collection-grid .holo:hover{transform:scale(1)!important}.holo-ultra-rare{box-shadow:0 0 15px #eab30866}.holo-ultra-rare-2{box-shadow:0 0 15px #a21caf66}.holo-rare{box-shadow:0 0 15px #2563eb66}.holo-gold{box-shadow:0 0 15px #ffd70066}.holo-legendaire-bronze{box-shadow:0 0 15px #b4530966}.holo-legendaire-argent{box-shadow:0 0 15px #a3a3a366}.holo-legendaire-or{box-shadow:0 0 15px #f59e4266}.holo-gemmes{box-shadow:0 0 15px #ec489966}.card-modal .holo{transform-style:preserve-3d;transition:transform .8s}@keyframes discoveryGlow{0%{border:2px solid #0000;transform:scale(1);box-shadow:0 0 20px #ffffff80}50%{box-shadow:0 0 40px #fffc,0 0 60px var(--glow-color,#fff6);border:4px solid var(--glow-color,#fffc);transform:scale(1.08)}to{border:2px solid #0000;transform:scale(1);box-shadow:0 0 20px #ffffff80}}.card-discovered{border-radius:15px;animation:3s cubic-bezier(.4,0,.2,1) discoveryGlow}.card-discovered.holo-ultra-rare{--glow-color:#9333ea99}.card-discovered.holo-ultra-rare-2{--glow-color:#2563eb99}.card-discovered.holo-rare{--glow-color:#1b009499}.card-discovered.holo-gold{--glow-color:#eab30899}.card-discovered.holo-legendaire-bronze{--glow-color:#cd7f3299}.card-discovered.holo-legendaire-argent{--glow-color:#c0c0c099}.card-discovered.holo-legendaire-or{--glow-color:#ffd70099}.card-discovered.holo-commune{--glow-color:#9ca3af66}.holo-enabled{overflow:hidden;border-radius:16px!important}.holo-enabled .holo{border-radius:16px;position:relative;overflow:hidden}.rounded-2xl,.sm\:rounded-3xl{border-radius:16px!important}@media (min-width:640px){.sm\:rounded-3xl{border-radius:24px!important}}.modal-card{overflow:hidden;border-radius:16px!important}.modal-card .holo:before{border-radius:16px}.holo-gemmes:before,.card-modal .holo-gemmes:before,.collection-grid .holo-gemmes:before,.holo-enabled .holo-gemmes:before,.modal-card .holo-gemmes:before{background:radial-gradient(circle at calc(var(--light-x,50%) + 20%)calc(var(--light-y,50%) - 10%),#ff149366 0%,#8a2be24d 15%,transparent 30%),radial-gradient(circle at calc(var(--light-x,50%) - 15%)calc(var(--light-y,50%) + 15%),#00bfff66 0%,#32cd324d 15%,transparent 30%),radial-gradient(circle at calc(var(--light-x,50%) + 10%)calc(var(--light-y,50%) + 20%),#ffd70066 0%,#ff8c004d 15%,transparent 30%),linear-gradient(var(--holo-angle,135deg),#9333ea33 0%,#3b82f633 20%,#10b98133 40%,#f59e0b33 60%,#ec489933 80%,#8b5cf633 100%),repeating-linear-gradient(calc(var(--holo-angle,135deg) + 45deg),transparent 0px,#ffffff1a 1px,transparent 3px,transparent 20px);mix-blend-mode:color-burn;filter:brightness(1.1)saturate(1.6)blur(.3px);opacity:.85;background-size:80% 80%,70% 70%,60% 60%,100% 100%,100% 100%}.holo-character-mask:before{clip-path:polygon(15% 10%,85% 10%,90% 85%,10% 85%)}.holo-standing-character:before{clip-path:polygon(20% 5%,80% 5%,85% 90%,15% 90%)}.holo-sitting-character:before{clip-path:polygon(25% 15%,75% 15%,80% 80%,20% 80%)}.holo-bust-character:before{clip-path:polygon(20% 10%,80% 10%,85% 70%,15% 70%)}.holo-character-with-accessories:before{clip-path:polygon(10% 5%,90% 5%,95% 90%,5% 90%)}.holo-character-complex-bg:before{clip-path:polygon(25% 15%,75% 15%,80% 85%,20% 85%)}.holo-rare.character-mask-1:before{clip-path:polygon(20% 10%,80% 10%,85% 80%,15% 80%)}.holo-rare.character-mask-2:before{clip-path:polygon(15% 5%,85% 5%,90% 85%,10% 85%)}@keyframes characterHoloPulse{0%,to{clip-path:polygon(15% 10%,85% 10%,90% 85%,10% 85%)}50%{clip-path:polygon(12% 8%,88% 8%,92% 88%,8% 88%)}}.holo-character-mask.animated:before{animation:3s ease-in-out infinite characterHoloPulse}
.holo-enabled .holo:before,.holo-enabled .holo:after{animation:.2s ease-out forwards enableHolo}@keyframes enableHolo{0%{opacity:1}to{opacity:1}}.holo:not(.holo-enabled):before,.holo:not(.holo-enabled):after{opacity:1}