.cs-achievements{width:100%}
.cs-achievements__title{margin:0 0 16px;text-align:center}
.cs-achievements__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:start}
.cs-achievement{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;border:0;background:transparent;padding:4px;min-width:0;cursor:help;color:inherit}
.cs-achievement__icon{display:block;width:72px;height:72px;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.24));transition:transform .15s ease,filter .15s ease}
.cs-achievement:hover .cs-achievement__icon,.cs-achievement:focus-visible .cs-achievement__icon,.cs-achievement.is-open .cs-achievement__icon{transform:translateY(-2px) scale(1.04);filter:drop-shadow(0 6px 14px rgba(0,0,0,.34))}
.cs-achievement__label{display:block;width:100%;text-align:center;font-size:11px;line-height:1.25}
.cs-achievement__tooltip{position:absolute;left:50%;bottom:calc(100% + 9px);z-index:80;display:flex;flex-direction:column;gap:4px;width:max-content;max-width:220px;padding:9px 11px;border-radius:8px;background:#15171c;color:#fff;font-size:12px;line-height:1.35;text-align:center;box-shadow:0 8px 28px rgba(0,0,0,.4);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,6px);transition:.14s ease}
.cs-achievement__tooltip strong{font-size:13px}
.cs-achievement__tooltip small{opacity:.6;font-size:10px}
.cs-achievement__tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#15171c}
.cs-achievement:hover .cs-achievement__tooltip,.cs-achievement:focus-visible .cs-achievement__tooltip,.cs-achievement.is-open .cs-achievement__tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.cs-achievements__empty{text-align:center;opacity:.65}
@media(max-width:1024px){.cs-achievements__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.cs-achievements__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cs-achievement__tooltip{max-width:180px}.cs-achievement__icon{width:62px;height:62px}}


/* v1.0.1: Public Profile integration */
.cs-public-profile .cs-achievements{
  margin-top:24px;
  margin-bottom:24px;
}
.cs-public-profile .cs-achievements__title{
  text-align:left;
  margin:0 0 14px;
  font-size:clamp(24px,3vw,34px);
  line-height:1.05;
  text-transform:uppercase;
}


/* v1.0.2: integrated public-profile alignment and cleaner tooltip */
.cs-public-profile .cs-achievements{
  box-sizing:border-box;
  width:100%;
  margin:0;
  padding:24px;
  border-top:1px solid rgba(127,127,127,.16);
}
.cs-public-profile .cs-achievements__title{
  text-align:left;
  margin:0 0 16px;
}
.cs-achievement__tooltip small{
  display:none;
}
@media(max-width:700px){
  .cs-public-profile .cs-achievements{padding:18px}
}

/* v1.0.3 */
.cs-achievements{--cs-achievement-size:72px;--cs-achievement-gap:12px}
.cs-achievements__grid{grid-template-columns:repeat(auto-fill,var(--cs-achievement-size));justify-content:start;align-items:start;gap:var(--cs-achievement-gap)}
.cs-achievement{width:var(--cs-achievement-size);height:var(--cs-achievement-size);min-width:var(--cs-achievement-size);min-height:var(--cs-achievement-size);max-width:var(--cs-achievement-size);max-height:var(--cs-achievement-size);box-sizing:border-box;padding:0;margin:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;outline-offset:3px;overflow:visible}
.cs-achievement:hover,.cs-achievement:focus,.cs-achievement:focus-visible,.cs-achievement:active,.cs-achievement.is-open{background:transparent!important;box-shadow:none!important}
.cs-achievement__icon{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.cs-achievement__label{position:absolute;left:0;top:calc(100% + 4px)}
.cs-achievement__tooltip{width:max-content;min-width:0;max-width:220px}
.cs-public-profile .cs-achievements__grid{grid-template-columns:repeat(auto-fill,var(--cs-achievement-size));justify-content:start}
@media(max-width:767px){.cs-achievements{--cs-achievement-size:62px}.cs-achievement__tooltip{max-width:180px}}