.uv-artifact-stage{--stage-mint:#8af3c5;--stage-amber:#e7c58a;aspect-ratio:4/5;isolation:isolate;border-radius:22px;transition:transform .7s cubic-bezier(.2,.7,.2,1);display:block;position:relative}:is(.uv-artifact-stage:hover,.uv-artifact-stage:focus-visible){transform:translateY(-8px)}.uv-field{z-index:0;background:radial-gradient(80% 60% at 50% 100%,color-mix(in srgb,var(--accent,#8af3c5) 22%,transparent),transparent 70%),linear-gradient(180deg,#ffffff0d,#ffffff03 60%,#ffffff08);border:1px solid #ffffff14;border-radius:44% 44% 30% 30%/26% 26% 14% 14%;transition:box-shadow .6s,border-color .6s;position:absolute;inset:6% 12% 16%;box-shadow:inset 0 0 40px #ffffff08,0 0 0 1px #00000040}.uv-artifact-stage:hover .uv-field{border-color:color-mix(in srgb,var(--accent,#8af3c5) 45%,transparent);box-shadow:inset 0 0 50px color-mix(in srgb,var(--accent,#8af3c5) 14%,transparent),0 0 50px color-mix(in srgb,var(--accent,#8af3c5) 16%,transparent)}.uv-ring{z-index:1;aspect-ratio:3.4;perspective:400px;width:64%;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.uv-ring i{border:1.5px solid color-mix(in srgb,var(--stage-mint) 70%,transparent);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 18px #8af3c540,inset 0 0 14px #8af3c526;-webkit-mask:radial-gradient(closest-side,#0000 86%,#000 88%);mask:radial-gradient(closest-side,#0000 86%,#000 88%)}.uv-ring i:before{content:"";aspect-ratio:1;background:conic-gradient(transparent 0 70%,#8af3c5cc 85%,transparent 95%);opacity:0;width:110%;transition:opacity .5s;animation:2.4s linear infinite paused sv-stage-turn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uv-artifact-stage:hover .uv-ring i:before{opacity:1;animation-play-state:running}.uv-artifact-stage:focus-visible .uv-ring i:before{opacity:1;animation-play-state:running}@keyframes sv-stage-turn{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.uv-pack{z-index:2;animation:7s ease-in-out infinite sv-stage-float;animation-delay:calc(var(--i,0) * -.9s);display:block;position:absolute;inset:1% 6% 15%}.uv-pack img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 26px 30px #000d) drop-shadow(0 0 22px color-mix(in srgb,var(--accent,#8af3c5) 14%,transparent));position:absolute;inset:0}.uv-pack .holo-foil{-webkit-mask-size:contain;mask-size:contain}@keyframes sv-stage-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.uv-reflect{z-index:0;opacity:.22;height:24%;position:absolute;bottom:-2%;left:22%;right:22%;overflow:hidden;transform:scaleY(-1);-webkit-mask:linear-gradient(#0000 30%,#000 100%);mask:linear-gradient(#0000 30%,#000 100%)}.uv-reflect img{object-fit:contain;filter:blur(2px);width:100%;height:auto}.uv-motes i{z-index:3;background:var(--stage-mint);width:3px;height:3px;box-shadow:0 0 8px var(--stage-mint);opacity:0;left:calc(20% + var(--m) * 20%);animation:6s ease-in infinite sv-stage-mote;animation-delay:calc(var(--m) * -.85s - var(--i,0) * .3s);border-radius:50%;position:absolute;bottom:22%}.uv-motes i:nth-child(3n){background:var(--stage-amber);box-shadow:0 0 8px var(--stage-amber)}@keyframes sv-stage-mote{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translate3d(calc((var(--m) - 1.5) * 5px),-180px,0)}}.uv-glass{z-index:4;color:#d6e2cf;opacity:0;pointer-events:none;-webkit-line-clamp:4;background:#0b110ef2;border:1px solid #ffffff26;border-radius:14px;-webkit-box-orient:vertical;padding:12px 14px;font-size:13px;line-height:1.5;transition:opacity .45s,transform .45s;display:-webkit-box;position:absolute;bottom:8%;left:8%;right:8%;overflow:hidden;transform:translateY(10px)}@media (hover:hover){:is(.uv-artifact-stage:hover .uv-glass,.uv-artifact-stage:focus-visible .uv-glass){opacity:1;transform:none}}.uv-artifact-stage:not([data-live]) :is(.uv-pack,.uv-motes i){animation-play-state:paused}@media (hover:none){.uv-motes,.uv-glass{display:none}.uv-pack{animation:none}.uv-pack img{filter:drop-shadow(0 18px 20px #000c)}}@media (prefers-reduced-motion:reduce){.uv-pack,.uv-ring i:before,.uv-motes i{animation:none!important}.uv-artifact-stage,.uv-artifact-stage:hover{transform:none}}