@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');.level-display-container{position:relative;width:100%;max-width:350px;height:32px;font-family:'Poppins',sans-serif;margin:1rem 0;}.level-display-bar{width:100%;height:100%;background-color:var(--p5-panel-bg,#1a1a1a);border-radius:6px;border:1px solid #000;box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);overflow:hidden;}.level-display-bar-fill{height:100%;background-color:var(--p5-red,#e4001b);border-radius:6px;transition:width 0.6s cubic-bezier(0.4,0,0.2,1);}.level-display-level-floater{position:absolute;z-index:2;top:0;left:0;height:100%;display:flex;align-items:center;padding:0 12px;gap:0.4rem;}.level-display-level-floater .rank-label{font-size:0.7rem;font-weight:600;color:var(--p5-text-secondary,#aaa);text-shadow:1px 1px 2px rgba(0,0,0,0.7);}.level-display-level-floater .rank-number{font-family:'Anton',sans-serif;font-size:1.4rem;color:var(--p5-text-light,#f0f0f0);line-height:1;text-shadow:1px 1px 3px rgba(0,0,0,0.8);}.level-display-bar::after{content:attr(data-xp-text);position:absolute;z-index:2;top:50%;right:12px;transform:translateY(-50%);font-size:0.8rem;font-weight:600;color:var(--p5-text-secondary,#aaa);text-shadow:1px 1px 2px rgba(0,0,0,0.7);transition:color 0.3s ease;}.level-display-container:hover .level-display-bar::after{color:var(--p5-text-light,#f0f0f0);}