.progression-bar{min-height:62px;display:grid;grid-template-columns:150px minmax(180px,1fr) 190px;gap:22px;align-items:center;padding:10px 14px;border-bottom:1px solid #29434b;background:linear-gradient(90deg,#0b171a 0%,#0e1517 54%,#15150f 100%);box-shadow:inset 0 -1px #081013;color:#dcebed;position:relative;overflow:hidden}
.progression-bar:after{content:"";position:absolute;inset:0 auto 0 -35%;width:25%;background:linear-gradient(90deg,transparent,#a8eafa10,transparent);transform:skewX(-18deg);animation:rankScan 7s linear infinite;pointer-events:none}
.progression-bar span{display:block;font-size:8px;letter-spacing:1.2px;color:#76959e;margin-bottom:5px}
.progression-bar b{display:block;font:500 10px Unbounded,sans-serif;color:#eef6f5}
.rank-block{padding-left:10px;border-left:2px solid var(--sand)}
.rank-block b{font-size:13px;color:#f1cb7c}
.xp-block>div{display:flex;align-items:end;justify-content:space-between;gap:12px}
.xp-block>div span{margin:0}.xp-block>div b{font-family:"DM Mono",monospace;font-size:9px;color:#b9d8de}
.xp-track{display:block;height:9px;margin-top:8px;border:1px solid #3b6870;background:#050b0e;overflow:hidden;box-shadow:inset 0 1px 3px #000,0 0 0 1px #07181d;position:relative}
.xp-track:after{content:"";position:absolute;inset:1px;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#8bc5cc22 25%,transparent calc(25% + 1px));}
.xp-track>span{height:100%;display:block;margin:0;position:relative;z-index:1;background:linear-gradient(90deg,#38b9ca,#8edfd9);box-shadow:0 0 13px #72cbd399;transition:width .55s cubic-bezier(.2,.8,.2,1)}
.rank-reward{min-width:0;text-align:right}.rank-reward b{font-family:"DM Mono",monospace;font-size:9px;color:#dcb96f;white-space:normal}
.progression-bar.level-up{animation:rankLevelUp 1.1s ease-in-out 2;border-bottom-color:#e7c372}
@keyframes rankScan{to{left:120%}}
@keyframes rankLevelUp{0%,100%{box-shadow:inset 0 -1px #081013}45%{box-shadow:inset 0 0 34px #e1bc5940,0 0 18px #d7ad5340}}
@media(max-width:760px){.progression-bar{grid-template-columns:auto 1fr;gap:8px 14px;margin:0 -13px;padding:10px 14px 11px;min-height:76px}.rank-block{grid-column:1}.rank-reward{grid-column:2;text-align:right}.xp-block{grid-column:1/-1;grid-row:2}.rank-block b{font-size:11px}.progression-bar span{font-size:7px;margin-bottom:3px}.xp-track{height:6px;margin-top:5px}}
@media(max-width:390px){.progression-bar{gap:7px 10px}.rank-reward b{font-size:8px}.xp-block>div b{font-size:8px}}