.xp-avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 auto}.xp-avatar-clip{border-radius:50%;overflow:hidden;background:#eef3e8;display:grid;place-items:center}.xp-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.xp-level-badge{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--route-green);color:#fff;font-family:var(--font-sora,inherit);font-weight:800;font-size:.78rem;line-height:24px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.3);border:2px solid var(--surface)}.xp-panel{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.xp-panel-info{flex:1 1 auto;min-width:180px}.xp-panel-top{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.xp-panel-level{font-family:var(--font-sora,inherit);font-weight:800;font-size:1.1rem}.xp-panel-xp{font-size:.82rem;color:var(--text-muted)}.xp-bar{height:10px;background:var(--border);overflow:hidden}.xp-bar,.xp-bar>i{border-radius:999px}.xp-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--route-green),color-mix(in srgb,var(--route-green) 60%,#8fd19e));transition:width .5s ease}.ach-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.ach-head h2{font-family:var(--font-sora);font-size:1.2rem;font-weight:800;margin:0}.ach-count{font-weight:800;color:var(--route-green)}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px}.ach-badge{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.ach-ico{position:relative;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--route-green) 12%,transparent);overflow:hidden}.ach-fallback{font-size:1.5rem;line-height:1}.ach-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:6px}.ach-badge:not(.got){opacity:.45}.ach-badge:not(.got) .ach-ico{background:var(--chip,rgba(127,127,127,.12));filter:grayscale(1)}.ach-name{font-size:.7rem;line-height:1.15;color:var(--text-muted)}.ach-badge.got .ach-name{color:var(--text);font-weight:600}.lvl-overlay{position:fixed;inset:0;background:rgba(15,20,15,.6);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:1300;overflow:hidden;animation:lvl-fade .2s ease}@keyframes lvl-fade{0%{opacity:0}}.lvl-card{position:relative;z-index:2;width:min(400px,100%);text-align:center;background:var(--surface);border-radius:24px;padding:28px 26px 24px;box-shadow:0 30px 70px -24px rgba(0,0,0,.7);animation:lvl-pop .35s cubic-bezier(.22,1.2,.36,1)}@keyframes lvl-pop{0%{transform:scale(.85) translateY(14px);opacity:0}}.lvl-eyebrow{font-family:var(--font-sora);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;color:var(--sign-yellow);margin-bottom:10px}.lvl-avatar{position:relative;width:132px;height:132px;margin:0 auto 14px}.lvl-avatar .dje-avatar{filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}.lvl-badge{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);min-width:34px;height:34px;padding:0 8px;border-radius:17px;background:var(--route-green);color:#fff;font-family:var(--font-sora);font-weight:800;font-size:1rem;line-height:34px;border:3px solid var(--surface);transition:all .3s ease}.lvl-badge.pop{animation:lvl-bubble .7s cubic-bezier(.22,1.4,.36,1);background:linear-gradient(160deg,#f6cf5a,#e0a21e);color:#3a2a05;box-shadow:0 0 0 4px rgba(240,190,60,.35)}@keyframes lvl-bubble{0%{transform:translateX(-50%) scale(1)}45%{transform:translateX(-50%) scale(1.6)}to{transform:translateX(-50%) scale(1.15)}}.ach-pop-medal{position:relative;width:120px;height:120px;margin:4px auto 14px;display:grid;place-items:center}.ach-pop-medal img{position:relative;width:120px;height:120px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25));animation:ach-pop-in .5s cubic-bezier(.2,1.4,.4,1) both}.ach-pop-fallback{position:absolute;font-size:88px;line-height:1}@keyframes ach-pop-in{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.lvl-title{font-family:var(--font-sora);font-weight:800;font-size:1.25rem;margin:6px 0 16px}.lvl-bar{height:12px;border-radius:999px;background:var(--border);overflow:hidden}.lvl-bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--route-green),#8fd19e);transition:width .85s cubic-bezier(.4,0,.2,1)}.lvl-sub{color:var(--text-muted);font-size:.9rem;margin:10px 0 18px}.lvl-confetti{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.lvl-confetti span{position:absolute;top:-12%;border-radius:2px;animation-name:lvl-fall;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes lvl-fall{0%{top:-12%;opacity:1}90%{opacity:1}to{top:110%;opacity:0}}@media (prefers-reduced-motion:reduce){.lvl-confetti{display:none}.ach-pop-medal img,.lvl-badge.pop{animation:none}}