.gap-prompt{position:absolute;right:calc(var(--u) * 60);top:0;width:calc(var(--u) * 328);height:calc(var(--u) * 120);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;border:0;border-radius:calc(var(--u) * 65) 0 0 calc(var(--u) * 65);background:#302a35b3;color:white;padding:calc(var(--u) * 17) calc(var(--u) * 73) calc(var(--u) * 20) calc(var(--u) * 23);z-index:1;text-align:left;overflow:hidden;white-space:nowrap;animation:gap-expand var(--gap-expand) both;transform-origin:right center;margin:0}
.gap-prompt.leaving{animation:gap-collapse var(--gap-collapse) both;pointer-events:none}
.gap-copy{display:block;line-height:calc(var(--u) * 43);font-size:calc(var(--u) * 24);font-weight:600;letter-spacing:calc(var(--u) * -.5)}.gap-number{font-size:calc(var(--u) * 32);font-weight:500;font-family:Arial,sans-serif}
.gap-track{display:block;flex-shrink:0;height:calc(var(--u) * 16);width:calc(var(--u) * 234);background:#08070a;border-radius:calc(var(--u) * 12);margin-top:calc(var(--u) * 9);position:relative;overflow:visible}
.gap-fill{display:block;position:relative;height:100%;border-radius:calc(var(--u) * 12);background:linear-gradient(90deg,#ffb33f,#ff3d35);transition:width var(--gap-progress) ease-out;min-width:0}
.gap-dot{position:absolute;right:0;top:0;width:calc(var(--u) * 16);height:calc(var(--u) * 16);border:calc(var(--u) * 1.5) solid #ffe8c0;border-radius:50%;background:#ff4a3c;box-sizing:border-box;transform:translateX(50%)}
.reward-float.gap-visible .hint{visibility:hidden}.gap-prompt[hidden]{display:none}
@keyframes gap-expand{from{clip-path:inset(0 0 0 100%);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes gap-collapse{from{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 100%);opacity:0}}

.gap-visible .bubble{box-shadow:calc(var(--u) * -2) 0 0 calc(var(--u) * 2) #efeee9}