.kpi-reload-ring{position:relative;width:210px;height:210px;display:grid;place-items:center}.kpi-reload-ring>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.kpi-reload-ring-track{fill:none;stroke:color-mix(in srgb,var(--green) 18%,var(--bg));stroke-width:4}.kpi-reload-ring-arc{fill:none;stroke:var(--green-deep);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 0 rgba(200,255,61,0));transition:stroke-dashoffset 1.5s cubic-bezier(.65,0,.35,1),stroke .5s ease,filter .7s ease}.kpi-reload-ring[data-available=true] .kpi-reload-ring-arc{stroke:var(--green);filter:drop-shadow(0 0 14px rgba(200,255,61,.65));animation:kpi-reload-arc-breath 3s ease-in-out infinite}@keyframes kpi-reload-arc-breath{0%,to{filter:drop-shadow(0 0 14px rgba(200,255,61,.55))}50%{filter:drop-shadow(0 0 22px rgba(200,255,61,.85))}}.kpi-reload-ring-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.kpi-reload-ring-meta{font-family:var(--mono);font-size:12.5px;letter-spacing:1.4px;color:var(--muted);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1;animation:kpi-reload-meta-in .4s cubic-bezier(.16,1,.3,1)}.kpi-reload-spinner{animation:kpi-reload-spin .8s linear infinite;flex-shrink:0}@keyframes kpi-reload-spin{to{transform:rotate(360deg)}}@keyframes kpi-reload-meta-in{0%{opacity:0}to{opacity:1}}.kpi-reload-ring[data-available=true] .kpi-reload-ring-meta{color:var(--green);font-weight:600}.kpi-reload-ring[data-available=true]:not([data-claiming=true]) .kpi-reload-ring-meta{font-size:14px;letter-spacing:1.6px}.kpi-reload-ring[data-claiming=true] .kpi-reload-ring-meta{color:var(--green);font-weight:600}.kpi-reload-amount{font-family:var(--display);font-size:32px;line-height:1;color:var(--green);letter-spacing:1.2px;display:inline-flex;align-items:center;gap:.2em}.kpi-reload-ring:not(.is-action){cursor:not-allowed}.kpi-reload-ring.is-action{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),filter .25s ease}.kpi-reload-ring.is-action:hover:not([aria-disabled=true]){transform:translateY(-2px) scale(1.015)}.kpi-reload-ring.is-action:focus-visible{outline:2px solid var(--green);outline-offset:6px;border-radius:50%}.kpi-reload-ring.is-action[aria-disabled=true]{opacity:.7;cursor:wait;transform:none}@property --kpi-reload-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.kpi-reload-ring.is-action:not([aria-disabled=true]):before{content:"";position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from var(--kpi-reload-angle),rgba(200,255,61,0) 0deg,rgba(200,255,61,.65) 60deg,rgba(200,255,61,0) 120deg,rgba(200,255,61,0) 240deg,rgba(200,255,61,.65) 300deg,rgba(200,255,61,0) 360deg);-webkit-mask:radial-gradient(circle closest-side,transparent 78%,#000 80%,#000 84%,transparent 86%);mask:radial-gradient(circle closest-side,transparent 78%,#000 80%,#000 84%,transparent 86%);filter:blur(2px);pointer-events:none;animation:kpi-reload-shimmer 5.5s linear infinite}@keyframes kpi-reload-shimmer{to{--kpi-reload-angle: 360deg}}.kpi-reload-halo{position:absolute;inset:-8px;border-radius:50%;pointer-events:none;opacity:0}.kpi-reload-ring[data-available=true] .kpi-reload-halo{background:radial-gradient(circle,transparent 58%,rgba(200,255,61,.18) 70%,transparent 85%);animation:kpi-reload-halo-breath 3.6s ease-in-out infinite}@keyframes kpi-reload-halo-breath{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:1}}.kpi-reload-ring.is-action:hover:not([aria-disabled=true]),.kpi-reload-ring.is-action:focus-visible:not([aria-disabled=true]){animation:none}