.effect-preview-face{isolation:isolate;overflow:hidden}.effect-preview-overlay{position:absolute;inset:0;pointer-events:none;z-index:4;border-radius:inherit;mix-blend-mode:soft-light}.effect-preview-overlay.effect-holographic{mix-blend-mode:multiply;opacity:.55;background:repeating-linear-gradient(120deg,#ef75c8aa,#b1a1ffaa 16%,#69dce9aa 32%,#ffe593aa 48%,#ef75c8aa 64%);background-size:220% 220%;animation:foil-drift 7s ease-in-out infinite alternate}.effect-preview-overlay.effect-pearlescent{background:radial-gradient(ellipse at 15% 25%,#fff3b4dd,transparent 45%),radial-gradient(ellipse at 85% 65%,#eab1e9cc,transparent 55%),linear-gradient(115deg,#e1fff5aa,#fffdf7cc,#d1c4f1aa);animation:pearl-shift 8s ease-in-out infinite alternate}.effect-preview-overlay.effect-aurora{background:repeating-linear-gradient(150deg,transparent,#13c8a1bb 20%,#438bedaa 35%,transparent 50%);background-size:180% 240%;animation:aurora-flow 7s ease-in-out infinite alternate;mix-blend-mode:multiply;opacity:.45}.effect-preview-overlay.effect-starlit{background:linear-gradient(130deg,#37316b33,transparent,#215e9b33);mix-blend-mode:normal}.preview-starlit .effect-preview-star{position:absolute;color:#505bb5;text-shadow:0 0 5px #b9cfff;font-size:11px;animation:star-drift 7s ease-in-out infinite alternate;left:var(--x);top:var(--y)}@keyframes foil-drift{to{background-position:100% 100%}}@keyframes pearl-shift{to{filter:hue-rotate(35deg);opacity:.65}}@keyframes aurora-flow{to{background-position:40% 100%;opacity:.7}}@keyframes star-drift{to{transform:translate(6px,-12px);opacity:.4}}@media(prefers-reduced-motion:reduce){.effect-preview-overlay,.effect-preview-star{animation:none!important}}

.effect-prismatic{background:conic-gradient(from 30deg at 70% 30%,#fe6b9366,#f4dc7d66,#7af2c766,#72bcf066,#aa83eb66,#fe6b9366);mix-blend-mode:multiply;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);animation:prismatic-shift 9s linear infinite}.effect-eclipse{background:radial-gradient(ellipse at 30% 20%,transparent 35%,#60444166 67%,#c79b4188 74%,#17234377 85%);mix-blend-mode:multiply;animation:pearl-shift 8s alternate infinite}.effect-singularity{background:radial-gradient(ellipse at 50% 65%,#15123877 0 12%,#bfabed77 15%,transparent 20%,#597acc55 26%,transparent 38%),linear-gradient(140deg,#35144d33,transparent,#19577744);mix-blend-mode:multiply;animation:singularity-flow 9s ease-in-out infinite alternate}.effect-singularity .effect-preview-star{position:absolute;left:var(--x);top:var(--y);color:#b598f5;animation:star-drift 6s alternate infinite}@keyframes prismatic-shift{to{filter:hue-rotate(360deg)}}@keyframes singularity-flow{to{background-position:8px -12px;filter:hue-rotate(30deg)}}
.effect-preview-overlay.effect-holographic{background:repeating-linear-gradient(120deg,#fc7fc4,#a997ff 15%,#47dce2 28%,#fae87a 42%,#fc7fc4 58%);background-size:240% 180%;opacity:.72;mix-blend-mode:multiply;border:3px solid #a38afc;box-shadow:inset 0 0 26px #9a7dfc88}.effect-preview-overlay.effect-pearlescent{background:linear-gradient(120deg,#d396de66 0%,#fff9cd99 22%,#ffffffdd 27%,#96ead788 38%,#d29beaaa 57%,#ffffffdd 65%,#f6cfa288 80%,#b2a0e888);opacity:.8;mix-blend-mode:multiply;border:3px solid #d4b0e2;box-shadow:inset 0 0 25px #f7b5db88}.effect-preview-overlay.effect-aurora{background:repeating-linear-gradient(145deg,#06ca9d88 0%,transparent 14%,#76efdbdd 22%,#367ee1aa 33%,transparent 48%,#ae8af2aa 62%);background-size:200% 300%;opacity:.65;border:3px solid #38c9b0;box-shadow:inset 0 0 30px #39d7b388}.effect-preview-overlay.effect-starlit{background:radial-gradient(ellipse at bottom,#a5b2e866,transparent 70%);border:3px solid #788fdb;box-shadow:inset 0 0 28px #818ad477}.preview-starlit .effect-preview-star{font-size:20px;color:#6673cd;text-shadow:0 0 6px #b8c5ff,0 0 15px #8caaff}.effect-prismatic{background:conic-gradient(from 25deg at 60% 30%,#ff86abab,#f8d375aa,#72e6b7aa,#61b9e6aa,#a388ebaa,#ff86abab);border:3px solid #ae76d5;box-shadow:inset 0 0 22px #cf89ef99}.effect-eclipse{background:radial-gradient(ellipse at 38% 25%,transparent 22%,#d0a26233 55%,#74513c88 75%,#232e5099 90%);border:4px solid #77604b;box-shadow:inset 0 0 22px #dda44baa}.effect-singularity{background:radial-gradient(ellipse at 50% 72%,#292044aa 0 11%,#b495faee 14%,#f1dfffff 17%,transparent 22%,#af90efaa 28%,transparent 40%),linear-gradient(140deg,#7e51a966,transparent,#3967ba77);border:3px solid #8d70ca;box-shadow:inset 0 0 28px #9376f4aa}.effect-singularity .effect-preview-star{font-size:18px;color:#9570dd;text-shadow:0 0 10px #ae87ed}
.effect-preview-overlay.effect-prismatic{background:linear-gradient(120deg,#d3e6fc44,#ffeccc44);animation:none;overflow:hidden}.effect-prism-shard{position:absolute;left:var(--facet-x);top:var(--facet-y);width:65%;height:39%;clip-path:polygon(0 0,100% 40%,20% 100%);background:linear-gradient(130deg,#fff9,hsla(var(--facet-hue),85%,65%,.45) 25%,#fff8 28%,hsla(calc(var(--facet-hue) + 80),90%,60%,.4) 65%,#fff 67%,transparent 70%);transform:rotate(var(--facet-rotate));filter:drop-shadow(0 0 2px #fff);animation:facet-light 7s ease-in-out infinite alternate}.effect-prism-shard:nth-child(2n){animation-delay:-3s}.effect-preview-overlay.effect-singularity{background:radial-gradient(ellipse at bottom,#6465a744,transparent 70%);mix-blend-mode:normal;animation:none}.effect-black-hole{position:absolute;width:180px;height:130px;left:50%;bottom:12%;transform:translateX(-50%)}.black-hole-disk{position:absolute;inset:38px 0 35px;border-radius:50%;background:radial-gradient(ellipse,#fff9d4 12%,#ffb84e 24%,#e56a1888 45%,transparent 65%);box-shadow:0 0 14px #ffbf6266;transform:rotate(-18deg);animation:black-hole-orbit 8s ease-in-out infinite alternate}.black-hole-lens{position:absolute;left:45px;top:12px;width:90px;height:96px;border-radius:50%;border-top:5px solid #ffe8a8;border-bottom:3px solid #efa352;box-shadow:0 0 8px #ffaa4d,inset 0 0 8px #ffdc7f;transform:rotate(-18deg)}.black-hole-core{position:absolute;left:56px;top:27px;width:68px;height:68px;border-radius:50%;background:#08070e;border:2px solid #ffd67c;box-shadow:0 0 5px #fff6c8,0 0 14px #f9a34888}.effect-preview-overlay.effect-aurora{background:linear-gradient(180deg,#284a7544,transparent);overflow:hidden;opacity:.7;animation:none}.aurora-ribbon{position:absolute;left:var(--ribbon-x);top:-10%;height:120%;width:70%;background:linear-gradient(90deg,transparent,#80f4d444 35%,#53efb4bb 48%,#a9f9ecaa 52%,#777dec88 60%,transparent 75%);clip-path:polygon(20% 0,90% 0,55% 12%,85% 25%,55% 40%,95% 55%,60% 70%,90% 85%,60% 100%,10% 100%,40% 85%,5% 70%,40% 55%,10% 40%,40% 25%,0 12%);filter:blur(6px) hue-rotate(var(--ribbon-hue));animation:aurora-curtain 8s ease-in-out infinite alternate;animation-delay:var(--ribbon-delay)}@keyframes aurora-curtain{from{transform:translate(-10px,-8px) skewX(-10deg) scaleX(.8)}to{transform:translate(18px,10px) skewX(12deg) scaleX(1.15)}}@keyframes facet-light{to{filter:brightness(1.3) hue-rotate(25deg)}}@keyframes black-hole-orbit{to{transform:rotate(-10deg) scaleX(1.08)}}@media(prefers-reduced-motion:reduce){.aurora-ribbon,.effect-prism-shard,.black-hole-disk{animation:none}}
.prismatic-crystal{position:absolute;width:94px;height:113px;left:50%;bottom:10%;transform:translateX(-50%) rotate(7deg);filter:drop-shadow(0 0 5px #66edff) drop-shadow(0 0 12px #ed55ea);animation:crystal-turn 7s ease-in-out infinite alternate}.effect-prismatic .effect-prism-shard{opacity:.45}.effect-preview-overlay.effect-prismatic{mix-blend-mode:normal}.prismatic-crystal polygon{vector-effect:non-scaling-stroke}.effect-preview-overlay.effect-aurora{mix-blend-mode:normal}.aurora-ribbon{filter:blur(3px) hue-rotate(var(--ribbon-hue))}.effect-preview-overlay.effect-singularity{opacity:1}@keyframes crystal-turn{to{transform:translateX(-50%) rotate(-7deg);filter:drop-shadow(0 0 8px #ffe25d) drop-shadow(0 0 16px #a48aff)}}@media(prefers-reduced-motion:reduce){.prismatic-crystal{animation:none}}

/* Depth, gravitational lensing, and a luminous foreground accretion disk. */
.effect-black-hole{width:220px;height:150px;bottom:9%;transform:translateX(-50%) rotate(-12deg);filter:drop-shadow(0 0 8px #ed8e3033)}
.black-hole-halo{position:absolute;inset:5px 28px;background:radial-gradient(ellipse,#000 25%,#e18a2833 43%,#ffb65d22 52%,transparent 69%);border-radius:50%}
.black-hole-lens{left:59px;top:15px;width:102px;height:109px;border:0;background:radial-gradient(ellipse,transparent 57%,#fff4cf 59%,#ffcc79 61%,#df7229aa 65%,transparent 72%);box-shadow:none;transform:none;filter:blur(.6px)}
.black-hole-core{left:67px;top:27px;width:86px;height:86px;background:radial-gradient(circle at 48% 40%,#010104 65%,#0d0805 78%,#ffb85b 82%,#fff0b3 84%,transparent 88%);border:0;box-shadow:0 0 12px #f4a34244}
.black-hole-disk{inset:67px -2px 28px;border:0;border-radius:50%;background:radial-gradient(ellipse,transparent 30%,#d57728aa 34%,#ffdfa7 39%,#fff5d6 42%,#efa44eee 46%,#a9441655 55%,transparent 67%);box-shadow:none;transform:scaleY(.5);filter:blur(.5px);animation:accretion-light 9s ease-in-out infinite alternate}
.black-hole-disk:after{content:'';position:absolute;inset:4px 0;background:radial-gradient(ellipse,transparent 30%,#ffffff99 42%,transparent 51%);border-radius:50%;opacity:.7}
.prismatic-crystal{width:110px;height:132px;filter:drop-shadow(2px 5px 3px #18132c66) drop-shadow(0 0 6px #7eeaff88)}
.effect-prismatic .effect-prism-shard{opacity:.45}
@keyframes accretion-light{to{filter:blur(.65px) brightness(1.18);transform:scaleY(.54)}}
@media(prefers-reduced-motion:reduce){.black-hole-disk{animation:none}}
.black-hole-disk-back{position:absolute;inset:67px -2px 28px;border-radius:50%;background:radial-gradient(ellipse,transparent 30%,#d57728aa 34%,#ffdfa7 39%,#fff5d6 42%,#efa44eee 46%,#a9441655 55%,transparent 67%);transform:scaleY(.5);filter:blur(.5px);clip-path:inset(0 0 50% 0);animation:accretion-light 9s ease-in-out infinite alternate}
.black-hole-disk{clip-path:inset(50% 0 0 0)}
@media(prefers-reduced-motion:reduce){.black-hole-disk-back{animation:none}}
.prismatic-crystal{z-index:2;overflow:visible;filter:drop-shadow(0 2px 2px #15133466) drop-shadow(0 0 3px #ff68ed88);animation:crystal-cut-light 8s ease-in-out infinite alternate}
.prismatic-crystal{width:120px;height:144px;bottom:7%;filter:drop-shadow(2px 5px 3px #11172c66) drop-shadow(0 0 3px #86e9ff99)}
.crystal-ray{position:absolute;left:50%;bottom:calc(10% + 60px);width:2px;height:160px;transform-origin:50% 100%;transform:rotate(var(--ray-angle));background:linear-gradient(0deg,transparent,hsla(var(--ray-hue),100%,60%,.75) 40%,#ffffffbb 45%,hsla(var(--ray-hue),100%,60%,.6) 50%,transparent);filter:blur(.25px);opacity:.65}
@keyframes crystal-cut-light{to{transform:translateX(-50%) rotate(-3deg);filter:drop-shadow(0 2px 2px #15133466) drop-shadow(0 0 5px #76eaff99)}}
@media(prefers-reduced-motion:reduce){.prismatic-crystal{animation:none}}

.effect-preview-overlay.effect-gilded{mix-blend-mode:multiply;background:repeating-linear-gradient(118deg,#b7782055 0%,#ffeaa1aa 15%,#fff7c4aa 19%,#bd871f99 28%,#fce49caa 40%,#9c5b2399 60%);background-size:200% 200%;border:3px solid #d4a337;box-shadow:inset 0 0 25px #e9b54c99;animation:foil-drift 8s ease-in-out infinite alternate}
.effect-preview-overlay.effect-rusted{mix-blend-mode:multiply;background:radial-gradient(ellipse at 0 100%,#398e7488,transparent 50%),radial-gradient(ellipse at 100% 0,#479b7b66,transparent 45%),repeating-linear-gradient(97deg,#9d663522 0 1px,transparent 1px 4px),linear-gradient(130deg,#cba97955,#efe1b377,#8a674e66);border:3px solid #89704d;box-shadow:inset 0 0 28px #69493077}
.preview-singularity{background:linear-gradient(160deg,#15152f,#080b1b)!important;color:#f1edff!important}
.preview-singularity .card-name,.preview-singularity .instrument-name,.preview-singularity .card-description,.preview-singularity .card-family,.preview-singularity .instrument-family,.preview-singularity .card-footer{color:#eeeaff!important}
.effect-preview-overlay.effect-singularity{background:radial-gradient(ellipse at 12% 12%,#5b31aa55,transparent 44%),radial-gradient(ellipse at 95% 70%,#17659055,transparent 45%),radial-gradient(ellipse at 50% 80%,#ae573b33,transparent 35%);border:2px solid #9b8ae0;box-shadow:inset 0 0 28px #000a,0 0 12px #9175e455;overflow:hidden}
.cosmic-dust{position:absolute;inset:-20%;border-radius:50%;background:conic-gradient(from 40deg at 50% 75%,transparent 0 20%,#947ade22 28%,transparent 34% 50%,#60b7d522 59%,transparent 66% 82%,#e4a1c522 91%,transparent);filter:blur(9px);animation:cosmic-drift 24s linear infinite;z-index:-1}
.cosmic-speck{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#eeeaff;box-shadow:0 0 4px #bfd6ff;opacity:.7;animation:cosmic-twinkle 5s ease-in-out infinite alternate;animation-delay:var(--delay)}
.effect-singularity .effect-preview-star{color:#e9ddff;text-shadow:0 0 5px #baa6ff}
@keyframes cosmic-drift{to{transform:rotate(360deg)}}@keyframes cosmic-twinkle{to{opacity:.25;transform:scale(.7)}}
@media(prefers-reduced-motion:reduce){.cosmic-dust,.cosmic-speck,.effect-gilded{animation:none}}
.preview-singularity .pull-name,.preview-singularity .pull-family,.preview-singularity .trading-card-description,.preview-singularity .card-topline,.preview-singularity .card-footerline{color:#eeeaff!important}
.preview-singularity .instrument-photo{background:#fff;border-color:#a69ad9}
.cosmic-dust{z-index:0}.effect-black-hole{z-index:2}.cosmic-speck{z-index:1}
.effect-preview-face .pull-name,.effect-preview-face .pull-family,.effect-preview-face .trading-card-description,.effect-preview-face .card-badges,.effect-preview-face .card-footerline{position:relative;z-index:6}
.effect-preview-overlay.effect-rusted{background:radial-gradient(ellipse at 0 100%,#267d6488,transparent 45%),radial-gradient(ellipse at 100% 0,#3c957677,transparent 40%),repeating-linear-gradient(0deg,#ffffff22 0 1px,#2d24131a 1px 2px,transparent 2px 4px),linear-gradient(115deg,#523d32aa 0%,#b7956977 17%,#fff4d6bb 27%,#ffffffcc 29%,#be9a6177 34%,#5e514588 47%,#dcceb199 61%,#fff5dbbb 65%,#948b6b88 73%,#554c3d99 100%);background-size:100% 100%,100% 100%,100% 100%,200% 100%;border:3px solid #9e9673;box-shadow:inset 0 0 3px #f5ebc9,inset 0 0 22px #44352b66;animation:rusted-metal-shine 10s ease-in-out infinite alternate}
@keyframes rusted-metal-shine{to{background-position:0 0,0 0,0 0,100% 0}}
@media(prefers-reduced-motion:reduce){.effect-preview-overlay.effect-rusted{animation:none}}

.effect-preview-overlay.effect-rusted{background:radial-gradient(ellipse at 4% 94%,#732b16bb 0%,#b7462588 18%,transparent 43%),radial-gradient(ellipse at 95% 8%,#96371c99 0%,#c16d3b77 20%,transparent 44%),radial-gradient(ellipse at 80% 80%,#c5522633,transparent 45%),repeating-radial-gradient(circle at 24% 63%,#391f1322 0 .6px,transparent .8px 3px),repeating-linear-gradient(0deg,#ffffff22 0 1px,#2d24131a 1px 2px,transparent 2px 4px),linear-gradient(115deg,#6b625888,#b8aba277 22%,#e0d6c4aa 29%,#80726588 42%,#c3b2a499 62%,#786c5c99 85%);background-size:100% 100%;border:3px solid #8b4932;box-shadow:inset 0 0 3px #d7915b,inset 0 0 26px #77391f88;animation:none}
.effect-preview-overlay.effect-rusted:after{content:'';position:absolute;inset:0;background:radial-gradient(circle,#421e16aa 0 1px,transparent 1.5px) 2px 3px/17px 23px,radial-gradient(circle,#d66b3d99 0 1.5px,transparent 2px) 9px 13px/29px 31px;opacity:.38;mask-image:radial-gradient(ellipse,transparent 30%,#000 80%)}
.preview-lightning{background:linear-gradient(145deg,#3e4b62,#1b283a)!important}.preview-volcanic{background:radial-gradient(ellipse at bottom,#462d2a,#181b21 75%)!important}
.preview-lightning .pull-name,.preview-lightning .pull-family,.preview-lightning .trading-card-description,.preview-lightning .card-topline,.preview-lightning .card-footerline,.preview-volcanic .pull-name,.preview-volcanic .pull-family,.preview-volcanic .trading-card-description,.preview-volcanic .card-topline,.preview-volcanic .card-footerline{color:#f0f4ff!important}
.effect-preview-overlay.effect-lightning{mix-blend-mode:normal;background:radial-gradient(ellipse at top,#90b6e322,transparent 70%);border:2px solid #88a9cf;box-shadow:inset 0 0 24px #07142b88}
.lightning-geometry,.volcanic-geometry{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lightning-geometry path,.volcanic-geometry path{fill:none;stroke-linejoin:round;stroke-linecap:round}
.lightning-glow{stroke:#4ca7ff;stroke-width:5;filter:blur(3px)}.lightning-core{stroke:#e9faff;stroke-width:1.6;filter:drop-shadow(0 0 3px #66c5ff)}
.lightning-branch{opacity:0;animation:storm-bolt var(--bolt-duration) ease-in-out infinite;animation-delay:var(--bolt-delay)}
@keyframes storm-bolt{0%,12%,100%{opacity:0}4%,7%{opacity:.95}}
.effect-preview-overlay.effect-volcanic{mix-blend-mode:normal;background:repeating-radial-gradient(ellipse at 19% 85%,#0002 0 1px,transparent 2px 5px),radial-gradient(ellipse at bottom,#ed582422,transparent 60%);border:2px solid #8f4737;box-shadow:inset 0 0 24px #0008}
.volcanic-glow{stroke:#fc481c;stroke-width:7;filter:blur(3px)}.volcanic-core{stroke:#ffb044;stroke-width:1.8;filter:drop-shadow(0 0 2px #ffea8b)}
.volcanic-branch{animation:lava-breathe 7s ease-in-out infinite alternate;animation-delay:var(--bolt-delay)}
.volcanic-ember{position:absolute;left:var(--x);bottom:2%;width:3px;height:5px;border-radius:50%;background:#ffba55;box-shadow:0 0 5px #ff4a20;animation:ember-rise 8s ease-out infinite;animation-delay:var(--delay)}
@keyframes lava-breathe{to{opacity:.6;filter:brightness(1.2)}}@keyframes ember-rise{0%{opacity:0;transform:translate(0,0)}20%{opacity:.8}100%{opacity:0;transform:translate(12px,-130px)}}
.effect-preview-overlay.effect-glitched{mix-blend-mode:normal;background:repeating-linear-gradient(0deg,transparent 0 3px,#2e496622 3px 4px);border:2px solid #9482c5;overflow:hidden;filter:hue-rotate(var(--glitch-hue))}
.glitch-strip{position:absolute;left:-5%;width:110%;height:3%;background:linear-gradient(90deg,#07e5de44,transparent 35%,#eb33c344 80%);animation:glitch-strip-shift 8s steps(1,end) infinite;animation-delay:var(--glitch-delay)}
.preview-glitched .instrument-photo,.preview-glitched .pull-name,.preview-glitched .pull-family,.preview-glitched .card-badges,.preview-glitched .trading-card-description,.preview-glitched .card-topline,.preview-glitched .card-footerline{animation:glitch-section-shift 9s steps(1,end) infinite}
.preview-glitched .instrument-photo{animation-delay:-3s}.preview-glitched .pull-name{animation-delay:-5s}.preview-glitched .card-badges{animation-delay:-7s}.preview-glitched .trading-card-description{animation-delay:-2s}
@keyframes glitch-section-shift{0%,25%,65%,100%{transform:none;filter:none}30%{transform:translate(4px,1px);filter:hue-rotate(80deg);text-shadow:-2px 0 #00caca}35%{transform:translate(-3px,-2px);filter:hue-rotate(215deg);text-shadow:2px 0 #f354bd}40%{transform:none;filter:hue-rotate(140deg)}70%{transform:translate(2px,-1px);filter:hue-rotate(300deg)}}
@keyframes glitch-strip-shift{0%,25%,100%{opacity:0;transform:none}30%{opacity:.8;transform:translateX(9px)}40%{opacity:.4;transform:translateX(-7px)}65%{opacity:0}}
@media(prefers-reduced-motion:reduce){.lightning-branch{animation:none;opacity:.55}.volcanic-branch,.volcanic-ember,.glitch-strip,.preview-glitched .instrument-photo,.preview-glitched .pull-name,.preview-glitched .pull-family,.preview-glitched .card-badges,.preview-glitched .trading-card-description,.preview-glitched .card-topline,.preview-glitched .card-footerline{animation:none}.glitch-strip{opacity:.25}}
.preview-glitched{perspective:900px}
.preview-glitched .instrument-photo,.preview-glitched .pull-name,.preview-glitched .pull-family,.preview-glitched .card-badges,.preview-glitched .trading-card-description,.preview-glitched .card-topline,.preview-glitched .card-footerline{animation-name:glitch-reassemble;animation-duration:12s;animation-timing-function:linear;transform-origin:center;backface-visibility:visible}
@keyframes glitch-reassemble{0%,15%,60%,100%{transform:translate(0,0) rotate(0) rotateY(0) scale(1);filter:none;text-shadow:none}20%{transform:translate(12px,-6px) rotate(7deg) rotateY(0);filter:hue-rotate(90deg);text-shadow:-2px 0 #00caca}25%{transform:translate(-10px,9px) rotate(-9deg) rotateY(0);filter:hue-rotate(210deg)}30%{transform:translate(7px,-4px) rotate(4deg) rotateY(180deg);filter:hue-rotate(310deg)}36%{transform:translate(-5px,12px) rotate(-5deg) rotateY(180deg) scale(.94);filter:hue-rotate(150deg)}44%{transform:translate(8px,-5px) rotate(6deg) rotateY(0);filter:hue-rotate(245deg);text-shadow:2px 0 #e843c8}50%{transform:translate(-4px,3px) rotate(-3deg) rotateY(0);filter:hue-rotate(60deg)}75%{transform:translate(0,0) rotate(0) rotateY(0);filter:none}80%{transform:translate(-7px,-3px) rotate(-6deg) rotateX(180deg);filter:hue-rotate(280deg)}86%{transform:translate(6px,5px) rotate(5deg) rotateX(0);filter:hue-rotate(120deg)}92%{transform:translate(0,0) rotate(0) rotateX(0);filter:none}}
@media(prefers-reduced-motion:reduce){.preview-glitched .instrument-photo,.preview-glitched .pull-name,.preview-glitched .pull-family,.preview-glitched .card-badges,.preview-glitched .trading-card-description,.preview-glitched .card-topline,.preview-glitched .card-footerline{animation:none;transform:none;filter:none}}

.preview-glitched .instrument-photo{--jump-y:185px;--jump-x:0px;--jump-turn:4deg}
.preview-glitched .pull-name{--jump-y:-150px;--jump-x:5px;--jump-turn:-7deg}
.preview-glitched .pull-family{--jump-y:125px;--jump-x:-8px;--jump-turn:10deg}
.preview-glitched .card-badges{--jump-y:-170px;--jump-x:0px;--jump-turn:-6deg}
.preview-glitched .trading-card-description{--jump-y:-150px;--jump-x:3px;--jump-turn:4deg}
.preview-glitched .card-topline{--jump-y:370px;--jump-x:0px;--jump-turn:0deg}
.preview-glitched .card-footerline{--jump-y:-210px;--jump-x:0px;--jump-turn:3deg}
.preview-glitched .instrument-photo,.preview-glitched .pull-name,.preview-glitched .pull-family,.preview-glitched .card-badges,.preview-glitched .trading-card-description,.preview-glitched .card-topline,.preview-glitched .card-footerline{animation:glitch-instant-jump 12s steps(1,end) infinite}
.preview-glitched .pull-name{animation-delay:-2s}.preview-glitched .card-badges{animation-delay:-4s}.preview-glitched .trading-card-description{animation-delay:-6s}
@keyframes glitch-instant-jump{0%,50%,90%,100%{transform:none;filter:none;text-shadow:none}20%{transform:translate(var(--jump-x),var(--jump-y)) rotate(var(--jump-turn)) rotateY(180deg);filter:hue-rotate(135deg)}65%{transform:translate(calc(var(--jump-x) * -1),calc(var(--jump-y) * .7)) rotate(calc(var(--jump-turn) * -1));filter:hue-rotate(285deg);text-shadow:2px 0 #27e5d9}}
@media(prefers-reduced-motion:reduce){.preview-glitched .instrument-photo,.preview-glitched .pull-name,.preview-glitched .pull-family,.preview-glitched .card-badges,.preview-glitched .trading-card-description,.preview-glitched .card-topline,.preview-glitched .card-footerline{animation:none;transform:none;filter:none}}
.effect-preview-overlay.effect-tidal{mix-blend-mode:multiply;background:radial-gradient(ellipse at 20% 15%,#c8fff677,transparent 50%),linear-gradient(150deg,#74d2d999,#2899c688,#73d8d177);border:3px solid #56b7c1;box-shadow:inset 0 0 24px #008ba355;overflow:hidden}
.tidal-water{position:absolute;inset:-5%;width:110%;height:110%}.tidal-wave{fill:none;stroke:#e0fffd;stroke-width:2;filter:drop-shadow(0 0 3px #a4fff2);opacity:.6;animation:tidal-ripple 7s ease-in-out infinite alternate;animation-delay:var(--delay)}
@keyframes tidal-ripple{to{transform:translate(20px,12px) scaleX(1.06);opacity:.28}}
.preview-orbit{background:linear-gradient(145deg,#23334d,#101b32)!important}.preview-orbit .pull-name,.preview-orbit .pull-family,.preview-orbit .trading-card-description,.preview-orbit .card-topline,.preview-orbit .card-footerline{color:#e6f0ff!important}
.effect-preview-overlay.effect-orbit{mix-blend-mode:normal;background:radial-gradient(ellipse at center,#689dc922,transparent 65%);border:2px solid #b3c9ec;box-shadow:inset 0 0 15px #5488bc33;overflow:hidden}
.orbit-ring{position:absolute;inset:6% 8%;border:1px solid #bcccea88;border-radius:50%;transform:rotate(var(--orbit-angle));box-shadow:0 0 3px #8bbaec33}
.orbit-satellite{position:absolute;left:0;top:0;width:var(--orbit-size);height:var(--orbit-size);border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#abcbe5 40%,#395a89 80%);box-shadow:0 0 6px #abd4ff88;offset-path:ellipse(42% 43% at 50% 50%);offset-rotate:0deg;animation:orbit-travel 22s linear infinite;animation-delay:var(--orbit-delay)}
@keyframes orbit-travel{to{offset-distance:100%}}
@media(prefers-reduced-motion:reduce){.tidal-wave,.orbit-satellite{animation:none}.orbit-satellite:nth-of-type(4){offset-distance:35%}.orbit-satellite:nth-of-type(6){offset-distance:70%}}
.preview-tidal{background:linear-gradient(155deg,#075073,#0c879b 38%,#073c63 72%,#031c37)!important}.preview-tidal .pull-name,.preview-tidal .pull-family,.preview-tidal .trading-card-description,.preview-tidal .card-topline,.preview-tidal .card-footerline{color:#efffff!important}
.effect-preview-overlay.effect-tidal{mix-blend-mode:normal;background:radial-gradient(ellipse at 15% 0,#7ffaf54d,transparent 55%),repeating-conic-gradient(from 25deg at 70% 110%,transparent 0deg 12deg,#9affee18 14deg 16deg,transparent 18deg 30deg);border:3px solid #91f7f0;box-shadow:inset 0 0 20px #65ffe355,0 0 10px #65e9e655}
.tidal-wave{stroke:#c4fff5;stroke-width:2.5;opacity:.65;filter:drop-shadow(0 0 5px #2ffff0);animation:tidal-ripple 6s ease-in-out infinite alternate;animation-delay:var(--delay)}
.tidal-bubble{position:absolute;left:var(--x);bottom:-5%;width:var(--bubble-size);height:var(--bubble-size);border:1px solid #bbfffaaa;border-radius:50%;background:radial-gradient(circle at 25% 20%,#fff9,transparent 60%);box-shadow:0 0 5px #71fae966;animation:tidal-bubble-rise 10s linear infinite;animation-delay:var(--delay)}
.tidal-surf{position:absolute;bottom:-22%;left:-35%;width:170%;height:46%;border-radius:42% 55% 0 0;background:radial-gradient(ellipse at 50% 0,#ffffffcc 0 2%,#7bfff699 4%,#28c9d088 12%,#07619acc 32%,#043867 80%);border-top:3px solid #dcfff3;box-shadow:0 -6px 20px #60faec66;animation:tidal-surf-roll 7s ease-in-out infinite alternate}
@keyframes tidal-surf-roll{to{transform:translate(15px,-24px) rotate(-6deg)}}@keyframes tidal-bubble-rise{0%{opacity:0;transform:translate(0,0)}15%{opacity:.8}90%{opacity:.5}100%{opacity:0;transform:translate(15px,-470px)}}
.effect-preview-overlay.effect-orbit{background:radial-gradient(ellipse at 80% 95%,#d279cb33,transparent 48%),radial-gradient(ellipse at 5% 5%,#6aaeea33,transparent 45%);border:3px solid #ccd5ff;box-shadow:inset 0 0 22px #858ced44,0 0 12px #9dbdf766}
.orbit-ring{border-color:#90c8ff99;border-width:1.5px;box-shadow:0 0 6px #91beec77,inset 0 0 3px #91beec44}
.orbit-satellite{width:calc(var(--orbit-size) * 1.25);height:calc(var(--orbit-size) * 1.25);background:radial-gradient(circle at 30% 25%,#fff,#bbd6ff 35%,#6283bd 65%,#182d57 95%);box-shadow:0 0 5px #fff,0 0 15px #8eafff}
.orbit-satellite:after{content:'';position:absolute;right:50%;top:20%;width:34px;height:60%;border-radius:50%;background:linear-gradient(90deg,transparent,#93c8ff88);filter:blur(2px)}
.orbit-planet{position:absolute;width:68px;height:68px;left:calc(50% - 34px);bottom:15%;border-radius:50%;background:repeating-linear-gradient(165deg,#dda7cd 0 4px,#8972b1 6px 10px,#b3acd6 11px 16px);box-shadow:inset -17px -7px 19px #10203bcc,inset 7px 3px 9px #f1e8ff99,0 0 12px #b797e855}
.orbit-planet>span{position:absolute;inset:17px -27px;border:5px solid #d6b5dcaa;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 4px #b6b9ef,inset 0 0 4px #a68fb9;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.orbit-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 5px #bedcff;animation:cosmic-twinkle 5s ease-in-out infinite alternate}
.orbit-star:nth-of-type(5n){width:5px;height:5px;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
@media(prefers-reduced-motion:reduce){.tidal-bubble,.tidal-surf,.orbit-star{animation:none}.tidal-bubble{bottom:var(--x);opacity:.5}}
.orbit-shooting-star{position:absolute;left:-35%;top:var(--meteor-y);width:100px;height:2px;background:linear-gradient(90deg,transparent,#8fbaff88,#ffffff);border-radius:50%;box-shadow:0 0 5px #93c6ff55;transform:rotate(28deg);animation:orbit-meteor var(--meteor-duration) linear infinite;animation-delay:var(--meteor-delay)}
.orbit-shooting-star:after{content:'';position:absolute;right:0;top:-1px;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff,0 0 12px #96c7ff}
@keyframes orbit-meteor{0%,70%{opacity:0;transform:translate(0,0) rotate(28deg)}72%{opacity:.9}87%{opacity:.8}90%,100%{opacity:0;transform:translate(410px,200px) rotate(28deg)}}
.singularity-space-cloud{position:absolute;left:var(--cloud-x);top:var(--cloud-y);width:100%;height:70%;border-radius:45%;z-index:0;background:radial-gradient(ellipse at 35% 45%,#8260bd55,transparent 55%),radial-gradient(ellipse at 70% 65%,#4f9fc84d,transparent 55%),radial-gradient(ellipse at 50% 30%,#b26d9944,transparent 45%);filter:blur(18px) hue-rotate(var(--cloud-hue));animation:singularity-cloud-drift 28s ease-in-out infinite alternate;animation-delay:var(--cloud-delay);opacity:.8}
@keyframes singularity-cloud-drift{from{transform:translate(-18px,-12px) rotate(-12deg) scale(.92)}to{transform:translate(30px,25px) rotate(14deg) scale(1.12)}}
@media(prefers-reduced-motion:reduce){.orbit-shooting-star{animation:none;opacity:0}.singularity-space-cloud{animation:none;transform:none}}

.effect-event-divider{grid-column:1/-1;display:flex;align-items:center;gap:16px;color:#be5c09}.effect-event-divider:before,.effect-event-divider:after{content:'';height:1px;flex:1;background:#e2b37b}.effect-haunted{background:linear-gradient(140deg,#c6faff33,#a295f144)}.halloween-effect-ghost{position:absolute;font-size:28px;animation:halloween-ghost-float 7s ease-in-out infinite}.effect-jack-o-flame{background:radial-gradient(ellipse at 50% 90%,#ffcc0099,transparent 65%);box-shadow:inset 0 0 32px #ff7100;animation:halloween-flame-glow 3s ease-in-out infinite}.effect-witch-mist{background:radial-gradient(ellipse at 15% 80%,#80ff7799,transparent 65%),radial-gradient(ellipse at 80% 20%,#be66ff99,transparent 65%);background-size:150% 150%;animation:halloween-mist 9s ease-in-out infinite alternate}@keyframes halloween-ghost-float{50%{transform:translateY(-20px) rotate(8deg);opacity:.4}}@keyframes halloween-flame-glow{50%{box-shadow:inset 0 0 60px #ffb000}}@keyframes halloween-mist{to{background-position:100% 100%}}@media(prefers-reduced-motion:reduce){.halloween-effect-ghost,.effect-jack-o-flame,.effect-witch-mist{animation:none}}

.effect-preview-overlay.effect-haunted,.effect-preview-overlay.effect-jack-o-flame,.effect-preview-overlay.effect-witch-mist{mix-blend-mode:normal;opacity:1}.effect-preview-overlay.effect-haunted{background:linear-gradient(140deg,#c6faff44,#9281d955)}.halloween-effect-ghost{filter:drop-shadow(0 2px 4px #394d77);font-size:35px}.effect-preview-overlay.effect-jack-o-flame{background:radial-gradient(ellipse at 50% 95%,#ff9b0099,transparent 75%);box-shadow:inset 0 0 40px #ff7100aa}.effect-jack-o-flame:after{content:none;position:absolute;bottom:13%;left:38%;font-size:62px;filter:drop-shadow(0 0 12px #ff8100)}.effect-preview-overlay.effect-witch-mist{background:radial-gradient(ellipse at 15% 80%,#6afa6caa,transparent 65%),radial-gradient(ellipse at 80% 20%,#aa4debaa,transparent 65%);background-size:160% 160%}.effect-witch-mist:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(15deg,transparent 0 18%,#cda3ff55 23%,transparent 30%);filter:blur(12px);animation:halloween-mist 7s ease-in-out infinite alternate}

.effect-preview-overlay.effect-haunted{background:none;mix-blend-mode:normal}.halloween-effect-ghost{position:absolute;width:36px;height:43px;animation:none!important;filter:drop-shadow(0 0 5px #c5f7ff77);opacity:0}.halloween-effect-ghost svg{width:100%;height:100%}.effect-jack-o-flame:after{content:none}

.halloween-effect-ghost{width:65px;height:65px}.halloween-effect-ghost img{width:100%;height:100%;object-fit:contain;display:block}.halloween-pumpkin-vines{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.65;filter:drop-shadow(0 0 5px #ff990033);animation:pumpkin-vine-glow 5s ease-in-out infinite alternate}.effect-preview-overlay.effect-jack-o-flame{background:radial-gradient(ellipse at 50% 95%,#ff9b0033,transparent 70%);box-shadow:inset 0 0 16px #ff710044}@keyframes pumpkin-vine-glow{to{opacity:.8;filter:drop-shadow(0 0 8px #ff990066)}}@media(prefers-reduced-motion:reduce){.halloween-pumpkin-vines{animation:none}}

.halloween-curling-vines{position:absolute;inset:0;width:100%;height:100%;opacity:.7;transform-origin:50% 100%;animation:halloween-vine-sway 7s ease-in-out infinite alternate}.halloween-pumpkin-vines{transform-origin:50% 100%;animation:pumpkin-vine-glow 5s ease-in-out infinite alternate,halloween-vine-sway 7s ease-in-out infinite alternate}@keyframes halloween-vine-sway{from{transform:skewX(-.7deg)}to{transform:skewX(.7deg)}}@media(prefers-reduced-motion:reduce){.halloween-curling-vines,.halloween-pumpkin-vines{animation:none}}

.effect-preview-overlay.effect-jack-o-flame{background:none;box-shadow:none;animation:none}.halloween-pumpkin-vines{inset:auto 7px 24px auto;width:82px;height:98px;object-fit:contain;opacity:.85;filter:drop-shadow(0 0 4px #ff990044);animation:halloween-vine-sway 7s ease-in-out infinite alternate}.halloween-curling-vines{opacity:.65}.effect-jack-o-flame:after{content:none}

.effect-preview-overlay.effect-jack-o-flame{background:radial-gradient(ellipse at 84% 91%,#ffaf281c,transparent 43%);box-shadow:inset 0 -14px 24px -16px #ffb65a99;animation:halloween-candle-flicker 4.7s ease-in-out infinite}.halloween-pumpkin-vines{animation:halloween-pumpkin-candle 4.7s ease-in-out infinite;filter:drop-shadow(0 0 5px #ffc46a88)}@keyframes halloween-candle-flicker{0%,100%{opacity:.8;box-shadow:inset 0 -14px 24px -16px #ffb65a99}19%{opacity:.7}23%{opacity:.9}27%{opacity:.75}48%{opacity:.86;box-shadow:inset 0 -18px 30px -17px #ffb65acc}73%{opacity:.7}79%{opacity:.88}84%{opacity:.78}}@keyframes halloween-pumpkin-candle{0%,100%{filter:drop-shadow(0 0 5px #ffc46a88);opacity:.88}23%,79%{filter:drop-shadow(0 0 8px #ffb64aaa);opacity:.95}27%,73%{filter:drop-shadow(0 0 3px #ffc46a66);opacity:.8}}@media(prefers-reduced-motion:reduce){.effect-preview-overlay.effect-jack-o-flame,.halloween-pumpkin-vines{animation:none}}

.trading-card.preview-haunted{opacity:.78;background-color:#e7ecf1b3;box-shadow:inset 0 0 24px #26304044,0 0 15px #18263822}.effect-preview-overlay.effect-haunted{background:none}.haunted-dark-fog{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.haunted-dark-fog>span{position:absolute;left:-35%;top:var(--fog-position);width:160%;height:65%;background:radial-gradient(ellipse,#20253166 0,#30344233 38%,transparent 68%);filter:blur(16px);animation:haunted-fog-drift 18s ease-in-out infinite alternate;animation-delay:var(--fog-delay)}@keyframes haunted-fog-drift{0%{transform:translate(-12%,-15%) rotate(-12deg) scale(.8);opacity:.45}50%{opacity:.75}100%{transform:translate(18%,25%) rotate(12deg) scale(1.2);opacity:.6}}@media(prefers-reduced-motion:reduce){.haunted-dark-fog>span{animation:none}}

.jack-pumpkin-texture{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.2;background:repeating-radial-gradient(ellipse at 50% 40%,transparent 0 14px,#e47a2444 16px,#9f420c55 18px,#ffce7333 20px,transparent 24px),linear-gradient(115deg,#ed9a3533,transparent 45%,#ffbf5633);mix-blend-mode:multiply;mask-image:linear-gradient(#0008,#000 70%);box-shadow:inset 0 0 20px #dc7c2744}