@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

.avatar_frame {
  position: absolute !important;
  transform: scale(1.18);
  border-radius: 0 !important;
  z-index: 2;
  box-shadow: none !important;
  outline: none !important;
}

.back_content {
  display: block;
  filter: grayscale(1);
  height: 130px;
  width: auto;
  background-size: cover !important;
  background-position: center !important;
  transition: var(--transition-duration);
  cursor: pointer;
  border-radius: var(--br-12);
  border: 2px solid transparent;
}

.back_content:hover {
  transition: var(--transition-duration);
  filter: none;
}

.back_content video {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  transition: var(--transition-duration);
  border-radius: var(--br-12);
  position: relative !important;
}

input[name="background"]:checked+label {
  border: 2px solid var(--span);
  transition: var(--transition-duration);
  filter: none;
}

.profile_settings_inputs {
  display: flex;
  justify-items: stretch;
  flex-direction: column;
  width: 40%;
  gap: 15px;
}

.background {
  position: absolute;
  visibility: hidden;
}

.profile_settings_backs_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(11em, 1fr)) !important;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 450px;
  margin: 7px 0 10px;
  width: 100%;
  grid-gap: 10px;
  gap: 10px;
}

/* NEW PROFILES STYLE */

.profile_user_card {
  overflow: hidden;
  border-radius: var(--br-16);
  padding: 5px;
}

.user_back,
.user_back video,
.user_back img {
  display: block;
  width: 100%;
  height: 8em;
  border-radius: var(--br-10) 11px 0 0;
  position: relative;
}

.user_back video,
.user_back img {
  position: absolute !important;
  object-fit: cover;
  display: block;
  width: 100%;
  border-radius: var(--br-10) 11px 0 0;
}

.user_settings {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 15px;
  top: 15px;
  cursor: pointer;
}

.user_settings svg {
  fill: white;
  width: 17px;
  height: 17px;
  opacity: 0.5;
  transition: var(--transition-duration);
}

.user_settings:hover svg {
  opacity: 1;
}

.user_socials {
  width: max-content;
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  justify-content: center;
  padding: .5rem;
  background: var(--bg-modal);
  border-radius: var(--br-6);
}

.header_user_info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  height: 100%;
  padding: 15px;
  position: relative;
  justify-content: flex-end;
}

.social__button-profile {
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--br-24);
  cursor: pointer;
  background-color: transparent;
}

.social__button-profile svg {
  width: auto;
  height: 20px;
  transition: var(--transition-duration);
}

.header_user_info img {
  position: absolute;
  left: 6%;
  height: 80px;
  width: 80px;
  border-radius: var(--br-4);
  bottom: -25%;
  outline: 5px solid var(--card);
  box-shadow: inset 5em 5em var(--card), 0px 0px 0px 4px var(--card);
}

.user_balance {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  background: var(--money-bg);
  border-radius: var(--br-8);
  padding: 8px 10px;
  cursor: pointer;
  justify-content: center;
}

.user_sec_block {
  display: flex !important;
  flex-direction: row;
  height: max-content !important;
  justify-content: flex-end;
  padding: 15px 20px;
  gap: .5rem;
}

.user_sec_block img {
  width: 60px;
  height: auto;
  cursor: help;
}

.balance_info {
  display: flex;
}

.balance_count {
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-5);
  color: var(--money);
}

.user_balance svg {
  width: 14px;
  height: auto;
  fill: var(--money);
}

.user_menu_short {
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: space-between;
}

.user_menu_short a {
  background: var(--span-low);
  border-radius: var(--br-8);
  padding: 10px;
  transition: var(--transition-duration);
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user_menu_short a svg {
  width: 20px;
  height: auto;
  fill: var(--span);
}

.a_active {
  background: var(--span) !important;
}

.a_active svg {
  fill: var(--text-default) !important;
}

.user_menu_short a:hover {
  background: var(--span-middle);
}

.user_third_block {
  height: 100% !important;
  background: var(--transparent-2-w);
  padding: 20px;
  margin: 0 10px 10px;
  display: flex !important;
  flex-direction: column;
  border-radius: var(--br-12);
  gap: 15px;
}

.user_nickname {
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-7);
  color: var(--text-default);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.user_status_server {
  color: var(--green);
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-4);
}

.user_status {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.status_title {
  font-size: var(--font-size-xs);
  opacity: 0.5;
  color: var(--text-custom);
}

.status_content {
  color: var(--text-custom);
  font-size: var(--font-size-m);
}

.user_badge {
  display: flex;
  width: max-content;
  padding: 5px 10px 5px 8px;
  border-radius: var(--br-24);
  background: var(--transparent-2-w);
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-6);
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.user_badge span {
  display: flex;
  height: 12px;
  width: 12px;
  background: var(--span);
  border-radius: var(--br-24);
}

.user_roles {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  flex-direction: row;
}

.badge_player {
  color: var(--text-custom);
  background: rgb(152 158 202 / 20%);
}

.badge_player_circle {
  background: var(--text-custom) !important;
}

.badge_admin {
  color: var(--span);
  background: rgb(126 157 255 / 10%);
}

.badge_admin_circle {
  background: var(--span) !important;
}

.badge_vip {
  color: #ffd12d;
  background: rgb(255 209 45 / 10%);
}

.badge_vip_circle {
  background: #ffd12d !important;
}

.badge_top-1 {
  color: var(--top-one);
  background: rgb(255 219 92 / 20%);
}

.badge_top-2 {
  color: var(--top-two);
  background: rgb(191 224 255 / 20%);
}

.badge_top-3 {
  color: var(--top-three);
  background: rgb(248 167 133 / 20%);
}

.badge_top_circle-1 {
  background: var(--top-one) !important;
}

.badge_top_circle-2 {
  background: var(--top-two) !important;
}

.badge_top_circle-3 {
  background: var(--top-three) !important;
}

.badge_banned {
  color: #bf0d0d;
  background: rgb(191 13 13 / 20%);
}

.badge_banned_circle {
  background: #bf0d0d !important;
}

.title_head {
  display: flex;
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-5);
  color: var(--text-custom);
  align-items: center;
  position: relative;
  gap: .5rem;
  width: 100%;
  flex-direction: row-reverse;
}

.title_head svg {
  width: .8rem;
  height: .8rem;
  fill: currentColor;
}

.title_head:before {
  content: '';
  flex: 1;
  /* Линии займут все доступное пространство */
  height: 1px;
  background-color: var(--transparent-5-w);
}

@media (max-width: 768.9px) {

  .country_container,
  .faceit_container,
  .adm_container,
  .steam_container,
  .stats_container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .3rem;
    background: var(--transparent-2-w);
    padding: .3rem;
    border-radius: var(--br-12);
    margin: .3rem 0;
    flex-wrap: wrap;
  }

  .country_column,
  .faceit_column,
  .adm_column,
  .steam_column,
  .stats_column {
    min-width: 9rem;
  }
}

@media (min-width: 769px) {

  .country_container,
  .faceit_container,
  .adm_container,
  .steam_container,
  .stats_container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: .3rem;
    background: var(--transparent-2-w);
    padding: .3rem;
    border-radius: var(--br-12);
    margin: .3rem 0;
  }
}

.country_column,
.faceit_column,
.adm_column,
.steam_column,
.stats_column {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  align-items: flex-start;
  flex: 1;
  background-color: var(--transparent-2-w);
  padding: .5rem;
  border-radius: var(--br-10);
  border: 1px solid var(--transparent-2-w);
}

.title_column {
  font-size: var(--font-size-s);
  color: var(--text-secondary);
  opacity: 0.5;
}

@media (max-width: 768px) {
  .content_column {
    display: flex;
    font-size: var(--font-size-s);
    font-weight: var(--font-weight-5);
    align-items: center;
    gap: 5px;
    color: var(--text-custom);
    white-space: nowrap;
  }
}

@media (min-width: 769px) {
  .content_column {
    display: flex;
    font-size: var(--font-size-m);
    font-weight: var(--font-weight-7);
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: var(--text-custom);
    white-space: nowrap;
  }
}

.content_column img {
  width: 19px;
  height: auto;
}

.content_column svg {
  width: 16px;
  height: auto;
  fill: var(--text-custom);
}

@media (max-width: 1299px) {
  .general_info {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}

@media (min-width: 1300px) {
  .general_info {
    display: flex;
    flex-direction: row;
    gap: 30px;
  }
}

.tables_info {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.fill_blocks {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}

.adm_warn_content {
  background: rgb(246 185 73 / 10%);
  width: 100%;
  border-radius: var(--br-8);
  padding: 10px;
  color: var(--orange);
  font-size: var(--font-size-m);
}

.bans_comms_header li span,
.bans_comms_content li span,
.transaction_header li span,
.transaction_content li span {
  color: var(--text-custom);
}

.transaction_content li span img {
  height: 22px;
  width: auto;
}

.comms_svg svg,
.trans_svg svg {
  fill: var(--text-custom);
  opacity: 0.5;
  width: 14px;
  height: 14px;
}

@media (max-width: 768.9px) {

  .bans_comms_content li,
  .transaction_content li {
    display: grid;
    grid-template-columns: 1fr 0.6fr;
    background-color: var(--input-form);
    border-radius: var(--br-8);
    user-select: none;
    justify-items: start;
    width: 100%;
    padding: 10px;
    font-size: var(--font-size-s);
    align-items: center;
  }

  .bans_comms_header li,
  .transaction_header li {
    display: grid;
    grid-template-columns: 1fr 0.6fr;
    background-color: var(--transparent-2-w);
    border-radius: var(--br-8);
    user-select: none;
    justify-items: start;
    width: 100%;
    padding: 10px 20px;
    font-size: var(--font-size-s);
  }

  .hide_this {
    display: none !important;
  }
}

@media (min-width: 769px) {

  .bans_comms_content li,
  .transaction_content li {
    display: grid;
    grid-template-columns: 0.5fr 2fr 0.8fr 0.5fr 0.7fr;
    background-color: var(--input-form);
    border-radius: var(--br-8);
    user-select: none;
    justify-items: start;
    width: 100%;
    padding: 10px;
    font-size: var(--font-size-s);
    align-items: center;
  }

  .bans_comms_header li,
  .transaction_header li {
    display: grid;
    grid-template-columns: 0.5fr 2fr 0.8fr 0.5fr 0.7fr;
    background-color: var(--transparent-2-w);
    border-radius: var(--br-8);
    user-select: none;
    justify-items: start;
    width: 100%;
    padding: 10px 20px;
    font-size: var(--font-size-s);
  }

  .hide_this {
    display: block;
  }
}

.bans_comms_container,
.transaction_container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bans_comms_content ul,
.transaction_content ul {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.exp_badge {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  background: rgb(152 158 202 / 20%);
  border-radius: var(--br-24);
  color: var(--text-custom);
}

.perm {
  color: var(--red) !important;
  background: rgb(255 73 64 / 20%) !important;
}

.expired {
  text-decoration: line-through;
}

.unbanned {
  color: var(--green) !important;
  background: rgb(100 206 130 / 20%) !important;
}

.empty_blocks {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-1);
  font-weight: var(--font-weight-7);
  border-radius: var(--br-12);
  width: 100%;
  border: 1px solid var(--transparent-2-w);
  height: 187px;
  color: var(--text-custom);
}

.friends_list {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(14em, 1fr)) !important;
  grid-gap: 0.8rem;
  gap: 0.5rem;
  overflow: initial;
  align-content: flex-start;
  align-items: center;
}
.friends_show_more_wrap{ display:flex; justify-content:center; margin-top:14px; }
.friends_show_more{
  padding:10px 22px; border-radius:11px; cursor:pointer; font-weight:600; font-size:13.5px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); color:#c4d0da;
  transition:background .15s, border-color .15s, color .15s;
}
.friends_show_more:hover{ background:rgba(41,163,171,.12); border-color:rgba(95,227,255,.35); color:#eafcff; }

.friend_card img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}

.friend_card {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  background: var(--input-form);
  border: 1px solid var(--transparent-4-w);
  padding: 3px 5px;
  border-radius: var(--br-10);
  cursor: pointer;
  transition: var(--transition-duration);
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.friend_info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}

.friend_nick {
  font-size: var(--font-size-m);
  color: var(--span);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.friend_lc {
  font-size: var(--font-size-xs);
  opacity: 0.5;
  color: var(--text-custom);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.friend_lc.friend_onsite{ opacity:.85; color:#4db06c; }

.user_online_status {
  position: relative;
  display: none;
}

.user_online_status::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-radius: var(--br-50);
  background: var(--green);
}

.empty_friends {
  height: 486px;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-1);
  font-weight: var(--font-weight-7);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-custom);
}

.settings_container {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
}

.settings_inp_inf {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.profile_settings_backs {
  width: 60%;
}

.online_pos {
  position: absolute;
  left: 15px;
  top: 20px;
}

.adm_info_string {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--transparent-2-w);
  padding: 10px;
  border-radius: var(--br-6);
}

.adm_info_title {
  font-size: var(--font-size-m);
  color: var(--text-custom);
  opacity: 0.7;
}

.adm_info_content {
  display: flex;
  font-size: var(--font-size-m);
  color: var(--text-default);
  font-weight: var(--font-weight-6);
  flex-direction: row;
  align-items: flex-start;
  gap: 5px;
  transition: all 0.25s;
}

.adm_content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.adm_info_content span {
  display: flex;
  flex-direction: row;
  gap: 5px;
  color: var(--green);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-6);
}

.adm_info_content span svg {
  width: 10px;
  height: auto;
  fill: var(--text-default);
  opacity: 0.5;
  transition: all 0.25s;
}

.bans_count {
  cursor: help;
}

.bans_count:hover svg {
  opacity: 1;
}

.admin_bdg {
  color: var(--span);
  background: var(--span-low);
  padding: 3px 10px;
  border-radius: var(--br-24);
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-5);
}

.hide-ip {
  filter: blur(5px);
  transition: var(--transition-duration);
}

.hide-ip:hover {
  filter: none;
}

.user__head-detalis {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.discord svg {
  fill: var(--brand-discord-color);
}

.telegram svg {
  fill: var(--brand-telegram-color);
}

.vkontakte svg {
  fill: var(--brand-vkontakte-color);
}

/* ================= REDESIGN (v3-style) ================= */
.pr-wrap{ display:flex; flex-direction:column; gap:14px; }

/* hero */
.pr-hero{ position:relative; background:rgba(13,19,32,.16); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); border:1px solid var(--transparent-5-w); border-radius:18px; overflow:hidden; isolation:isolate; transform:translateZ(0); will-change:backdrop-filter; }
.pr-hero-bg{
  position:absolute; inset:0; z-index:-2;
  background-image:var(--pr-hero-banner);
  background-size:cover;
  background-position:var(--pr-hero-banner-pos, center);
  background-repeat:no-repeat;
  transform:scale(var(--pr-hero-banner-zoom, 1));
  transform-origin:center center;
}
.pr-hero::before{
  content:''; position:absolute; inset:0; z-index:-1;
  background-image:linear-gradient(to bottom, rgba(11,15,23,.35) 0%, rgba(11,15,23,.65) 60%, rgba(11,15,23,.92) 100%);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.pr-banner{ position:relative; height:160px; background:radial-gradient(120% 170% at 82% -30%, var(--button) 0%, var(--bg) 62%); overflow:hidden; }
.pr-banner #background{ position:absolute; inset:0; }
.pr-banner #background .back_content{ width:100%; height:100%; filter:none; border:0; border-radius:0; }
.pr-soc{ position:absolute; top:14px; left:14px; display:flex; gap:7px; z-index:2; }
.pr-soc .social__button-profile{ width:32px; height:32px; border-radius:9px; background:rgba(0,0,0,.4); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:var(--transition-duration); }
.pr-soc .social__button-profile:hover{ background:rgba(0,0,0,.65); }
.pr-soc .social__button-profile svg{ width:15px; height:15px; fill:var(--text-custom); }
.pr-gear{ position:absolute; top:14px; right:14px; width:34px; height:34px; border-radius:9px; background:rgba(0,0,0,.4); display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:2; transition:var(--transition-duration); }
.pr-gear:hover{ background:rgba(0,0,0,.65); }
.pr-gear svg{ width:16px; height:16px; fill:var(--text-custom); }

.discord-link-block{ width:100%; }
.discord-link-hint{ font-size:.72rem; font-weight:400; color:var(--text-custom); text-transform:none; letter-spacing:0; }
.accounts-row{ align-items:center; }
.accounts-row .discord-link-block{ width:auto; flex-shrink:0; }
.accounts-row .steam-sync-block{ flex:1; min-width:0; }
.steam-sync-block{ display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; gap:14px; }
.steam-sync-block .discord-link-btn{ margin-top:0; flex-shrink:0; }
.steam-sync-block .discord-link-hint{ text-align:right; }
@media (max-width:900px){
  .accounts-row{ flex-direction:column; align-items:stretch; }
  .accounts-row .discord-link-block{ width:100%; }
}
@media (max-width:560px){
  .steam-sync-block{ flex-wrap:wrap; }
  .steam-sync-block .discord-link-hint{ text-align:left; }
}
.discord-link-btn{
  display:inline-flex; align-items:center; gap:8px; margin-top:6px; padding:10px 16px;
  border-radius:12px; background:linear-gradient(120deg,#29a3ab,#2b7fff); color:#fff;
  font-weight:600; font-size:.85rem; text-decoration:none; width:fit-content;
  box-shadow:0 8px 22px rgba(43,127,255,.28); transition:transform .2s, box-shadow .2s;
}
.discord-link-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 30px rgba(43,127,255,.45); }
.discord-link-btn svg{ width:16px; height:16px; fill:#fff; }
.discord-link-status{
  display:inline-flex; align-items:center; gap:8px; margin-top:6px; padding:9px 14px;
  border-radius:12px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06);
  font-size:.85rem; color:var(--text-default);
}
.discord-link-status svg{ width:16px; height:16px; fill:#5fe3ff; }
.discord-link-badge{ color:#4ee08a; font-weight:600; font-size:.78rem; margin-left:2px; }
.discord-unlink-btn{
  margin-left:auto; padding:5px 10px; border-radius:8px; background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08); color:var(--text-custom); font-size:.75rem; font-weight:500;
  cursor:pointer; transition:background .2s, color .2s, border-color .2s;
}
.discord-unlink-btn:hover{ background:rgba(220,60,60,.12); border-color:rgba(220,60,60,.35); color:#ff8080; }

.pr-head{ display:flex; align-items:flex-end; gap:18px; padding:0 24px 18px; margin-top:-48px; position:relative; z-index:2; }
.pr-ava-col{ width:132px; flex-shrink:0; display:flex; flex-direction:column; align-items:center; gap:10px; position:relative; }
.pr-ava{ position:relative; width:130px; height:130px; border-radius:50%; background:#0e1016; overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,.5); }
.pr-ava img{ width:100%; height:100%; object-fit:cover; }
.pr-ava .online_pos{ display:none !important; }
.pr-ava .user_online_status{ display:none !important; width:14px; height:14px; border-radius:50%; background:var(--green); border:2px solid var(--card); }
/* базовый ::before рисует ещё один (8px, в другом углу) кружок поверх этого —
   получалась сдвоенная/кривая точка. На аватарке профиля хватает самого элемента. */
.pr-ava .user_online_status::before{ content:none; }
/* Гранёный SVG-бейдж AXON-уровня поверх аватарки (вариант "Кристалл", выбран из галереи
   2026-07-25). Позиционируется относительно .pr-ava-col, а не .pr-ava — у последней
   overflow:hidden (нужен для рамок/кропа фото), обрезал бы бейдж, торчащий за край. */
.pr-ava-lvl{ position:absolute; left:-12px; bottom:-12px; width:56px; height:56px; z-index:3; cursor:pointer; }
.pr-ava-lvl > img{ width:100%; height:100%; overflow:visible; display:block; object-fit:contain; }
/* Поп-ап с прогрессом уровня + сетка "Все уровни" (по наведению, на тач-устройствах —
   клик по бейджу через JS-класс .open добавляет второй триггер к :hover). */
.pr-lvl-pop{
  position:absolute; left:calc(100% + 14px); bottom:-6px; width:380px; z-index:30;
  background:#11151c; border:1px solid rgba(255,255,255,.08); border-radius:16px;
  padding:16px; box-shadow:0 20px 50px rgba(0,0,0,.55);
  opacity:0; visibility:hidden; transform:translateY(6px) scale(.98);
  transition:opacity .15s ease, transform .15s ease, visibility .15s;
  pointer-events:none; cursor:default;
}
.pr-ava-lvl.hover-open .pr-lvl-pop, .pr-ava-lvl.open .pr-lvl-pop{
  opacity:1; visibility:visible; transform:translateY(0) scale(1); pointer-events:auto;
}
.pr-lvl-pop-eyebrow{ display:block; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#5fe3ff; }
.pr-lvl-pop-title{ display:block; font-size:20px; font-weight:800; color:#fff; margin-top:2px; font-family:var(--font-family-1,"Unbounded"),sans-serif; }
.pr-lvl-pop-progress{ margin-top:14px; }
.pr-lvl-pop-progress-head{ font-size:12px; color:#9fb2c0; margin-bottom:6px; }
.pr-lvl-pop-progress-head b{ color:#fff; font-weight:700; }
.pr-lvl-pop-bar{ height:8px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; }
.pr-lvl-pop-bar-fill{ height:100%; background:linear-gradient(90deg,#29a3ab,#2b7fff); border-radius:99px; }
.pr-lvl-pop-progress-range{ display:flex; justify-content:space-between; font-size:11px; color:#5e7585; margin-top:5px; }
.pr-lvl-pop-maxed{ margin-top:14px; padding:8px 12px; border-radius:10px; background:rgba(95,227,255,.1); border:1px solid rgba(95,227,255,.25); color:#5fe3ff; font-size:12.5px; font-weight:600; text-align:center; }
.pr-lvl-pop-grid-label{ margin-top:16px; margin-bottom:8px; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#5e7585; }
.pr-lvl-pop-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:24px; max-height:150px; overflow-y:auto; padding-right:2px; }
.pr-lvl-pop-grid::-webkit-scrollbar{ width:5px; }
.pr-lvl-pop-grid::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.15); border-radius:99px; }
.pr-lvl-pop-cell{ display:flex; flex-direction:column; align-items:center; gap:4px; padding:6px 0; border-radius:9px; }
.pr-lvl-pop-cell img{ display:block !important; width:46px !important; height:46px !important; max-width:none !important; flex-shrink:0 !important; object-fit:contain; }
.pr-lvl-pop-cell span{ font-size:11px; color:#5e7585; }
.pr-lvl-pop-cell.is-current span{ color:#5fe3ff; font-weight:700; }
@media (max-width:640px){
  .pr-lvl-pop{ left:auto; right:-8px; bottom:calc(100% + 10px); max-width:calc(100vw - 24px); }
}

.pr-id{ flex:1; min-width:0; padding-bottom:4px; }
.pr-nick-row{ display:flex; align-items:center; gap:12px; position:relative; top:8px; }
.pr-nick{ font-family:"Russo One",var(--font-family-1,"Unbounded"),sans-serif !important; font-weight:400 !important; font-size:31px !important; line-height:1.15; letter-spacing:.01em; color:var(--text-default); }
/* Клик по нику копирует SteamID64 (тот же .copy-btn/ClipboardJS, что и у карточки
   SteamID64 в блоке "Инфо") — просто добавляем курсор и лёгкий hover-отклик, сама
   копия+тост уже работают глобально ни на что не влияя. */
.pr-nick-copy{ cursor:pointer; transition:opacity .15s; }
.pr-nick-copy:hover{ opacity:.82; }
.pr-rank{ display:inline-flex; align-items:center; }
.pr-rank img{ height:30px; width:auto; }
.pr-status-row{ display:flex; align-items:baseline; gap:6px; min-width:0; margin:10px 0 2px; }
.pr-status-l{ font-family:var(--font-family-1,"Unbounded"),sans-serif; font-weight:600; color:var(--text-custom); opacity:.55; font-size:var(--font-size-s); flex-shrink:0; }
.pr-status-t{ font-family:inherit; font-weight:var(--font-weight-6); color:var(--text-custom); font-size:var(--font-size-m); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; flex:1; }
.pr-badges{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.pr-badges .user_badge{ display:inline-flex; align-items:center; gap:7px; height:34px; padding:0 14px; border-radius:10px; font-size:var(--font-size-s); font-weight:var(--font-weight-6); background:var(--button); color:var(--text-default); }
.pr-badges .user_badge.badge_banned{ color:var(--red) !important; background:var(--red-20) !important; border-color:rgba(255,73,64,.35) !important; }

.pr-meta{ display:flex; flex-direction:column; align-items:flex-end; gap:10px; padding-bottom:4px; }
.pr-lastseen{ display:inline-flex; align-items:center; gap:7px; height:34px; font-size:var(--font-size-s); font-weight:var(--font-weight-6); color:var(--text-secondary); background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); padding:0 14px; border-radius:10px; white-space:nowrap; transition:background .2s, border-color .2s, color .2s; }
.pr-lastseen-ico{ width:15px; height:15px; fill:currentColor; opacity:.65; flex-shrink:0; }
.pr-lastseen.button_playing_server{ color:var(--green); background:rgba(100,206,130,.1); border-color:rgba(100,206,130,.28); }
.pr-lastseen.button_playing_server .pr-lastseen-ico{ opacity:1; }

/* ===== Рейтинг профиля — счёт + полоска соотношения лайков/дизлайков + чипы голосования.
   Чипы используют тот же язык, что баланс в шапке: цветной left-border, точка/иконка
   "пульсирует" и снизу выезжает подчёркивание при наведении. ===== */
.pr-rating{ display:flex; flex-direction:column; gap:9px; width:230px; }
.pr-rating-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.pr-score{ font-weight:var(--font-weight-7); font-size:14px; color:var(--text-custom); white-space:nowrap; }
.pr-score.pos{ color:var(--green); }
.pr-score.neg{ color:#ff6b6b; }
.pr-views{ cursor:default; border-left-color:transparent !important; background:var(--button) !important; }
.pr-rating-track{ height:6px; border-radius:4px; background:rgba(255,107,107,.12); overflow:hidden; display:flex; }
.pr-rating-fill{ background:linear-gradient(90deg,#4fb875,var(--green)); height:100%; transition:width .4s ease; }

.pr-votes{ display:flex; align-items:center; gap:6px; }
.pr-vote{
  position:relative; display:inline-flex; align-items:center; gap:7px;
  height:34px; padding:0 13px 0 11px; border-radius:999px; overflow:hidden;
  background:var(--button); border:1px solid var(--transparent-10-w); border-left:2px solid transparent;
  color:var(--text-custom); font-weight:var(--font-weight-6); font-size:var(--font-size-s);
  cursor:pointer; transition:background-color .18s ease;
}
.pr-vote svg{ width:13px; height:13px; fill:currentColor; position:relative; z-index:1; }
.pr-vote-c{ position:relative; z-index:1; }
.pr-vote:disabled{ cursor:default; }
.pr-vote-up{ border-left-color:var(--green) !important; }
.pr-vote-down{ border-left-color:#ff6b6b !important; }
.pr-vote-up.voted, .pr-vote-up:hover:not(:disabled){ color:var(--green); background:rgba(100,206,130,.1); border-left-color:var(--green) !important; }
.pr-vote-down.voted, .pr-vote-down:hover:not(:disabled){ color:#ff6b6b; background:rgba(255,107,107,.1); border-left-color:#ff6b6b !important; }
.pr-vote-underline{
  position:absolute; left:11px; right:11px; bottom:4px; height:2px; border-radius:2px;
  transform:scaleX(0); transform-origin:left; transition:transform .28s cubic-bezier(.3,.8,.3,1);
}
.pr-vote-up .pr-vote-underline{ background:var(--green); }
.pr-vote-down .pr-vote-underline{ background:#ff6b6b; }
.pr-vote-up.voted .pr-vote-underline, .pr-vote-up:hover:not(:disabled) .pr-vote-underline,
.pr-vote-down.voted .pr-vote-underline, .pr-vote-down:hover:not(:disabled) .pr-vote-underline{ transform:scaleX(1); }
.pr-vote-up:hover:not(:disabled) svg{ animation:prVotePulseUp 1s ease-out infinite; }
.pr-vote-down:hover:not(:disabled) svg{ animation:prVotePulseDown 1s ease-out infinite; }
@keyframes prVotePulseUp{ 0%{ filter:drop-shadow(0 0 0 rgba(100,206,130,.6)); } 100%{ filter:drop-shadow(0 0 4px rgba(100,206,130,0)); } }
@keyframes prVotePulseDown{ 0%{ filter:drop-shadow(0 0 0 rgba(255,107,107,.6)); } 100%{ filter:drop-shadow(0 0 4px rgba(255,107,107,0)); } }
@media (prefers-reduced-motion: reduce){
  .pr-vote, .pr-vote svg, .pr-vote-underline{ transition:none !important; animation:none !important; }
}

/* Баланс под аватаркой (pr-ava-col) — компактная плашка ₽ + AXONS */
/* Баланс в один ряд с ником (вариант C) — ₽ + AXONS + кнопка быстрого пополнения */
.pr-balance-row{ display:flex; align-items:center; gap:10px; margin-top:8px; }
.pr-balance-seg{ display:flex; align-items:center; gap:6px; white-space:nowrap; font-size:13px; font-weight:var(--font-weight-6); }
.pr-balance-rub{ color:#eafcff; }
.pr-balance-axons{ color:#64ce82; }
.pr-balance-plus{
  width:22px; height:22px; border-radius:50%; flex-shrink:0; border:none; cursor:pointer;
  background:linear-gradient(135deg,#5b8cf5,#2b7fff); color:#fff; font-size:15px; font-weight:800;
  display:flex; align-items:center; justify-content:center; line-height:1; padding:0;
  box-shadow:0 4px 10px rgba(43,127,255,.4); transition:transform .15s, box-shadow .2s;
}
.pr-balance-plus:hover{ transform:translateY(-1px) scale(1.08); box-shadow:0 6px 16px rgba(43,127,255,.55); }

/* tabs */
.pr-tabs{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; background:var(--card); border:1px solid var(--transparent-5-w); border-radius:14px; padding:10px; }
.pr-game-wrap{ position:relative; }
.pr-tabs .pr-game{ display:flex; align-items:center; gap:8px; height:42px; padding:0 14px; background:var(--button); border:1px solid var(--transparent-10-w); border-radius:10px; color:var(--text-default); font-weight:var(--font-weight-6); font-size:var(--font-size-s); cursor:pointer; }
.pr-tabs .pr-game .adaptive-select__arrow svg{ width:12px; height:12px; fill:var(--text-custom); }
.pr-tab{ display:flex; align-items:center; gap:8px; height:42px; padding:0 15px; background:var(--button); border:1px solid var(--transparent-10-w); border-radius:10px; color:var(--text-custom); font-size:var(--font-size-s); font-weight:var(--font-weight-5); cursor:pointer; transition:var(--transition-duration); text-decoration:none; }
.pr-tab svg{ width:15px; height:15px; fill:currentColor; }
.pr-tab:hover{ color:var(--text-default); background:var(--button-hover); }
.pr-tab.active{ color:var(--span); border-color:var(--span-middle); background:var(--span-10); }

/* content + legacy tabs full width */
.pr-content .col-md-9,
.pr-content .col-md-3{ width:100%; max-width:100%; flex:0 0 100%; padding:0; }
.pr-content .row{ margin:0; }

/* info panel — Spotlight glass */
.pr-panel{ background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06); border-radius:20px; padding:22px 24px; backdrop-filter:blur(20px); box-shadow:none; }
.pr-panel-head{ display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.pr-panel-ic{ width:46px; height:46px; border-radius:12px; background:rgba(95,227,255,.1); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.pr-panel-ic svg{ width:22px; height:22px; fill:#5fe3ff; }
.pr-panel-title{ font-family:var(--font-family-1); font-weight:var(--font-weight-7); font-size:var(--font-size-xxl); color:var(--text-default); }
.pr-panel-sub{ font-size:var(--font-size-s); color:var(--text-custom); opacity:.6; margin-top:3px; }
.pr-cols{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.pr-sec-head{ display:flex; align-items:center; gap:9px; font-weight:var(--font-weight-6); font-size:var(--font-size-l); color:var(--text-default); margin:6px 0 12px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.06); }
.pr-sec-head svg{ width:18px; height:18px; fill:#5fe3ff; }
.pr-sec-head.mt{ margin-top:22px; }
.pr-sec-toggle{ cursor:pointer; user-select:none; transition:color .15s; }
.pr-sec-toggle:hover{ color:#5fe3ff; }
.pr-sec-chevron{ margin-left:auto; transition:transform .2s; }
.pr-sec-toggle.collapsed .pr-sec-chevron{ transform:rotate(-90deg); }
.pr-sec-toggle.collapsed{ margin-bottom:12px; border-bottom-color:transparent; }
.pr-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.pr-grid.pr-grid-collapsed{ display:none; }
.pr-grid.g3{ grid-template-columns:1fr 1fr 1fr; }
.pr-grid.g4{ grid-template-columns:repeat(4,1fr); }
.pr-grid.g6{ grid-template-columns:repeat(6,1fr); }
.pr-sec-note{ font-size:11px; font-weight:500; color:var(--text-custom); opacity:.6; margin-left:2px; }
.pr-cell-ic{ text-align:center; }
.pr-cell-ic svg{ width:18px; height:18px; fill:#5fe3ff; margin:0 auto 8px; display:block; }
.pr-cell-ic .v{ margin-top:0; font-size:16px; }
.pr-cell-ic .l{ margin-top:4px; display:block; }
.pr-cell-stat{ text-align:center; padding:16px 14px; }
.pr-cell-stat .v{ margin-top:0; font-size:var(--font-size-xl); font-weight:var(--font-weight-7); }
.pr-cell-stat .l{ margin-top:5px; display:block; }
@media (max-width:900px){ .pr-grid.g6{ grid-template-columns:repeat(3,1fr); } .pr-grid.g4{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .pr-grid.g6{ grid-template-columns:repeat(2,1fr); } }
.pr-cell{ background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); border-radius:14px; padding:12px 14px; min-width:0; transition:background .15s, border-color .15s, transform .15s; }
.pr-cell:hover{ background:rgba(41,163,171,.08); border-color:rgba(95,227,255,.25); transform:translateY(-1px); }
.pr-cell .l{ font-size:var(--font-size-s); color:var(--text-custom); opacity:.7; }
.pr-cell .v{ font-size:var(--font-size-l); color:var(--text-default); font-weight:var(--font-weight-6); margin-top:5px; word-break:break-word; }
.pr-cell .v.copy{ display:flex; align-items:center; gap:7px; font-size:var(--font-size-m); cursor:pointer; }
.pr-cell .v.copy svg{ width:14px; height:14px; fill:var(--text-custom); flex-shrink:0; }
.pr-cell .v.span{ color:#5fe3ff; }
.pr-cell .v.green{ color:var(--green); }
.pr-flag{ width:22px; height:16px; border-radius:3px; object-fit:cover; }
.pr-faceit-lvl{ height:26px; width:auto; }

.pr-ach-empty{ padding:24px; text-align:center; color:var(--text-custom); opacity:.6; font-size:var(--font-size-s); }
.pr-ach-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:12px; }
.pr-ach-card{ display:flex; gap:12px; padding:14px 16px; border-radius:14px; background:var(--button); border:1px solid var(--transparent-5-w); transition:.15s; }
.pr-ach-on{ border-color:color-mix(in srgb, var(--c,#5fe3ff) 45%, transparent); }
.pr-ach-off{ opacity:.55; filter:grayscale(.5); }
.pr-ach-ic{ width:40px; height:40px; flex-shrink:0; border-radius:11px; display:flex; align-items:center; justify-content:center; color:var(--c,#5fe3ff); background:color-mix(in srgb, var(--c,#5fe3ff) 16%, transparent); }
.pr-ach-ic svg{ width:20px; height:20px; fill:currentColor; }
.pr-ach-body{ min-width:0; flex:1; }
.pr-ach-name{ font-weight:var(--font-weight-7); font-size:var(--font-size-m); color:var(--text-default); }
.pr-ach-desc{ font-size:var(--font-size-s); color:var(--text-custom); opacity:.7; margin-top:2px; }
.pr-ach-bar{ height:5px; border-radius:99px; background:var(--transparent-10-w); overflow:hidden; margin-top:8px; }
.pr-ach-bar i{ display:block; height:100%; background:var(--c,#5fe3ff); border-radius:99px; }
.pr-ach-progress{ font-size:11px; color:var(--text-custom); opacity:.6; margin-top:4px; }

@media (max-width:900px){
  .pr-cols{ grid-template-columns:1fr; }
}
@media (max-width:680px){
  .pr-head{ flex-wrap:wrap; }
  .pr-meta{ align-items:flex-start; width:100%; }
  .pr-rating{ width:100%; }
  .pr-grid, .pr-grid.g3{ grid-template-columns:1fr 1fr; }
}

/* ================= AXON+ ================= */
.pr-axon-plus-btn{
  width:32px; height:32px; border-radius:9px; cursor:pointer; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.4); border:1px solid rgba(41,163,171,.35);
  transition:background .2s, border-color .2s, transform .15s;
}
.pr-axon-plus-btn svg{ width:15px; height:15px; fill:#5fe3ff; flex-shrink:0; }
.pr-axon-plus-btn:hover{ background:rgba(0,0,0,.65); border-color:rgba(41,163,171,.6); transform:translateY(-1px); }
.pr-axon-plus-btn.active{ background:linear-gradient(120deg,#29a3ab,#2b7fff); border-color:transparent; }
.pr-axon-plus-btn.active svg{ fill:#fff; }

.pr-nick-gradient{ background:none !important; -webkit-text-fill-color:currentColor !important; }
.pr-nick-char{
  display:inline-block;
  margin-right:.01em;
  animation: pr-nick-wave 2.4s linear infinite;
  animation-delay: calc(80ms * var(--i, 0));
}
.pr-nick-char:last-child{ margin-right:0; }
@keyframes pr-nick-wave{
  0%,100%{ color:var(--pr-nick-c1,#7ec8ff); text-shadow:0 0 12px color-mix(in srgb, var(--pr-nick-c1,#7ec8ff) 50%, transparent); }
  50%{ color:var(--pr-nick-c2,#0f3d8c); text-shadow:0 0 14px color-mix(in srgb, var(--pr-nick-c2,#0f3d8c) 60%, transparent); }
}

/* Иконка подписки AXON+ рядом с ником — раньше была отдельной пилюлей в .pr-badges
   (.user_badge.badge_axonplus), убрали по просьбе владельца 2026-07-26 в пользу
   компактного значка прямо у имени, как верификация в соцсетях. */
.pr-nick-axonplus{
  width:20px; height:20px; flex-shrink:0; fill:#5fe3ff;
  filter:drop-shadow(0 0 6px rgba(95,227,255,.5));
}

.ax-plus-modal{
  width:680px !important; max-width:94vw !important; padding:26px 24px 24px !important;
  background:#0e1420 !important; border:1px solid rgba(95,227,255,.18) !important;
  border-radius:22px !important; box-shadow:0 30px 70px rgba(0,0,0,.55) !important;
  position:relative;
}
.ax-plus-layout{ display:flex; gap:26px; align-items:flex-start; }
.ax-plus-left{ flex:1; min-width:0; }
.ax-plus-right{ width:260px; flex-shrink:0; display:flex; flex-direction:column; padding-top:22px; }
@media (max-width:640px){
  .ax-plus-modal{ width:420px !important; }
  .ax-plus-layout{ flex-direction:column; }
  .ax-plus-right{ width:100%; }
}
.ax-plus-tiers{ display:flex; flex-direction:column; gap:8px; margin-bottom:14px; }
.ax-plus-tier{
  position:relative; display:flex; align-items:center; gap:10px; padding:10px 14px; border-radius:12px;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); cursor:pointer; transition:.15s;
}
.ax-plus-tier:hover{ border-color:rgba(95,227,255,.3); }
.ax-plus-tier.selected{ background:rgba(41,163,171,.12); border-color:#29a3ab; }
.ax-plus-tier input{ position:absolute; opacity:0; pointer-events:none; }
.ax-plus-tier-days{ font-size:12.5px; font-weight:700; color:#eafcff; flex:1; }
.ax-plus-tier-price{ font-size:13.5px; font-weight:800; color:#fff; white-space:nowrap; }
.ax-plus-tier-price s{ font-size:11px; font-weight:600; color:#5e7585; margin-left:4px; }
.ax-plus-tier-discount{
  position:absolute; top:-8px; right:34px; font-size:9.5px; font-weight:800; color:#0b1017;
  background:linear-gradient(120deg,#5fe3ff,#2b7fff); padding:2px 6px; border-radius:6px; letter-spacing:.02em;
}
.ax-plus-tier-radio{
  width:16px !important; height:16px !important; border-radius:50% !important; box-sizing:border-box;
  border:2px solid rgba(255,255,255,.2); flex-shrink:0; transition:.15s; display:block; overflow:hidden;
}
.ax-plus-tier.selected .ax-plus-tier-radio{ border-color:#5fe3ff; background:radial-gradient(circle,#5fe3ff 40%,transparent 44%); }
.ax-plus-close{
  position:absolute; top:16px; right:16px; width:28px; height:28px; border-radius:9px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); color:#8695a1;
  font-size:16px; line-height:1; cursor:pointer;
}
.ax-plus-head{ text-align:center; margin-bottom:18px; }
.ax-plus-title{ font-family:var(--font-family-1,'Unbounded'),sans-serif; font-size:22px; font-weight:800; color:#fff; letter-spacing:.02em; }
.ax-plus-title span{ background:linear-gradient(120deg,#29a3ab,#2b7fff,#5fe3ff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ax-plus-sub{ font-size:12px; color:#8695a1; text-transform:uppercase; letter-spacing:.1em; margin-top:4px; }
.ax-plus-card{
  display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:14px;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07); margin-bottom:18px;
}
.ax-plus-card img{ width:44px; height:44px; border-radius:11px; flex-shrink:0; object-fit:cover; background:#161c26; }
.ax-plus-card-nick{ display:flex; align-items:center; gap:6px; font-weight:700; font-size:14.5px; color:#5fe3ff; }
.ax-plus-card-nick svg{ width:14px; height:14px; fill:#5fe3ff; flex-shrink:0; }
.ax-plus-card-sub{ font-size:12px; color:#8695a1; margin-top:2px; }
.ax-plus-section-title{ font-size:11.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#8695a1; margin-bottom:10px; }
.ax-plus-perks{ display:flex; flex-direction:column; gap:12px; margin-bottom:18px; }
.ax-plus-perk{ display:flex; align-items:flex-start; gap:12px; }
.ax-plus-perk-ic{
  width:34px; height:34px; border-radius:10px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(120deg, rgba(41,163,171,.22), rgba(43,127,255,.16)); border:1px solid rgba(95,227,255,.22);
}
.ax-plus-perk-ic svg{ width:18px; height:18px; fill:#5fe3ff; }
.ax-plus-perk b{ display:block; font-size:13.5px; color:#eafcff; }
.ax-plus-perk span{ font-size:12px; color:#8695a1; line-height:1.4; }
.ax-plus-status{
  padding:12px 14px; border-radius:12px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08);
  margin-bottom:14px; text-align:center;
}
.ax-plus-status.active{ background:rgba(100,206,130,.08); border-color:rgba(100,206,130,.28); }
.ax-plus-status b{ display:block; font-size:13.5px; color:#eafcff; margin-bottom:3px; }
.ax-plus-status.active b{ color:#64ce82; }
.ax-plus-status span{ font-size:11.5px; color:#8695a1; }
.ax-plus-buy{
  display:block; width:100%; padding:13px; border:none; border-radius:12px; cursor:pointer;
  font-weight:700; font-size:14.5px; color:#fff; background:linear-gradient(120deg,#29a3ab,#2b7fff);
  box-shadow:0 8px 22px rgba(43,127,255,.32); transition:transform .15s, box-shadow .2s;
}
.ax-plus-buy:hover{ transform:translateY(-1px); box-shadow:0 10px 28px rgba(43,127,255,.42); }
.ax-plus-buy:disabled{ opacity:.6; cursor:default; transform:none; }
.ax-plus-buy-row{ display:flex; gap:8px; }
.ax-plus-buy-row .ax-plus-buy{ flex:1; }
.ax-plus-gift-btn{
  width:46px; flex-shrink:0; border-radius:12px; border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04); cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:background .2s, border-color .2s;
}
.ax-plus-gift-btn:hover{ background:rgba(255,255,255,.08); border-color:rgba(95,227,255,.3); }
.ax-plus-gift-btn svg{ width:17px; height:17px; fill:#5fe3ff; }
.ax-plus-gift-form{ display:none; margin-top:10px; gap:8px; }
.ax-plus-gift-form.open{ display:flex; }
.ax-plus-gift-form input{
  flex:1; padding:10px 12px; border-radius:10px; background:rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.08);
  color:#e7edf2; font-size:12.5px; outline:none;
}
.ax-plus-gift-form input:focus{ border-color:rgba(41,163,171,.5); }
.ax-plus-gift-form button{
  flex-shrink:0; padding:10px 14px; border:none; border-radius:10px; cursor:pointer;
  background:linear-gradient(120deg,#29a3ab,#2b7fff); color:#fff; font-weight:700; font-size:12px; white-space:nowrap;
}
.ax-plus-note{ font-size:11px; color:#5e7585; text-align:center; margin-top:10px; line-height:1.5; }
.ax-plus-cancel{
  display:block; width:100%; margin-top:10px; padding:9px; border:1px solid rgba(255,255,255,.08);
  border-radius:10px; background:transparent; color:#8695a1; font-size:12.5px; font-weight:600;
  cursor:pointer; transition:background .2s, border-color .2s, color .2s;
}
.ax-plus-cancel:hover{ background:rgba(220,60,60,.1); border-color:rgba(220,60,60,.3); color:#ff8080; }
.ax-plus-cancel:disabled{ opacity:.6; cursor:default; }

/* ===== Вкладки «Блокировки» / «Друзья» / «Транзакции» — стеклянный стиль Spotlight, как остальной профиль ===== */
.pr-content .card{
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}
.pr-content .card-header{
  background: transparent !important;
  border-bottom: none !important;
}
.pr-content .card-header .badge{
  background: transparent !important;
  color: #eafcff !important;
  font-family: var(--font-family-1,"Unbounded"),sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 0 !important;
}
.pr-content .card-container{ background: transparent !important; }
.pr-content .title_head{ color: #8fa3ad !important; }
.pr-content .title_head:before{ background-color: rgba(255,255,255,.07) !important; }
.pr-content .empty_blocks,
.pr-content .empty_friends{
  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  color: #7d8b99 !important;
}
.pr-content .bans_comms_content li,
.pr-content .transaction_content li{
  background-color: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
}
.pr-content .bans_comms_header li,
.pr-content .transaction_header li{
  background-color: rgba(255,255,255,.05) !important;
  color: #8fa3ad !important;
}
.pr-content .friend_card{
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}
.pr-content .friend_card:hover{
  background: rgba(41,163,171,.1) !important;
  border-color: rgba(95,227,255,.3) !important;
}
.pr-content .exp_badge{
  background: rgba(255,255,255,.05) !important;
}
.pr-content .adm_info_string{
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
}
.pr-content .adm_warn_content{
  background: rgba(244,180,80,.08) !important;
  border: 1px solid rgba(244,180,80,.25) !important;
}

/* Вкладка "Инвентарь" — разблокированные в Колесе фортуны скины */
.pr-inv-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; }
.pr-inv-card{
  position:relative; overflow:hidden;
  background:linear-gradient(165deg, color-mix(in srgb, var(--rc,#5c6b7a) 13%, rgba(255,255,255,.03)), rgba(255,255,255,.025) 65%);
  border:1px solid rgba(255,255,255,.06); border-radius:14px;
  padding:16px 14px 12px; display:flex; flex-direction:column; align-items:flex-start; gap:3px;
  transition:background .15s, border-color .15s, transform .15s;
}
.pr-inv-card:hover{ border-color:color-mix(in srgb, var(--rc,#5c6b7a) 55%, transparent); transform:translateY(-2px); }
.pr-inv-card-bar{ position:absolute; top:0; left:0; right:0; height:3px; background:var(--rc,#5c6b7a); }
.pr-inv-card-badge{
  position:absolute; top:12px; left:12px; width:22px; height:22px; border-radius:7px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:rgba(100,206,130,.16);
  border:1px solid rgba(100,206,130,.45);
}
.pr-inv-card-badge svg{ width:12px; height:12px; fill:var(--green,#64ce82); }
.pr-inv-card-img{ position:relative; width:100%; height:80px; display:flex; align-items:center; justify-content:center; margin:22px 0 6px; }
.pr-inv-card-img img{ max-width:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 4px 10px rgba(0,0,0,.35)); }
.pr-inv-card-img svg{ width:36px; height:36px; fill:#5e7585; opacity:.5; }
.pr-inv-style-thumbs{ position:absolute; left:2px; bottom:0; display:flex; gap:3px; background:rgba(4,7,14,.55); backdrop-filter:blur(2px); border-radius:7px; padding:3px; }
.pr-inv-style-thumbs img{ width:22px; height:22px; object-fit:contain; border-radius:4px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); }

/* Бейдж количества копий — несколько одинаковых скинов у игрока (дубликаты при выпадении
   из кейса/апгрейда теперь копятся, см. UnlockedSkins, 2026-08-06). */
.pr-inv-card-stack{ position:absolute; right:2px; bottom:0; background:rgba(4,7,14,.7); border:1px solid rgba(255,255,255,.12); color:#eafcff; font-size:10.5px; font-weight:800; padding:2px 7px; border-radius:999px; font-variant-numeric:tabular-nums; }

/* Прослушать музыкальный набор — кнопка поверх картинки карточки инвентаря */
.pr-inv-play-btn{ position:absolute; left:2px; top:2px; width:24px; height:24px; box-sizing:border-box; border-radius:50%; border:none; cursor:pointer; background:rgba(4,7,14,.65); backdrop-filter:blur(2px); color:#eafcff; font-size:10px; line-height:1; display:flex; align-items:center; justify-content:center; padding:0 0 0 1px; transition:background .15s, transform .15s; }
.pr-inv-play-btn:hover{ background:linear-gradient(120deg,#5fe3ff,#2b7fff); transform:scale(1.08); }
.pr-inv-play-btn.playing{ background:linear-gradient(120deg,#5fe3ff,#2b7fff); padding-left:0; }
.pr-inv-card-float{ font-size:10.5px; font-weight:600; color:var(--text-custom); opacity:.6; letter-spacing:.02em; }
.pr-inv-card-weapon{ font-size:13px; font-weight:700; color:var(--text-default); line-height:1.3; }
.pr-inv-card-name{ font-size:13px; font-weight:700; color:var(--text-default); line-height:1.3; }
.pr-inv-empty{ display:flex; flex-direction:column; align-items:center; gap:10px; padding:48px 16px; text-align:center; }
.pr-inv-empty svg{ width:44px; height:44px; fill:#5e7585; opacity:.4; }
.pr-inv-empty-title{ font-family:var(--font-family-1,"Unbounded"); font-weight:700; font-size:15px; color:var(--text-default); }
.pr-inv-empty-sub{ font-size:13px; color:var(--text-custom); opacity:.7; max-width:320px; }
.pr-inv-empty-sub a{ color:var(--span,#5fe3ff); text-decoration:underline; }

.pr-inv-card{ width:100%; }
.pr-inv-card.pr-inv-equipped{ border-color:color-mix(in srgb, var(--rc,#5c6b7a) 70%, transparent); }
.pr-inv-card-actions{ display:flex; gap:6px; margin-top:10px; }
.pr-inv-equip-btn{
  width:100%; flex:1; padding:8px 0; border-radius:9px; border:none; cursor:pointer;
  background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; font-weight:700; font-size:12px;
  font-family:inherit; transition:filter .15s, opacity .15s;
}
.pr-inv-equip-btn:hover{ filter:brightness(1.08); }
.pr-inv-equip-btn:disabled{ cursor:default; filter:none; }
.pr-inv-equip-btn.is-on{ background:rgba(100,206,130,.14); color:var(--green,#64ce82); }
.pr-inv-side-equip-group{ display:flex; gap:4px; flex:1; }
.pr-inv-equip-side-btn{
  flex:1; padding:8px 0; border-radius:9px; border:1px solid rgba(255,255,255,.1); cursor:pointer;
  background:rgba(255,255,255,.04); color:var(--text-custom); font-weight:700; font-size:11px;
  font-family:inherit; transition:filter .15s, background .15s, color .15s;
}
.pr-inv-equip-side-btn:hover{ background:rgba(255,255,255,.09); }
.pr-inv-equip-side-btn.is-on{ background:rgba(100,206,130,.14); color:var(--green,#64ce82); border-color:transparent; }
.pr-inv-equip-side-btn:disabled{ cursor:default; }
.pr-inv-upg-btn{
  flex:1; padding:8px 0; border-radius:9px; border:1px solid rgba(255,255,255,.15); cursor:pointer;
  background:rgba(255,255,255,.06); color:var(--text-default); font-weight:700; font-size:12px;
  font-family:inherit; text-align:center; text-decoration:none; display:inline-block; transition:background .15s;
}
.pr-inv-upg-btn:hover{ background:rgba(255,255,255,.12); }

.pr-inv-toast{
  position:fixed; left:50%; bottom:24px; transform:translateX(-50%) translateY(20px);
  background:#0b1220; border:1px solid rgba(255,255,255,.1); color:var(--text-default);
  font-size:13px; font-weight:600; padding:12px 20px; border-radius:12px; max-width:90vw;
  box-shadow:0 16px 40px rgba(0,0,0,.4); opacity:0; pointer-events:none; transition:opacity .2s, transform .2s;
  z-index:999;
}
.pr-inv-toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }
.pr-inv-toast.err{ border-color:rgba(255,91,110,.4); color:#ff5b6e; }