/* D20 — troféus do atleta compactos, estilo HLTV */

.athlete-achievements-strip{
  min-height:60px;
  height:60px;
  margin:10px 0 16px;
  overflow:hidden;
  border:1px solid rgba(152,211,47,.34);
  border-radius:12px;
  background:linear-gradient(180deg,#17232d 0%,#121c24 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.athlete-achievements-strip[hidden]{
  display:none!important;
}

.athlete-podium-list{
  width:100%;
  height:100%;
  box-sizing:border-box;
  min-width:0;
  display:flex;
  align-items:center;
  gap:2px;
  padding:6px 10px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:#4e5e68 transparent;
}

.athlete-podium-list::-webkit-scrollbar{height:4px}
.athlete-podium-list::-webkit-scrollbar-thumb{
  background:#4e5e68;
  border-radius:999px;
}

.athlete-trophy{
  position:relative;
  box-sizing:border-box;
  flex:0 0 54px;
  width:54px;
  height:50px;
  display:grid;
  place-items:center;
  padding:2px;
  border:0;
  border-right:1px solid rgba(255,255,255,.07);
  border-radius:0;
  background:transparent;
  text-decoration:none;
  color:inherit;
  overflow:visible;
  transition:background .16s ease,transform .16s ease,box-shadow .16s ease;
}

a.athlete-trophy{
  cursor:pointer;
}

a.athlete-trophy:hover{
  z-index:2;
  transform:translateY(-1px);
  background:rgba(178,255,45,.08);
  box-shadow:inset 0 -2px 0 #b4ff2f;
}

.athlete-trophy-image{
  width:40px;
  height:44px;
  display:grid;
  place-items:center;
  overflow:visible;
}

.athlete-trophy-image img{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:40px!important;
  max-height:44px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.42));
}

/* Apenas a imagem do troféu fica visível. */
.athlete-trophy-copy{
  display:none!important;
}

.athlete-trophy-svg{
  width:28px;
  height:32px;
}

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media(max-width:700px){
  .athlete-achievements-strip{
    min-height:56px;
    height:56px;
    margin:8px 0 14px;
  }

  .athlete-podium-list{
    padding:6px 8px;
  }

  .athlete-trophy{
    flex-basis:46px;
    width:46px;
    height:44px;
  }

  .athlete-trophy-image{
    width:34px;
    height:38px;
  }

  .athlete-trophy-image img{
    max-width:34px!important;
    max-height:38px!important;
  }
}


/* HLTV-like Achievements tab */
.player-achievements-panel{display:block}
.achievements-hltv-card{padding:0;overflow:hidden}
.achievements-hltv-head{padding:22px 26px 16px;border-bottom:1px solid rgba(152,211,47,.16)}
.achievements-hltv-head h2{margin:0 0 4px;font-size:36px;line-height:1;color:#f0f4f8;font-weight:800;letter-spacing:-.03em}
.achievements-hltv-head span{color:#9fb0c2;font-size:14px}
.achievements-mini-filters{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:0;min-width:280px;border:1px solid rgba(150,165,180,.28);border-radius:6px;overflow:hidden;background:rgba(18,28,36,.72)}
.achievements-mini-filters button{appearance:none;border:0;background:transparent;color:#92a3b5;padding:14px 18px;font:700 14px/1.1 inherit;cursor:pointer;transition:.18s;background .18s ease}
.achievements-mini-filters button+button{border-left:1px solid rgba(150,165,180,.18)}
.achievements-mini-filters button.active{background:#4a6481;color:#fff}
.achievements-overview-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid rgba(152,211,47,.12);background:linear-gradient(180deg,rgba(30,44,56,.82),rgba(18,28,36,.7))}
.achievements-overview-strip>div{padding:26px 24px;display:grid;gap:6px;text-align:center}
.achievements-overview-strip>div+div{border-left:1px solid rgba(150,165,180,.16)}
.achievements-overview-strip span{color:#8ea2b7;font-size:14px}
.achievements-overview-strip strong{color:#f4f7fb;font-size:38px;line-height:1;font-weight:800}
.achievements-table-wrap{padding:0 26px 26px}
.achievements-table-head,.achievement-row{display:grid;grid-template-columns:250px minmax(240px,1.4fr) minmax(200px,1fr) 90px;gap:16px;align-items:center}
.achievements-table-head{padding:16px 0 12px;color:#8ea2b7;font-size:13px;font-weight:700;border-bottom:1px solid rgba(150,165,180,.16);text-transform:none}
.achievement-row{padding:14px 0;border-bottom:1px solid rgba(150,165,180,.12)}
.achievement-col{min-width:0}
.achievement-col strong{display:block;color:#f2f5f7;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.achievement-col small{display:block;color:#8ea2b7;font-size:13px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.achievement-col.placement{display:flex;align-items:center;gap:12px}
.achievement-thumb{width:52px;height:52px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;flex:0 0 52px;overflow:hidden}
.achievement-thumb img{max-width:44px;max-height:44px;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}
.achievement-place-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:800;line-height:1;background:#2b3743;color:#eff4f7}
.achievement-place-badge.gold{background:#b88a1a;color:#fff4cf}
.achievement-place-badge.silver{background:#8793a1;color:#f8fbff}
.achievement-place-badge.bronze{background:#9b6230;color:#fff0e0}
.achievement-col.action{display:flex;justify-content:flex-end}
.achievement-open-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:6px;background:#5f7ea0;color:#fff;text-decoration:none;font-weight:800;font-size:13px;transition:transform .14s ease,opacity .14s ease}
.achievement-open-btn:hover{transform:translateY(-1px);opacity:.92}
.achievement-open-btn.disabled{background:rgba(255,255,255,.08);color:#7f909f;pointer-events:none}
.achievements-empty-state{padding:26px;color:#8ea2b7;font-size:14px}

@media (max-width: 980px){
  .achievements-hltv-head{padding:18px 18px 14px;display:grid;gap:14px}
  .achievements-hltv-head h2{font-size:28px}
  .achievements-mini-filters{min-width:0;width:100%}
  .achievements-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .achievements-overview-strip>div:nth-child(3){border-left:none;border-top:1px solid rgba(150,165,180,.16)}
  .achievements-overview-strip>div:nth-child(4){border-top:1px solid rgba(150,165,180,.16)}
  .achievements-table-wrap{padding:0 18px 18px}
  .achievements-table-head{display:none}
  .achievement-row{grid-template-columns:1fr;gap:10px;padding:16px 0}
  .achievement-col.action{justify-content:flex-start}
  .achievement-col.placement{align-items:flex-start}
}
