/* R324 isolated transparent gift visual renderer, inert without ?giftVisualPreview=1 */
.vr-r324-fx[hidden]{display:none!important}
.vr-r324-fx{position:absolute;inset:0;z-index:5;overflow:hidden;isolation:isolate;pointer-events:none;display:block;--vr-r324-accent:#d88eff;color:#fff}
.vr-r324-aura{position:absolute;inset:-1%;background:radial-gradient(ellipse at 50% 48%, color-mix(in srgb, var(--vr-r324-accent),transparent 78%) 0,transparent 70%);opacity:0;animation:vr-r324-aura 1.6s ease-in-out both}
.vr-r324-object,.vr-r324-fallback{position:absolute;left:50%;top:43%;width:var(--vr-r324-size,45vw);height:auto;object-fit:contain;max-height:70vh;filter:drop-shadow(0 9px 28px rgba(0,0,0,.4));transform:translate(-50%,-50%) scale(.36);opacity:0;animation:vr-r324-arrive var(--vr-r324-duration,2s) cubic-bezier(.22,.67,.22,1) forwards;will-change:transform,opacity}
.vr-r324-fallback{display:grid;place-items:center;font-size:90px}
.vr-r324-caption{position:absolute;top:76%;left:6%;right:6%;display:grid;justify-items:center;gap:4px;color:#fff;text-shadow:0 2px 6px #14001f,0 2px 20px #100118;max-height:18vh;text-align:center;animation:vr-r324-text 2s ease both}
.vr-r324-caption strong{font-family:Georgia,serif;font-size:clamp(24px,7vw,45px);line-height:1.05;color:#fff;letter-spacing:.01em}
.vr-r324-caption span{font:700 clamp(10px,2.6vw,13px)/1.4 system-ui;color:#fff;padding:5px 11px;border-radius:25px;background:rgba(13,5,20,.72);border:1px solid color-mix(in srgb,var(--vr-r324-accent),transparent 26%)}
.vr-r324-orbit{position:absolute;left:50%;top:43%;border:3px solid color-mix(in srgb, var(--vr-r324-accent),transparent 26%);border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg) scale(.5);width:var(--vr-r324-orbit-width,62vw);aspect-ratio:1;box-shadow:0 0 30px var(--vr-r324-accent), inset 0 0 22px var(--vr-r324-accent);opacity:0;animation:vr-r324-ring 2.3s ease-out both}
.vr-r324-particles{position:absolute;inset:0;overflow:hidden}
.vr-r324-particle{position:absolute;pointer-events:none;left:var(--px);top:-8%;display:block;width:10px;height:18px;opacity:0;transform:rotate(var(--rot));background:var(--vr-r324-accent);box-shadow:0 0 6px var(--vr-r324-accent);border-radius:2px;animation:vr-r324-fall var(--dur) linear var(--delay) both}
.vr-r324-petal{width:11px;height:21px;border-radius:100% 0 100% 0;background:linear-gradient(125deg,#f01d62,#ff82ac 50%,#aa0339)}
.vr-r324-heart{width:12px;height:12px;background:#ff4daa;clip-path:polygon(50% 95%,4% 52%,0 26%,24% 4%,50% 25%,76% 4%,100% 26%,96% 52%);animation-name:vr-r324-float}
.vr-r324-confetti{width:8px;height:15px;border-radius:1px;background:hsl(calc(var(--rot) * 1) 95% 64%)}
.vr-r324-soundwave{width:5px;height:26px;border-radius:6px;background:#e0d4ff;animation-name:vr-r324-sound}
.vr-r324-gold{width:9px;height:14px;background:linear-gradient(45deg,#ffdc66,#f8a900);border:1px solid #fff6c7}
.vr-r324-cosmic{width:7px;height:7px;background:#d4b7ff;border-radius:50%;box-shadow:0 0 14px 4px #b751ff;animation-name:vr-r324-star}
.vr-r324-fx[data-tier="1"]{--vr-r324-size:min(37vw,142px);--vr-r324-duration:1.8s;--vr-r324-orbit-width:46vw}
.vr-r324-fx[data-tier="2"]{--vr-r324-size:min(57vw,235px);--vr-r324-duration:2.8s;--vr-r324-orbit-width:69vw}
.vr-r324-fx[data-tier="3"]{--vr-r324-size:min(77vw,360px);--vr-r324-duration:3.8s;--vr-r324-orbit-width:88vw}
.vr-r324-fx[data-tier="4"]{--vr-r324-size:min(100vw,500px);--vr-r324-duration:4.8s;--vr-r324-orbit-width:110vw}
.vr-r324-fx[data-tier="5"]{--vr-r324-size:min(122vw,720px);--vr-r324-duration:6.3s;--vr-r324-orbit-width:140vw}
.vr-r324-fx[data-tier="4"] .vr-r324-aura,.vr-r324-fx[data-tier="5"] .vr-r324-aura{animation:vr-r324-big-aura 3.4s ease-out both}
.vr-r324-fx[data-tier="4"] .vr-r324-caption,.vr-r324-fx[data-tier="5"] .vr-r324-caption{top:84%}
.vr-r324-fx[data-tier="5"] .vr-r324-orbit{animation:vr-r324-big-ring 5s ease both}
@keyframes vr-r324-arrive{0%{opacity:0;transform:translate(-50%,-50%) scale(.32) rotate(-9deg)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.07) rotate(1deg)}25%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-57%) scale(1.04)}}
@keyframes vr-r324-ring{0%{opacity:0;transform:translate(-50%,-50%) rotateX(68deg) scale(.15)}25%{opacity:.88}85%{opacity:.65}100%{opacity:0;transform:translate(-50%,-50%) rotateX(67deg) scale(1.25)}}
@keyframes vr-r324-big-ring{0%{opacity:0;transform:translate(-50%,-50%) rotateX(67deg) scale(.1)}20%{opacity:.92}84%{opacity:.72}100%{opacity:0;transform:translate(-50%,-50%) rotateX(67deg) scale(1.4)}}
@keyframes vr-r324-aura{0%{opacity:0}23%,65%{opacity:.25}100%{opacity:0}}
@keyframes vr-r324-big-aura{0%{opacity:0}16%{opacity:.46}24%{opacity:.1}38%,68%{opacity:.4}100%{opacity:0}}
@keyframes vr-r324-text{0%{opacity:0;transform:translateY(20px)}24%,83%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-10px)}}
@keyframes vr-r324-fall{0%{opacity:0;transform:translateY(-8vh) rotate(var(--rot))}10%{opacity:.95}85%{opacity:.9}100%{opacity:0;transform:translateY(113vh) translateX(var(--sway)) rotate(360deg)}}
@keyframes vr-r324-float{0%{opacity:0;transform:translateY(104vh) scale(.6)}30%{opacity:.98}100%{opacity:0;transform:translateY(-90vh) translateX(var(--sway)) scale(1.25)}}
@keyframes vr-r324-sound{0%{opacity:0;transform:translateY(40vh) scaleY(.2)}30%{opacity:.95;transform:translateY(39vh) scaleY(1.8)}100%{opacity:0;transform:translateY(32vh) scaleY(.25)}}
@keyframes vr-r324-star{0%{opacity:0;transform:translateY(10vh) scale(.4)}30%{opacity:1;transform:translateY(23vh) scale(1.2)}100%{opacity:0;transform:translateY(98vh) translateX(var(--sway)) scale(.6)}}
.vr-r324-preview-choices{margin:8px 0;padding:12px 4px;border-top:1px solid rgba(206,160,241,.22);color:#fff}
.vr-r324-preview-choices h3{font:700 14px/1.3 system-ui;color:#f9dcff;margin:0 0 5px}
.vr-r324-preview-choices p{font:400 11px/1.4 system-ui;color:#ccbadc;margin:0 0 10px}
.vr-r324-preview-list{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:2px 2px 8px}
.vr-r324-preview-btn{flex:0 0 83px;display:grid;align-content:start;justify-items:center;gap:5px;scroll-snap-align:start;border:1px solid #9c70c0;border-radius:10px;background:#1c1128;color:#fff;min-height:116px;padding:8px 3px;cursor:pointer;touch-action:manipulation}
.vr-r324-preview-btn img{display:block;width:65px;height:65px;object-fit:contain}
.vr-r324-preview-btn span{font:600 10px/1.2 system-ui;overflow-wrap:anywhere;text-align:center}
.vr-r324-preview-btn:focus-visible{outline:2px solid white;outline-offset:2px}
@media (prefers-reduced-motion: reduce){.vr-r324-object,.vr-r324-fallback,.vr-r324-caption,.vr-r324-orbit,.vr-r324-aura,.vr-r324-particle{animation:none!important}.vr-r324-object,.vr-r324-fallback{opacity:1;transform:translate(-50%,-50%)}.vr-r324-caption{opacity:1}.vr-r324-orbit{opacity:.2;transform:translate(-50%,-50%) rotateX(65deg)}.vr-r324-particle{display:none}}