.lvl{width:var(--s);height:var(--s);perspective:calc(var(--s) * 3.2);filter:drop-shadow(0 calc(var(--s) * .04) calc(var(--s) * .05) #0000008c);flex-shrink:0;display:inline-block;position:relative}.lvl-floor{height:12%;filter:blur(calc(var(--s) * .025));pointer-events:none;background:radial-gradient(closest-side,#0009,#0000);border-radius:50%;animation:7s ease-in-out infinite lvl-floor;position:absolute;bottom:-9%;left:18%;right:18%}@keyframes lvl-floor{0%,to{opacity:.85;transform:scaleX(.92)}50%{opacity:.7;transform:scaleX(1.05)}}.lvl-tilt,.lvl-body{transform-style:preserve-3d;position:absolute;inset:0}.lvl-tilt{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease-out}.lvl-body{animation:7s ease-in-out infinite lvl-sway}@keyframes lvl-sway{0%,to{transform:rotateY(-13deg)rotateX(5deg)}50%{transform:rotateY(13deg)rotateX(-3deg)}}.lvl:hover .lvl-tilt{transform:rotateX(var(--rx,8deg)) rotateY(var(--ry,-14deg)) scale(1.06)}.lvl-art,.lvl-depth{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lvl-depth{transform:translateZ(calc(var(--d) * var(--s) * -.014));fill:color-mix(in srgb, var(--c) calc(40% - var(--d) * 6%), #05070b)}.lvl-num{left:50%;top:calc(var(--ny) * 100%);z-index:3;transform:translate(-50%, -50%) translateZ(calc(var(--s) * .07));color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap;text-shadow:0 -1px 0 #ffffff59, 0 1px 0 #282832f2, 0 2px 0 #14141ce6, 0 calc(var(--s) * .035) calc(var(--s) * .04) #000000bf, 0 0 calc(var(--s) * .12) color-mix(in srgb, var(--c) 70%, transparent);font-weight:900;line-height:1;position:absolute}.lvl-shine{animation:7s ease-in-out infinite lvl-sweep}.lvl-small .lvl-shine{display:none}@keyframes lvl-sweep{0%,78%{transform:translate(0)}to{transform:translate(400px)}}.lvl-low .lvl-shine{opacity:.7;animation-duration:9s}.lvl-mid{filter:drop-shadow(0 0 calc(var(--s) * .07) color-mix(in srgb, var(--c) 55%, transparent)) drop-shadow(0 calc(var(--s) * .04) calc(var(--s) * .05) #0000008c);animation:3.6s ease-in-out infinite lvl-pulse}@keyframes lvl-pulse{0%,to{filter:drop-shadow(0 0 calc(var(--s) * .07) color-mix(in srgb, var(--c) 55%, transparent)) drop-shadow(0 calc(var(--s) * .04) calc(var(--s) * .05) #0000008c)}50%{filter:drop-shadow(0 0 calc(var(--s) * .15) color-mix(in srgb, var(--c) 80%, transparent)) drop-shadow(0 calc(var(--s) * .04) calc(var(--s) * .05) #0000008c)}}.lvl-high{filter:drop-shadow(0 0 calc(var(--s) * .09) color-mix(in srgb, var(--c) 60%, transparent)) drop-shadow(0 calc(var(--s) * .04) calc(var(--s) * .05) #0000008c)}.lvl-high:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--c) 45%, transparent) 0%, transparent 65%);pointer-events:none;border-radius:50%;animation:4.2s ease-in-out infinite lvl-halo;position:absolute;inset:-14%}@keyframes lvl-halo{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}.lvl-high .lvl-shine{animation-duration:5.5s}.lvl-spark{z-index:4;width:calc(var(--s) * .06);height:calc(var(--s) * .06);box-shadow:0 0 calc(var(--s) * .08) var(--c);opacity:0;pointer-events:none;background:#fff;border-radius:50%;animation:3.8s ease-out infinite lvl-spark;position:absolute}.lvl-spark-1{top:30%;left:18%}.lvl-spark-2{animation-delay:1.3s;top:22%;left:78%}.lvl-spark-3{animation-delay:2.5s;top:74%;left:70%}@keyframes lvl-spark{0%{opacity:0;transform:translateZ(calc(var(--s) * .1)) translateY(0) scale(.4)}15%{opacity:1;transform:translateZ(calc(var(--s) * .1)) translateY(calc(var(--s) * -.03)) scale(1)}45%,to{opacity:0;transform:translateZ(calc(var(--s) * .1)) translateY(calc(var(--s) * -.14)) scale(.3)}}.lvl-max:before{background:radial-gradient(circle,#ffd47a8c 0%,#0000 60%),repeating-conic-gradient(#ffe29647 0deg 6deg,#0000 6deg 30deg);animation:18s linear infinite lvl-rays;inset:-22%;-webkit-mask:radial-gradient(circle,#000 35%,#0000 70%);mask:radial-gradient(circle,#000 35%,#0000 70%)}@keyframes lvl-rays{to{transform:rotate(360deg)}}.lvl-max .lvl-spark{animation-duration:5.5s}.lvl-max .lvl-num{color:#fff8e6;text-shadow:0 -1px 0 #ffffff80, 0 1px 0 #6e3c00f2, 0 2px 0 #462300e6, 0 calc(var(--s) * .035) calc(var(--s) * .04) #000000bf, 0 0 calc(var(--s) * .16) #ffd47af2}.lvl.lvl-levelup{animation:1.1s cubic-bezier(.2,1.4,.4,1) lvl-pop}.lvl-levelup:after{content:"";border:2px solid var(--c);opacity:0;pointer-events:none;border-radius:50%;animation:1.1s ease-out lvl-ring;position:absolute;inset:0}@keyframes lvl-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes lvl-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.9)}}.lvl,.lvl:before,.lvl-body,.lvl-floor,.lvl-shine,.lvl-spark{animation-play-state:paused}.lvl-live,.lvl-live:before,.lvl-live .lvl-body,.lvl-live .lvl-floor,.lvl-live .lvl-shine,.lvl-live .lvl-spark,.lvl:hover,.lvl:hover:before,.lvl:hover .lvl-shine,.lvl:hover .lvl-spark{animation-play-state:running}.lvl-tilting .lvl-body,.lvl-tilting .lvl-floor{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.lvl-spark,.lvl-shine{display:none}.lvl-tilt{transform:none!important}}