/* BoberCS2 · уровни и полоса опыта (профиль, рейтинг) */

/* ───────── профиль ───────── */
.profile-level{
  display:flex; align-items:center; gap:18px;
  margin-top:12px; padding:14px 18px;
  border-radius:14px;
  background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,.30));
  border:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(6px);
}
.profile-level-icon{
  flex:0 0 auto; width:116px; height:auto; aspect-ratio:2090/850;
  filter:drop-shadow(0 4px 14px rgba(0,0,0,.55));
}
.profile-level-body{ flex:1 1 auto; min-width:0; }
.profile-level-top{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.profile-level-top b{ font-size:18px; font-weight:800; letter-spacing:.01em; }
.profile-level-top span{ font-size:12.5px; font-weight:700; color:rgba(255,255,255,.72); font-variant-numeric:tabular-nums; }
.profile-level-bar{
  position:relative; height:12px; margin:9px 0 7px;
  border-radius:999px; overflow:hidden;
  background:rgba(255,255,255,.09);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.5);
}
.profile-level-bar i{
  display:block; height:100%; min-width:12px; border-radius:999px;
  background:linear-gradient(90deg,#b3121f 0%,#e11d2e 55%,#ff5a67 100%);
  box-shadow:0 0 14px rgba(225,29,46,.55);
  transition:width .8s cubic-bezier(.22,.8,.3,1);
}
.profile-level.is-max .profile-level-bar i{
  background:linear-gradient(90deg,#c98a12,#ffcf4a 60%,#fff0a8);
  box-shadow:0 0 16px rgba(255,207,74,.6);
}
.profile-level-bar::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);
  transform:translateX(-100%); animation:lvlShine 3.2s ease-in-out infinite;
}
@keyframes lvlShine{ 0%,55%{transform:translateX(-100%)} 100%{transform:translateX(100%)} }
.profile-level-foot{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  font-size:11.5px; color:rgba(255,255,255,.58);
}
.profile-level-foot .next{ display:flex; align-items:center; gap:8px; }
.profile-level-foot .next img{ width:42px; height:auto; aspect-ratio:2090/850; opacity:.8; }

/* ───────── рейтинг ───────── */
.lvl-cell{ display:flex; align-items:center; gap:8px; }
.lvl-cell img{ width:54px; height:auto; aspect-ratio:2090/850; filter:drop-shadow(0 2px 6px rgba(0,0,0,.5)); }
.lvl-cell span{ font-weight:800; font-variant-numeric:tabular-nums; }
.rating-spotlight-main .lvl-mini{ display:inline-flex; align-items:center; gap:6px; margin-top:3px; }
.rating-spotlight-main .lvl-mini img{ width:38px; height:auto; aspect-ratio:2090/850; }

@media (max-width:640px){
  .profile-level{ flex-direction:column; align-items:stretch; gap:10px; }
  .profile-level-icon{ width:104px; align-self:center; }
}