.ending-charts{position:fixed;inset:0;z-index:8;pointer-events:none;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;visibility:hidden;opacity:0;transition:opacity .5s,visibility .5s;color:#effaff;font-family:var(--font-body)}
.ending-charts.is-visible{visibility:visible;opacity:1}
.ending-chart{width:clamp(220px,23vw,330px);padding:22px;border-radius:18px;border:1px solid #e2faff70;background:linear-gradient(130deg,#d5f5ff22,#07192218 55%,#cbfff516);backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);box-shadow:inset 0 1px 1px #ffffff88,inset 0 -1px 0 #c4f2ff24,0 12px 40px #0003;text-shadow:0 1px 8px #0009;transform:translateY(22px);transition:transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--chart-delay)}
.is-visible .ending-chart{transform:translateY(0)}
.ending-chart-heading{display:flex;align-items:center;gap:8px}.ending-chart h3{font-size:clamp(16px,1.45vw,21px);font-weight:400;letter-spacing:-.4px;margin:0}.ending-chart-dot{width:5px;height:5px;border-radius:50%;background:var(--chart-color);box-shadow:0 0 10px var(--chart-color)}.ending-chart-number{margin-left:auto;font-size:10px;color:#cfe5eb}
.ending-chart p{display:flex;justify-content:space-between;font-size:11px;color:#d8e8ec;margin:14px 0 5px}.ending-chart svg{display:block;width:100%;overflow:visible}.ending-grid{fill:none;stroke:#dcf6ff26;stroke-width:.7}.ending-line{fill:none;stroke:var(--chart-color);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 3px var(--chart-color));transition:stroke-dashoffset 1.8s ease;transition-delay:var(--chart-delay)}.is-visible .ending-line{stroke-dashoffset:0}.ending-area,.ending-point{opacity:0;transition:opacity 1s .7s}.is-visible .ending-area,.is-visible .ending-point{opacity:1}.ending-point{fill:var(--chart-color)}
.ending-chart-foot{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #dcf6ff2b;padding-top:12px;font-size:7px;letter-spacing:1px;color:#d3e7ed}
@media(max-width:700px){.ending-charts{align-items:flex-end;gap:10px;padding:0 16px 110px}.ending-chart{width:calc(50% - 5px);padding:12px;border-radius:13px}.ending-chart h3{font-size:13px}.ending-chart-heading{gap:5px}.ending-chart-number{display:none}.ending-chart p{font-size:9px;margin-top:10px}.ending-chart-foot{font-size:6px;letter-spacing:.6px;line-height:1.5;display:block}.ending-chart-foot span{display:block}.ending-chart svg{margin:4px 0}}
@media(prefers-reduced-motion:reduce){.ending-charts,.ending-chart,.ending-line,.ending-area,.ending-point{transition:none;transform:none}}