.orb-lane{--orb-bright:oklch(from var(--orb-color,var(--orb-profit)) calc(l + .12) c h);--orb-mid:oklch(from var(--orb-color,var(--orb-profit)) calc(l - .22) c h);--orb-shade:oklch(from var(--orb-color,var(--orb-profit)) .1 c h);--orb-glow-eff:calc(var(--orb-glow,.2) * var(--orb-glow-intensity,1));height:62px;margin-top:10px;position:relative}.orb-lane-rail,.orb-lane-fill{border-radius:999px;height:2px;position:absolute;top:26px;left:0}.orb-lane-rail{background:hsl(var(--border));right:0}.orb-lane-fill{background:linear-gradient(90deg, oklch(from var(--orb-color,var(--orb-profit)) l c h / .15), oklch(from var(--orb-bright) l c h / .85));box-shadow:0 0 calc(6px + 10px * var(--orb-glow-eff,var(--orb-glow))) oklch(from var(--orb-bright) l c h / calc(.25 + .4 * var(--orb-glow-eff,var(--orb-glow))));transition:width .7s cubic-bezier(.22,1,.36,1)}.orb-lane-tick{pointer-events:none;justify-items:center;gap:2px;display:grid;position:absolute;top:20px;transform:translate(-50%)}.orb-lane-tick-mark{background:hsl(var(--border));width:1px;height:14px}.orb-lane-tick-label{letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground));white-space:nowrap;font-size:.55rem}.orb-lane-stop{background:hsl(var(--primary));opacity:.7;pointer-events:none;border-radius:999px;width:2px;height:18px;transition:left .7s cubic-bezier(.22,1,.36,1);position:absolute;top:18px;transform:translate(-50%)}.orb-lane-orb-wrap{pointer-events:none;transition:left .7s cubic-bezier(.22,1,.36,1);position:absolute;top:27px;transform:translate(-50%,-50%)}.trade-orb.orb-lane-orb{place-items:center;width:38px;height:38px;animation:3.4s ease-in-out infinite orb-lane-bob;display:grid}.trade-orb.orb-lane-orb .orb-shine{width:11px;height:7px;top:6px;left:7px}.orb-lane-orb .orb-token{letter-spacing:.02em;font-size:.55rem}.orb-lane-orb .orb-token-symbol{font-size:.55rem}.orb-lane-orb .orb-token-pnl{font-size:.45rem}@keyframes orb-lane-bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}@media (prefers-reduced-motion:reduce){.trade-orb.orb-lane-orb{animation:none}}.bubble-orb-btn{--orb-size:160px;--orb-bright:oklch(from var(--orb-color,var(--orb-profit)) calc(l + .12) c h);--orb-mid:oklch(from var(--orb-color,var(--orb-profit)) calc(l - .22) c h);--orb-shade:oklch(from var(--orb-color,var(--orb-profit)) .1 c h);--orb-glow-eff:calc(var(--orb-glow,.2) * var(--orb-glow-intensity,1));width:var(--orb-size);height:var(--orb-size);cursor:pointer;-webkit-backdrop-filter:blur(6px) saturate(calc(150% + 40% * var(--orb-prog,0)));contain:layout style;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:transform .3s cubic-bezier(.22,1,.36,1);display:grid}.bubble-orb-btn:hover{transform:scale(1.04)}.bubble-orb{text-align:center;isolation:isolate;width:100%;height:100%;transform-style:preserve-3d;--rim-w:max(1.5px, calc(var(--orb-size,160px) * .019));--ring-blur:calc(var(--orb-size,160px) * (.07 + .05 * var(--orb-glow)));--ring-spread:calc(var(--orb-size,160px) * (.012 + .022 * var(--orb-glow)));--halo-blur:calc(var(--orb-size,160px) * (.15 + .12 * var(--orb-glow)));--halo-spread:calc(var(--orb-size,160px) * (.03 + .04 * var(--orb-glow)));--inner-ring-blur:calc(var(--orb-size,160px) * (.1 + .07 * var(--orb-glow)));--inner-ring-spread:calc(var(--orb-size,160px) * (.018 + .03 * var(--orb-glow)));border:var(--rim-w) solid oklch(from var(--orb-rim) calc(l + .04) c h / 1);background:radial-gradient(circle at 50% 50%, oklch(from var(--orb-shade) l c h / .9) 0%, oklch(from var(--orb-shade) l c h / .8) 44%, oklch(from var(--orb-mid) l c h / calc(.35 + .25 * var(--orb-prog,0))) 76%, oklch(from var(--orb-bright) l c h / calc(.75 + .25 * var(--orb-prog,0))) 100%);box-shadow:0 0 calc(var(--rim-w) * 1.2) 0 oklch(from var(--orb-rim) l c h / .55), 0 0 var(--ring-blur) var(--ring-spread) oklch(from var(--orb-bright) l c h / calc((.55 + .35 * var(--orb-glow)) * var(--orb-glow-intensity,1))), 0 0 var(--halo-blur) var(--halo-spread) oklch(from var(--orb-color,var(--orb-profit)) l c h / calc((.3 + .25 * var(--orb-glow)) * var(--orb-glow-intensity,1))), 0 calc(6px + 6px * var(--orb-glow)) 22px #00000073, inset 0 0 var(--inner-ring-blur) var(--inner-ring-spread) oklch(from var(--orb-bright) l c h / calc((.5 + .3 * var(--orb-glow)) * var(--orb-glow-intensity,1))), inset 0 0 calc(var(--orb-size,160px) * .16) calc(var(--orb-size,160px) * .06) oklch(from var(--orb-shade) l c h / .75);will-change:transform;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:0;animation:7s ease-in-out infinite bubble-breathe;display:flex;position:relative;transform:translateZ(0)}.bubble-orb:after{content:"";background:radial-gradient(circle at 50% 50%, transparent 40%, oklch(from var(--orb-mid) l c h / calc((.1 + .14 * var(--orb-glow) + .1 * var(--orb-prog,0)) * var(--orb-glow-intensity,1))) 66%, oklch(from var(--orb-bright) l c h / calc((.3 + .3 * var(--orb-glow) + .2 * var(--orb-prog,0)) * var(--orb-glow-intensity,1))) 100%);opacity:calc(.7 + .18 * var(--orb-prog,0));z-index:-2;pointer-events:none;will-change:opacity, transform;animation:glow-pulse var(--orb-pulse-speed,3s) ease-in-out infinite;border-radius:999px;position:absolute;inset:6%;overflow:hidden;transform:scale(.9)}.bubble-orb-logo{width:clamp(14px, calc(var(--orb-size) * .24), 50px);height:clamp(14px, calc(var(--orb-size) * .24), 50px);object-fit:contain;filter:drop-shadow(0 1px 4px #0000008c);margin-bottom:.12em}.bubble-orb-selected .bubble-orb{border-color:oklch(from var(--orb-rim) calc(l + .1) c h);box-shadow:0 0 calc(var(--rim-w) * 1.6) 0 oklch(from var(--orb-rim) l c h / .7), 0 0 calc(var(--ring-blur) * 1.2) calc(var(--ring-spread) * 1.3) oklch(from var(--orb-bright) l c h / calc((.65 + .3 * var(--orb-glow)) * var(--orb-glow-intensity,1))), 0 0 calc(var(--halo-blur) * 1.2) calc(var(--halo-spread) * 1.25) oklch(from var(--orb-color,var(--orb-profit)) l c h / calc((.36 + .24 * var(--orb-glow)) * var(--orb-glow-intensity,1))), 0 10px 26px #00000080, inset 0 0 calc(var(--inner-ring-blur) * 1.15) calc(var(--inner-ring-spread) * 1.2) oklch(from var(--orb-bright) l c h / calc((.58 + .3 * var(--orb-glow)) * var(--orb-glow-intensity,1))), inset 0 0 calc(var(--orb-size,160px) * .16) calc(var(--orb-size,160px) * .06) oklch(from var(--orb-shade) l c h / .7)}.bubble-orb-symbol{font-size:clamp(1rem, calc(var(--orb-size) * .19), 2.2rem);letter-spacing:.02em;color:#fff;text-shadow:0 1px 8px #000000bf;font-weight:700;line-height:1.05}.bubble-orb-pct{font-size:clamp(.8rem, calc(var(--orb-size) * .15), 1.7rem);letter-spacing:.01em;color:#fff;text-shadow:0 1px 8px #000000bf;margin-top:.1em;font-weight:700;line-height:1.05}.bubble-orb-pnl{font-size:clamp(.55rem, calc(var(--orb-size) * .075), .85rem);color:#fff9;margin-top:.15em;font-weight:500;line-height:1.1}@keyframes bubble-breathe{0%,to{transform:scale(calc(1 - var(--orb-pulse-amp,.04)))}50%{transform:scale(calc(1 + var(--orb-pulse-amp,.04) * .7))}}@keyframes glow-pulse{0%,to{opacity:calc((.38 + .1 * var(--orb-glow) + .14 * var(--orb-prog,0)) * var(--orb-glow-intensity,1));transform:scale(calc(.9 - .04 * var(--orb-prog,0)))}50%{opacity:calc((.6 + .1 * var(--orb-glow) + .22 * var(--orb-prog,0)) * var(--orb-glow-intensity,1));transform:scale(calc(1 + .06 * var(--orb-prog,0)))}}@media (prefers-reduced-motion:reduce){.bubble-orb{animation:none}}.bubble-orb-lane{--orb-size:clamp(30px, 8.5vw, 48px);width:var(--orb-size);height:var(--orb-size);will-change:transform;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;animation:3.4s ease-in-out infinite orb-lane-bob;transform:translateZ(0)}.bubble-orb-lane .bubble-orb-symbol{font-size:clamp(.5rem, calc(var(--orb-size) * .26), .78rem);letter-spacing:.03em;text-shadow:0 1px 4px #000c}.bubble-orb-lane .bubble-orb-pct{font-size:clamp(.46rem, calc(var(--orb-size) * .22), .7rem);text-shadow:0 1px 4px #000c;margin-top:.05em}@media (width>=640px){.bubble-orb-lane{--orb-size:clamp(38px, 4.6vw, 54px)}}@media (resolution>=1.5x){.bubble-orb-lane .bubble-orb{--rim-w:max(1px, calc(var(--orb-size) * .026))}}.bubble-orb-evolved{animation:2.4s ease-in-out infinite orb-lane-bob,1.1s ease-out orb-ascend}@media (prefers-reduced-motion:reduce){.bubble-orb-lane,.bubble-orb-evolved{animation:none}}.bubble-orb-lane .bubble-orb-logo{width:clamp(10px, calc(var(--orb-size) * .24), 16px);height:clamp(10px, calc(var(--orb-size) * .24), 16px);margin-bottom:.05em}