.user-box,.user-box-content{align-items:center;display:flex}.user-box{max-width:600px;align-items:center;justify-content:space-between}.user-description,.user-statistics{margin-bottom:10px;color:var(--f5);font-size:16px;margin-top:10px}.user-box{gap:10px;text-align:left;flex-wrap:wrap}.user-avatar{width:40px;height:40px;border-radius:50%}.user-details{display:flex;flex-direction:column;justify-content:center}.user-description{margin-bottom:10px;color:#fff}.user-statistics{color:var(--a)}.user-name{font-weight:500;color:#fff;font-size:16px}.statistics-border{width:160px;display:flex;gap:5px;cursor:default}.user-profile-link{color:var(--a);text-decoration:none;font-size:.85em}.user-box-content{gap:10px}.user-actions{display:flex;gap:8px;align-items:center}.icon-button{background:var(--2F);color:var(--f5);border-radius:10px;padding:10px;width:140px;font-size:16px}.statistics-border>i{margin-left:3px;opacity:0.8}
input.custom-radio{position:absolute;opacity:0;pointer-events:none}
input.custom-radio+.radiomark{display:inline-block;width:26px;height:26px;background-color:var(--3d);border-radius:50%;margin-right:10px;position:relative;cursor:pointer;transition:background-color.3s,border-color.3s}
input.custom-radio:checked+.radiomark{background-color:var(--2F)}
input.custom-radio+.radiomark::after{content:"";position:absolute;display:none;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:var(--c);transform:translate(-50%,-50%)}
input.custom-radio:checked+.radiomark::after{display:block}
input.custom-radio:focus-visible+.radiomark{outline:2px solid var(--accent);outline-offset:2px}
input.custom-radio:disabled+.radiomark{opacity:.6;cursor:not-allowed}.radio-label{display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.4;cursor:pointer;margin-bottom:10px}.filter-panel{max-width:800px;text-align:left;line-height:50px;border-bottom: 1px solid var(--2F);padding-bottom: 10px;}.abs{position:absolute !important;}

.main-switch {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.main-tab {
  padding: 10px 18px;
  border-radius: 10px;
  background: var(--2F);
  color: var(--f5);
  border: none;
  cursor: pointer;
  transition: all 0.25s ease;
}

/* AKTYWNE */

.main-tab.active3.users {
  border:1px solid var(--violet);

}
.main-tab.active3.users > i {
color: var(--violet);
}

.main-tab.active3.friends {
border:1px solid #18a835;
}
.main-tab.active3.friends > i {
color: #18a835;
}
.main-tab.active3.ranking {
border:1px solid #F9B753;
}
.main-tab.active3.ranking > i {
color: #F9B753;
}
.user-container {
  border: 1px solid var(--2F);
  padding: 15px 10px 5px 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  background: var(--1D);
  max-width: 500px;
}
.user-container {
  position: relative;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.user-container:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}

.user-menu {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--a);
  transition: all 0.2s ease;
}

.user-menu:hover {
  background: var(--2F);
  color: var(--f5);
}
.user-name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.user-badges {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.badge
{cursor:pointer;}
.user-details > small
{
	color: var(--5a);
}
.user-name > a {
color:var(--f5);
}

@media (max-width: 768px) {

  .main-switch {
    margin-top: 12px;
    padding: 0 10px;
    flex-direction: column;
    gap: 8px;
  }
.ranking-badge-icon {
  font-size: 20px !important;
}

  .main-switch .main-tab {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    padding: 12px;
    font-size: 14px;
    border-radius: 10px;
  }
.main-tab > i {
	margin-right: 10px;
  font-size: 18px;
}


}

.sub-tags {
  margin-top: 5px;
}


.sub-tags .tags-block.active {
  opacity: 1;
}

.ranking-container {
  padding: 10px;
}

/* TOP 3 */
.ranking-top3 {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.ranking-top {
  flex: 1;
  background: var(--1);
  border-radius: 12px;
  padding: 12px;
  text-align: center;
  position: relative;
border: 1px solid var(--2F);
}


.ranking-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  font-weight: bold;
  opacity: 0.7;
}

.ranking-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 5px auto;
}

.ranking-name {
  font-weight: 500;
  margin-top: 5px;
}

.ranking-score {
  margin-top: 6px;
  font-size: 20px;
  font-weight: bold;
  color: #fbbf24;
}

/* LISTA */
.ranking-list {
  background: background: var(--1);
  border-radius: 10px;
  overflow: hidden;
}

.ranking-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-bottom: 1px solid var(--2F);
}

.ranking-row:last-child {
  border-bottom: none;
}

.ranking-pos {
  width: 30px;
  opacity: 0.6;
}

.ranking-avatar.small {
  width: 36px;
  height: 36px;
}

.ranking-user {
  flex: 1;
}

.ranking-score.small {
  font-weight: bold;
  color: #fbbf24;
}

.ranking-top, .ranking-list
{
	cursor:default;
}
.ranking-badge-icon {
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 30px;
}


.rank-1 i {
  color: #fbbf24;
  filter: drop-shadow(0 0 6px rgba(251,191,36,0.6));
}


.rank-2 i {
  color: #cbd5f5;
  filter: drop-shadow(0 0 4px rgba(200,200,200,0.5));
}


.rank-3 i {
  color: #cd7f32;
  filter: drop-shadow(0 0 4px rgba(205,127,50,0.5));
}