/* R327 preview-only extension: keep R326 financial/event modules unchanged. */
#giftTray .vr-r324-preview-choices[data-r327-ready="1"] .vr-r326-tier-filters,
#giftTray .vr-r324-preview-choices[data-r327-ready="1"] .vr-r326-tier-search,
#giftTray .vr-r324-preview-choices[data-r327-ready="1"] .vr-r326-tier-count{display:none!important}
.vr-r327-filters{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px}
.vr-r327-filter{flex:0 0 auto;min-height:44px;padding:8px 11px;border-radius:999px;background:#210d2e;color:#fff;border:1px solid #955abb;font:700 12px system-ui}
.vr-r327-filter[aria-pressed=true]{background:#8a36b5;border-color:#e8a9f6}
.vr-r327-search{width:100%;min-height:44px;border:1px solid #9364b9;background:#1c0d25;color:white;border-radius:9px;padding:8px 12px}
.vr-r327-count{text-align:right;color:#e4c2ed;font:500 11px system-ui;margin:4px 2px 9px}
#giftTray .vr-r324-preview-btn[hidden]{display:none!important}
#viewer .vr-r327-fx{z-index:7;pointer-events:none}

/* R327 visual extensions, all driven by art and device motion preference. */
.vr-r324-crown{background:linear-gradient(#fff2a0,#ffc333);border-radius:70% 70% 10% 10%;animation-name:vr-r327-starburst}
.vr-r324-bubbles{border:1px solid rgba(255,244,190,.94);background:rgba(250,202,102,.25);border-radius:50%;animation-name:vr-r327-float}
.vr-r324-fireworks{background:#f67cfc;width:5px;height:16px;box-shadow:0 0 13px 6px #ed58eb;animation-name:vr-r327-starburst}
.vr-r324-beats,.vr-r324-neon,.vr-r324-goldnote{background:linear-gradient(#d78dff,#8c4bff);width:5px;height:23px;border-radius:5px;animation-name:vr-r327-wave}
.vr-r324-gold{background:linear-gradient(45deg,#ffe497,#d4921f);width:10px;height:15px;animation-name:vr-r324-fall}
.vr-r324-crystal,.vr-r324-diamond,.vr-r324-platinum{background:#e9e1ff;clip-path:polygon(50% 0,95% 36%,62% 98%,38% 98%,5% 36%);animation-name:vr-r327-starburst}
.vr-r324-clock{background:rgba(255,234,186,.4);width:15px;height:15px;border:2px solid #fff1cd;border-radius:50%;animation-name:vr-r327-wave}
.vr-r324-car,.vr-r324-jet{width:21px;height:4px;background:linear-gradient(90deg,transparent,#d6b6ff);border-radius:80%;animation-name:vr-r327-streak}
.vr-r324-castle{width:12px;height:20px;background:linear-gradient(170deg,#e4a6ff,#ffb6ee);clip-path:polygon(50% 0,100% 35%,100% 100%,0 100%,0 35%);animation-name:vr-r327-starburst}
@keyframes vr-r327-wave{0%{opacity:0;transform:translateY(35vh) scaleY(.25)}20%,55%{opacity:.93;transform:translateY(35vh) scaleY(1.8)}100%{opacity:0;transform:translateY(25vh) scaleY(.22)}}
@keyframes vr-r327-streak{0%{opacity:0;transform:translateX(-85vw)}25%{opacity:.9}100%{opacity:0;transform:translateX(118vw)}}
@keyframes vr-r327-starburst{0%{opacity:0;transform:scale(.1) rotate(-80deg)}25%{opacity:.94;transform:scale(1.4) rotate(40deg)}100%{opacity:0;transform:scale(.4) rotate(290deg)}}
@keyframes vr-r327-float{0%{opacity:0;transform:translateY(93vh) scale(.3)}26%{opacity:.85}100%{opacity:0;transform:translateY(-75vh) translateX(var(--sway)) scale(1.7)}}
@media(prefers-reduced-motion:reduce){.vr-r324-crown,.vr-r324-bubbles,.vr-r324-fireworks,.vr-r324-beats,.vr-r324-neon,.vr-r324-goldnote,.vr-r324-crystal,.vr-r324-diamond,.vr-r324-platinum,.vr-r324-clock,.vr-r324-car,.vr-r324-jet,.vr-r324-castle{animation:none!important}}
