.xp-progress{color:#f5dfae;width:100%;max-width:460px;box-shadow:none;direction:ltr;background:0 0;border:0;padding:4px 0}.xp-progress-labels{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:10px;font-family:Arial,sans-serif;display:flex}.xp-progress-labels strong{letter-spacing:.15em;color:#ffe4aa;text-shadow:0 0 18px #c98a3d77;font-size:15px;font-weight:900}.xp-progress-labels span{letter-spacing:.06em;color:#e9c48b;font-size:12px;font-weight:700}.xp-progress-labels i{color:#947254;margin:0 3px;font-style:normal}.xp-progress-track{background:linear-gradient(#2d1b1d,#150e10);border-radius:99px;height:9px;position:relative;overflow:visible;box-shadow:inset 0 1px 4px #000b,0 1px #d9a25744}.xp-progress-track:before{content:"";pointer-events:none;border:1px solid #9e713d55;border-radius:99px;position:absolute;inset:-4px 0}.xp-progress-track span{background:linear-gradient(90deg,#9e5f28,#da9f4b 55%,#ffe5a8);border-radius:99px;height:100%;transition:width .7s;display:block;position:relative;box-shadow:0 0 15px #ecac56aa,inset 0 1px 2px #fff8}.xp-progress-track span:after{content:"";background:#fff3cf;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:0;transform:translate(35%,-50%);box-shadow:0 0 13px 4px #ffc467b3}.xp-progress small{text-align:right;color:#ba9f77;direction:rtl;margin-top:9px;font-size:12px;display:block}.xp-progress-compact{width:175px;max-width:175px}.xp-progress-compact .xp-progress-labels{margin-bottom:8px}.xp-progress-compact .xp-progress-labels strong{font-size:12px}.xp-progress-compact .xp-progress-labels span{font-size:10px}.xp-progress-compact .xp-progress-track{height:6px}@media (max-width:600px){.xp-progress-compact{width:122px;max-width:122px}.xp-progress-compact .xp-progress-labels strong{font-size:10px}.xp-progress-compact .xp-progress-labels span{font-size:8px}}.xp-level-backdrop{z-index:9999;background:radial-gradient(circle,#54300cbb,#080508df 65%);place-items:center;animation:.35s xp-fade-in;display:grid;position:fixed;inset:0;overflow:hidden}.xp-level-modal{text-align:center;z-index:1;color:#ffeac0;animation:.75s cubic-bezier(.18,.7,.2,1) xp-rise;position:relative}.xp-level-eyebrow{letter-spacing:.3em;color:#d9b477;font:700 12px Arial,sans-serif}.xp-level-emblem{background:radial-gradient(circle,#92521d,#2a1513 65%,#140d10);border:3px solid #f3c77f;border-radius:50%;place-items:center;width:190px;height:190px;margin:28px auto;animation:1.5s infinite alternate xp-pulse;display:grid;box-shadow:0 0 0 13px #c9914140,0 0 75px #ffbd51,inset 0 0 35px #ffce6d77}.xp-level-emblem span{text-shadow:0 2px 20px #ffdf87;font:800 85px Georgia,serif}.xp-level-modal h2{text-shadow:0 0 20px #eaaa5a;margin:12px 0;font-size:clamp(30px,6vw,58px)}.xp-level-modal p{color:#ddc9a1;font-size:18px}.xp-level-burst{pointer-events:none;position:absolute;inset:0}.xp-level-burst span{color:#ffd583;font-size:60px;animation:2.3s ease-in-out infinite alternate xp-float;position:absolute}.xp-level-burst span:first-child{top:12%;left:12%}.xp-level-burst span:nth-child(2){animation-delay:.25s;top:65%;left:20%}.xp-level-burst span:nth-child(3){animation-delay:.5s;top:24%;right:16%}.xp-level-burst span:nth-child(4){animation-delay:.7s;bottom:12%;right:22%}.xp-level-burst span:nth-child(5){animation-delay:.9s;top:7%;left:51%}.xp-level-burst span:nth-child(6){animation-delay:1.1s;bottom:12%;left:48%}@keyframes xp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes xp-rise{0%{opacity:0;transform:scale(.7)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes xp-pulse{to{box-shadow:0 0 0 20px #c9914120,0 0 110px #ffbd51,inset 0 0 55px #ffce6d99}}@keyframes xp-float{to{opacity:.55;transform:translateY(-25px)rotate(20deg)}}@media (prefers-reduced-motion:reduce){.xp-level-backdrop,.xp-level-modal,.xp-level-emblem,.xp-level-burst span{animation:none}}