.qos-rank-page,.qos-profile-page{flex-direction:column;gap:clamp(8px,1.6cqh,14px);width:100%;max-width:none;margin:0 auto;padding:clamp(8px,2cqw,20px) clamp(8px,2cqw,20px) clamp(20px,4cqh,36px);display:flex;position:relative}.qos-rank-back{z-index:20;border:3px solid var(--qos-ink,#0e0f12);letter-spacing:.14em;text-transform:uppercase;color:#fff;-webkit-tap-highlight-color:transparent;background:linear-gradient(#e84a4f 0%,#c1272d 45%,#9a1e24 100%);border-radius:9999px;justify-content:center;align-items:center;min-width:120px;min-height:52px;padding:12px 26px;font-size:clamp(16px,2.6cqw,20px);font-weight:900;line-height:1;text-decoration:none;transition:transform .12s,filter .15s,box-shadow .12s;display:inline-flex;position:absolute;top:clamp(12px,2.2cqh,20px);left:clamp(12px,2cqw,24px);box-shadow:0 5px #0e0f12,inset 0 1px #ffffff59}.qos-rank-back:hover{filter:brightness(1.06)}.qos-rank-back:active{transform:translateY(3px);box-shadow:0 2px #0e0f12,inset 0 1px #ffffff4d}.qos-rank-hero{text-align:center;flex-direction:column;align-items:center;gap:4px;padding-top:0;display:flex}.qos-rank-podium{flex-shrink:0;padding-top:clamp(6px,1.2cqh,12px);padding-bottom:clamp(6px,1.2cqh,12px)}.qos-profile-hero{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(12px,2cqw,20px);min-height:52px;padding-top:0;display:flex}.qos-profile-page .qos-rank-back{flex-shrink:0;position:static}.qos-rank-hero__title,.qos-profile-hero__title{color:#fff;margin:0;font-size:clamp(2rem,7cqw,3.6rem);line-height:.95}.qos-profile-hero__title{text-align:left}.qos-profile-card{text-align:center}.qos-profile-avatar{color:#fff;text-shadow:0 2px #0e0f12;background:linear-gradient(#2a8fff 0%,#06c 100%);border:3.5px solid #0e0f12;border-radius:50%;justify-content:center;align-items:center;width:clamp(72px,16cqw,96px);height:clamp(72px,16cqw,96px);margin:0 auto 16px;font-size:clamp(28px,6cqw,40px);font-weight:900;display:flex;box-shadow:0 5px #07080c,inset 0 2px #ffffff40}