.badge-tooltip-wrapper{position:relative;display:inline-block}.badge-tooltip{position:absolute;z-index:1000;background:rgba(20,20,30,.95);backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1rem;min-width:220px;box-shadow:0 10px 25px rgba(0,0,0,.3);animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.badge-tooltip.top{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:10px}.badge-tooltip.bottom{top:100%;left:50%;transform:translateX(-50%);margin-top:10px}.badge-tooltip.left{right:100%;top:50%;transform:translateY(-50%);margin-right:10px}.badge-tooltip.right{left:100%;top:50%;transform:translateY(-50%);margin-left:10px}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tooltip-badge-name{font-weight:600;color:#fff;font-size:.9rem}.tooltip-tier{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#000}.tooltip-level{font-size:.8rem;color:hsla(0,0%,100%,.6);margin-bottom:.75rem}.tooltip-progress-container{height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;margin-bottom:.25rem}.tooltip-progress-bar{height:100%;border-radius:3px;transition:width .3s ease}.tooltip-progress-text{font-size:.75rem;color:hsla(0,0%,100%,.5);text-align:right}.tooltip-max-level{color:gold;font-weight:600;font-size:.85rem;text-align:center;padding:.5rem 0}.tooltip-requirement{margin-top:.75rem;padding-top:.75rem;border-top:1px solid hsla(0,0%,100%,.1);font-size:.8rem;color:hsla(0,0%,100%,.7)}.badge-progress-bar-container{display:flex;flex-direction:column;gap:.25rem}.badge-progress-bar-container.small{width:60px}.badge-progress-bar-container.medium{width:100px}.badge-progress-bar-container.large{width:150px}.progress-label{font-size:.7rem;color:hsla(0,0%,100%,.6);text-align:center}.progress-label .current{color:#fff;font-weight:600}.progress-label .separator{margin:0 .25rem;color:hsla(0,0%,100%,.4)}.progress-label .target{color:hsla(0,0%,100%,.6)}.progress-label .max-label{color:gold;font-weight:700}.progress-track{height:4px;background:hsla(0,0%,100%,.1);border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;transition:width .3s ease;position:relative}.progress-fill.max-level{animation:shimmer 2s infinite}@keyframes shimmer{0%{filter:brightness(1)}50%{filter:brightness(1.3)}to{filter:brightness(1)}}.max-star{position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:.6rem}