/* fx-more.css · extra 3D layer for 拉盘LP金库 (pairs with fx3d-more.js) */
/* 1 · live rows fly in from depth; whales pop forward */
#feed{perspective:700px;perspective-origin:50% 0}
#feed .x-row.is-new{transform-origin:50% 0;animation:x-row3d .9s cubic-bezier(.16,1,.3,1) both,x-rowflash 3s cubic-bezier(.33,1,.68,1) both}
#feed .x-row.is-whale{position:relative;z-index:1;transform:translateZ(10px);box-shadow:inset 2px 0 0 var(--x-g),0 0 22px rgba(233,185,73,.32),0 0 0 1px rgba(233,185,73,.35)}
#feed .x-row.is-whale.is-new{animation:x-whale3d 1.1s cubic-bezier(.2,.9,.3,1.2) both,x-rowflash 3s cubic-bezier(.33,1,.68,1) both}
@keyframes x-row3d{from{opacity:0;transform:translateY(-20px) translateZ(-260px) rotateX(-38deg) rotateY(8deg)}55%{opacity:1}to{opacity:1;transform:none}}
@keyframes x-whale3d{from{opacity:0;transform:translateZ(-300px) rotateX(-40deg)}55%{opacity:1;transform:translateZ(60px) rotateX(4deg)}to{opacity:1;transform:translateZ(10px)}}

/* 2 · card tilt (JS sets the transform) */
.x-tilt{transition:opacity .9s var(--x-ease),translate .9s var(--x-ease),transform .3s ease-out!important;transform-origin:50% 50%}

/* 3 · split-flap digits */
.x-sf-src{position:absolute!important;opacity:0;pointer-events:none;white-space:nowrap;overflow:visible}
.x-sf{display:inline-flex;flex-wrap:wrap;gap:2px;perspective:220px;max-width:100%}
.x-sf i{font-style:normal;display:inline-block;min-width:.74em;padding:1px 2px;text-align:center;border-radius:3px;color:var(--x-champ);background:linear-gradient(#3a1f1a 50%,#21110d 50%);box-shadow:inset 0 -1px 0 rgba(0,0,0,.55),0 1px 0 rgba(233,202,156,.12);transform-origin:50% 50%}
.x-sf i.s{min-width:0;padding:1px 0;background:none;box-shadow:none}
.x-sf i.f{animation:x-sff .42s cubic-bezier(.3,.7,.4,1)}
@keyframes x-sff{0%{transform:rotateX(-90deg);filter:brightness(1.6)}100%{transform:none}}

/* 4 · podium */
.x-pod{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px;margin:4px 0 14px;perspective:640px}
.x-pod__c{display:grid;gap:6px;min-width:0;text-align:center;transform-style:preserve-3d;transform:rotateX(-12deg)}
.x-pod__who{display:grid;gap:1px;font-size:12px;line-height:1.35;color:var(--x-l);min-width:0;overflow-wrap:anywhere;opacity:0;transform:translateY(8px);transition:opacity .6s ease .7s,transform .6s ease .7s}
.x-pod__who b{color:var(--x-champ);font-size:13px}
.x-pod__b{position:relative;height:var(--h);border-radius:4px 4px 2px 2px;display:grid;place-items:center;font:700 clamp(20px,5vw,28px)/1 var(--sans,sans-serif);color:#2b1a00;background-color:#d9a23b;background-image:linear-gradient(180deg,#f6d77d,#c98f2c 70%,#8a4d1c);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 24px rgba(0,0,0,.45);transform-style:preserve-3d;transform-origin:50% 100%;transform:scaleY(.02);transition:transform 1s cubic-bezier(.2,.9,.3,1.15)}
.x-pod__b::before{content:"";position:absolute;left:0;right:0;top:0;height:16px;transform-origin:50% 0;transform:rotateX(-90deg);background:linear-gradient(#fff1c4,#e9b949);border-radius:3px}
.x-pod__c:nth-child(1) .x-pod__b{--h:58px;transition-delay:.15s;filter:saturate(.35) brightness(1.05)}
.x-pod__c:nth-child(2) .x-pod__b{--h:84px}
.x-pod__c:nth-child(3) .x-pod__b{--h:44px;transition-delay:.3s;filter:hue-rotate(-14deg) saturate(.8) brightness(.85)}
.x-pod.is-up .x-pod__b{transform:none}
.x-pod.is-up .x-pod__who{opacity:1;transform:none}
.x-lb.has-pod li:nth-child(-n+3){display:none}

/* 5 · tilted dial */
.x-gauge{transform:perspective(520px) rotateX(26deg);transform-origin:50% 100%;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}
.x-gauge__n{transition:transform 1.8s cubic-bezier(.34,1.7,.5,1)!important;box-shadow:0 0 10px rgba(233,202,156,.55)}

/* 6 · extruded gold headings */
.x-h3d{display:inline-block;font-style:normal;color:#f6d77d;transform:perspective(420px) rotateX(70deg) translateY(.5em);transform-origin:50% 100%;opacity:0;transition:transform .9s cubic-bezier(.2,.9,.3,1.1),opacity .6s ease;text-shadow:0 1px 0 #c98f2c,0 2px 0 #a8701f,0 3px 0 #8a4d1c,0 5px 8px rgba(0,0,0,.55)}
h2 .x-h3d,h2.x-h3d{text-shadow:0 1px 0 #d9a23b,0 2px 0 #c98f2c,0 3px 0 #b07a24,0 4px 0 #8a4d1c,0 5px 0 #6b3a14,0 8px 14px rgba(0,0,0,.6)}
.x-h3d.is-up{transform:none;opacity:1}

/* 7a · spinning BNB coin by BUY */
.x-bnbc{display:inline-block;width:20px;height:20px;vertical-align:-4px;perspective:120px;flex:none}
.x-bnbc>i{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:x-bnbspin 3.2s linear infinite}
.x-bnbc b{position:absolute;inset:0;border-radius:50%;background:#f0b90b;box-shadow:inset 0 0 0 1.5px #c9970a}
.x-bnbc b svg{display:block;width:100%;height:100%}
.x-bnbc b.e{background:#b8860b;box-shadow:none}
.x-bnbc b.k{transform:rotateY(180deg) translateZ(1.5px)}
.x-bnbc b:first-child{transform:translateZ(1.5px)}
@keyframes x-bnbspin{to{transform:rotateY(360deg)}}

/* 7b · neon perspective grid floor behind 分红 */
#divpool{position:relative;isolation:isolate;overflow:hidden}
#divpool>*:not(.x-floor){position:relative;z-index:1}
.x-floor{position:absolute;left:0;right:0;bottom:0;height:62%;z-index:0;perspective:260px;perspective-origin:50% 0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 55%);mask-image:linear-gradient(transparent,#000 55%)}
.x-floor i{position:absolute;left:-60%;right:-60%;top:0;height:220%;transform-origin:50% 0;transform:rotateX(64deg);opacity:.42;background-image:linear-gradient(rgba(166,204,0,.85) 1px,transparent 1px),linear-gradient(90deg,rgba(166,204,0,.85) 1px,transparent 1px);background-size:32px 32px;animation:x-floor 2.4s linear infinite}
@keyframes x-floor{to{background-position:0 32px,0 0}}

/* 8 · coins orbiting behind 领取 */
.x-orbw{position:relative;display:block;isolation:isolate}
.x-orbw>.x-btn{position:relative;z-index:1}
.x-orbs{position:absolute;inset:-26px 4px;z-index:0;pointer-events:none}
.x-orbs>span{position:absolute;inset:0;animation:x-ox 3s ease-in-out infinite alternate}
.x-orbs>span>i{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1c4,#e9b949 45%,#8a4d1c);box-shadow:0 0 10px rgba(233,185,73,.55);animation:x-oy 3s ease-in-out infinite alternate}
.x-orbs>span>i{animation-delay:-1.5s}
.x-orbs>span:nth-child(2){animation-delay:-3s}.x-orbs>span:nth-child(2)>i{animation-delay:-4.5s}
.x-orbs>span:nth-child(3){animation-delay:-1.5s}.x-orbs>span:nth-child(3)>i{animation-delay:-3s}
.x-orbs>span:nth-child(4){animation-delay:-4.5s}.x-orbs>span:nth-child(4)>i{animation-delay:-6s}
@keyframes x-ox{from{transform:translateX(-47%)}to{transform:translateX(47%)}}
@keyframes x-oy{from{transform:translateY(-24px) scale(.55);opacity:.55}to{transform:translateY(24px) scale(1.1);opacity:1}}

@media (prefers-reduced-motion:reduce){
  #feed .x-row.is-new,#feed .x-row.is-whale.is-new,.x-sf i.f,.x-bnbc>i,.x-floor i,.x-orbs>span,.x-orbs>span>i{animation:none!important}
  .x-pod__b,.x-pod__who,.x-h3d,.x-gauge__n{transition:none!important}
  .x-h3d{transform:none;opacity:1}
  .x-orbs{display:none}
}