@font-face{font-family:Lato Medium;src:url(/fonts/Lato/Lato-Medium.ttf) format("truetype");font-display:swap}#levelup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:21000;display:flex;align-items:center;justify-content:center;font-family:Lato Medium,sans-serif;-webkit-tap-highlight-color:transparent;transition:opacity .28s ease,visibility .28s}#levelup-overlay.levelup-hidden{opacity:0;visibility:hidden;pointer-events:none}.levelup-scrim{position:absolute;top:0;left:0;width:100%;height:100%;background:#060e0cb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.levelup-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:26px;padding:0 24px}.levelup-title{font-size:clamp(24px,7.4vw,34px);letter-spacing:.02em;color:#fff;text-shadow:0 2px 18px rgba(33,197,169,.55),0 1px 3px rgba(0,0,0,.45);opacity:0}.levelup-ring{position:relative;width:min(62vw,236px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.levelup-ring-glow{position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle,#21c5a96b,#9bd39029 45%,#21c5a900 70%);opacity:0;pointer-events:none}.levelup-ring-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.levelup-ring-track{fill:none;stroke:#ffffff24;stroke-width:9}.levelup-ring-fill{fill:none;stroke:url(#levelup-ring-grad);stroke-width:11;stroke-linecap:round;stroke-dasharray:553;stroke-dashoffset:553;filter:drop-shadow(0 0 7px rgba(33,197,169,.75))}.levelup-ring-inner{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1}.levelup-value{font-size:clamp(52px,16vw,76px);background:linear-gradient(90deg,#9bd390,#21c5a9);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;opacity:0}.levelup-close{position:absolute;left:0;right:0;bottom:calc(5vh + env(safe-area-inset-bottom,0px));margin:0 auto;width:44px;height:44px;padding:0;border:none;background:none;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.55);font-family:inherit;font-size:30px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s;opacity:0;pointer-events:none}.levelup-close:active{transform:scale(.92)}#levelup-overlay:not(.levelup-hidden) .levelup-title{animation:levelup-title-in .55s cubic-bezier(.16,.84,.44,1) .12s forwards}#levelup-overlay:not(.levelup-hidden) .levelup-ring{animation:levelup-ring-in .5s cubic-bezier(.16,.84,.44,1) .2s backwards}#levelup-overlay:not(.levelup-hidden) .levelup-ring-fill{animation:levelup-ring-fill 1.15s cubic-bezier(.34,.68,.28,1) .35s forwards}#levelup-overlay:not(.levelup-hidden) .levelup-ring-glow{animation:levelup-glow .9s ease-out 1.25s forwards}#levelup-overlay:not(.levelup-hidden) .levelup-value{animation:levelup-value-in .6s cubic-bezier(.18,1.16,.4,1) 1.38s forwards}#levelup-overlay:not(.levelup-hidden) .levelup-close{animation:levelup-close-in .4s ease-out 1.95s forwards}@keyframes levelup-title-in{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}@keyframes levelup-ring-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}@keyframes levelup-ring-fill{to{stroke-dashoffset:0}}@keyframes levelup-glow{0%{opacity:0;transform:scale(.9)}45%{opacity:1;transform:scale(1.06)}to{opacity:.62;transform:scale(1)}}@keyframes levelup-value-in{0%{opacity:0;transform:scale(.42);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes levelup-close-in{0%{opacity:0;transform:translateY(8px);pointer-events:none}to{opacity:1;transform:none;pointer-events:auto}}@media(prefers-reduced-motion:reduce){#levelup-overlay:not(.levelup-hidden) .levelup-title,#levelup-overlay:not(.levelup-hidden) .levelup-ring,#levelup-overlay:not(.levelup-hidden) .levelup-ring-fill,#levelup-overlay:not(.levelup-hidden) .levelup-ring-glow,#levelup-overlay:not(.levelup-hidden) .levelup-value,#levelup-overlay:not(.levelup-hidden) .levelup-close{animation-duration:.01s;animation-delay:0s}}
