.trade-click-layer{position:fixed;inset:0;z-index:95;pointer-events:none;overflow:hidden;contain:strict}
.trade-click-card{--trade:#42dc89;position:absolute;width:210px;padding:14px 15px 12px;box-sizing:border-box;overflow:hidden;border:1px solid color-mix(in srgb,var(--trade) 45%,transparent);border-radius:8px;background:#08110ff2;box-shadow:0 10px 36px #0008,0 0 24px color-mix(in srgb,var(--trade) 13%,transparent);color:#edf4ef;font-family:Arial,sans-serif;pointer-events:none;animation:trade-click-pop .35s ease both}
.trade-click-card.is-sell{--trade:#ef626b;background:#150b0ef2}
.trade-click-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.trade-click-head strong{font-size:20px;letter-spacing:.6px;color:var(--trade)}
.trade-click-head>span{font:9px monospace;letter-spacing:1.5px;color:#9daaa3}
.trade-click-status{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12px}
.trade-click-status i{width:5px;height:5px;border-radius:50%;background:var(--trade);box-shadow:0 0 8px var(--trade)}
.trade-click-meta{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font:9px monospace;color:var(--trade)}
.trade-click-meta span{color:#98a39d}
.trade-click-life{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--trade);transform-origin:left;animation:trade-click-life 2.65s linear both}
@keyframes trade-click-pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@keyframes trade-click-life{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.trade-click-card,.trade-click-life{animation:none}.trade-click-life{display:none}}
@media(max-width:480px){.trade-click-card{width:190px;padding:12px}.trade-click-head strong{font-size:18px}}

.trade-click-scene{position:absolute;width:300px;height:310px;pointer-events:none;transform:scale(var(--scene-scale,1));transform-origin:top left;animation:trade-scene-fade 4.7s linear both}
.trade-click-scene .trade-click-card{left:0;top:0}
.trade-click-scene.is-buy .trade-click-card{top:200px}
.trade-flight{position:absolute;inset:0;width:300px;height:310px;overflow:visible;pointer-events:none}
.trade-candle{animation:trade-candle-grow .3s ease-out var(--delay) both}
.trade-target{animation:trade-target-show .3s ease-out 2.65s both}
.trade-shock{fill:none;stroke:#8ff5bc;stroke-width:2;animation:trade-tp-shock .65s ease-out 2.65s both}
.trade-spark{fill:#8ff5bc;animation:trade-tp-spark .7s ease-out 2.65s both}
@keyframes trade-candle-grow{from{opacity:0;transform:scaleY(.05)}to{opacity:1;transform:scaleY(1)}}
@keyframes trade-target-show{from{opacity:0}to{opacity:1}}
@keyframes trade-tp-shock{0%{opacity:0;transform:scale(.3)}15%{opacity:.9}100%{opacity:0;transform:scale(4.5)}}
@keyframes trade-tp-spark{0%{opacity:0;transform:translate(0,0)}10%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy))}}
@keyframes trade-scene-fade{0%,85%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.trade-click-scene,.trade-candle,.trade-target{animation:none}.trade-shock,.trade-spark{display:none}}