.level-badge{display:inline-flex;flex-direction:column;align-items:center;position:relative;font-size:13px}.level-badge__svg{display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.45));overflow:visible}.level-badge__svg text{font-weight:700;paint-order:stroke fill;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.level-badge--compact{font-size:12px}.level-badge--compact .level-badge__svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.level-badge--compact .level-badge__svg text{font-weight:800}.level-badge--pulse{animation:levelBadgePulse 1.1s ease-out}.level-badge--pulse .level-badge__svg{filter:drop-shadow(0 8px 14px rgba(212,164,74,.45));transform-origin:center center}@keyframes levelBadgePulse{0%{transform:scale(1)}30%{transform:scale(1.14)}60%{transform:scale(1.04)}to{transform:scale(1)}}.level-badge__decor{opacity:.95}@media(prefers-reduced-motion:reduce){.level-badge__svg{transition:none}.level-badge--pulse{animation:none}}.xp-progress__bar{height:14px;position:relative;background:#0a0c10cc;border-radius:9999px}.xp-progress__fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#b8860b,gold);transition:width .7s cubic-bezier(.2,.9,.2,1);min-width:6px;border-radius:9999px}.xp-progress__fill:before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14);mix-blend-mode:overlay;border-radius:9999px}.xp-progress{position:relative;padding-bottom:6px}.xp-progress__fill{background-size:200% 100%;animation:xpShift 5s ease-in-out infinite alternate}@keyframes xpShift{0%{background-position:0% 50%}to{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.xp-progress__fill{animation:none}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 6s linear infinite}.epic-glow{position:relative}.epic-glow:after{content:"";position:absolute;left:-6px;right:-6px;top:-6px;bottom:-6px;border-radius:8px;pointer-events:none;background:radial-gradient(closest-side,#f472b61f,#7c3aed00)}.legendary-glow{position:relative;box-shadow:0 4px 10px #facc1514}.legendary-glow:after{content:"";position:absolute;left:-6px;right:-6px;top:-6px;bottom:-6px;border-radius:10px;pointer-events:none;background:radial-gradient(closest-side,#ffefa51f,#f59e0b00);filter:blur(2px);will-change:opacity,transform;transform:translateZ(0)}@keyframes legendary-pulse{0%{transform:scale(.985);opacity:.92}50%{transform:scale(1.01);opacity:1}to{transform:scale(.985);opacity:.92}}.legendary-pulse{animation:legendary-pulse 2.8s ease-in-out infinite;transform-origin:center}@media(prefers-reduced-motion:reduce){.legendary-pulse{animation:none!important}.legendary-glow:after{filter:none!important;opacity:.6!important}}.custom-scrollbar{direction:rtl;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.custom-scrollbar>*{direction:ltr}.custom-scrollbar::-webkit-scrollbar{width:10px;height:10px;background:transparent}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;margin:6px 0;border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff0a;border-radius:9999px;border:2px solid rgba(0,0,0,0);box-shadow:inset 0 0 0 1px #ffffff05;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff12}.custom-scrollbar.custom-scrollbar--subtle::-webkit-scrollbar-thumb{background:#ffffff08}.custom-scrollbar:focus-visible::-webkit-scrollbar-thumb{background:#ffffff17}.custom-scrollbar{-webkit-overflow-scrolling:touch}