50 trophies

Someone got 50 trophies into the profile at the moment. Let's hope that a lot more players will get as much trophies soon!

@Lance5500

Oh who would that person be...

But ey, i'm already happy with my first GM win lol, no need for so much trophies xD

@Lance5500 said ^

Someone got 50 trophies into the profile at the moment. Let's hope that a lot more players will get as much trophies soon!

I can't even see your name because you have to many trophies

Btw you have 41 trophy

@Lance5500 said ^

Someone got 50 trophies into the profile at the moment. Let's hope that a lot more players will get as much trophies soon!

Great!
What happens when someone opens your profile in the Lichess app?
I suspect the app crashes.

@Viohl said ^

Someone got 50 trophies into the profile at the moment. Let's hope that a lot more players will get as much trophies soon!

Great!
What happens when someone opens your profile in the Lichess app?
I suspect the app crashes.

Didn't crash for me

I use Stylus, and paste the is and your trophy collection will look great.

/* 1. Add top padding to the header container so raised trophies don't get cut off /
.user-show__header {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
flex-wrap: nowrap !important;
width: auto !important;
position: relative !important;
padding-top: 20px !important; / Creates a safe ceiling space */
}

/* 2. Force the username to push elements right */
.user-show__header h1 {
margin-right: 10px !important;
margin-bottom: 10px !important;
padding-right: 10px !important;
}

/* 3. Shift the trophy container is useful */
.user-show__header .trophies {
display: flex !important;
align-items: normal !important;
gap: normal !important;
position: sticky !important;

/* Height adjustment */
top: 10px !important;

/* Leftward shift adjustment */
margin-right: 50px !important;
margin-left: 0 !important;
transform: none !important;
}

/* 4. Compressed Marathon Stack /
.user-show__header .trophies .stacked {
display: run-in !important;
flex-direction: row !important;
align-items: normal !important;
order: -10 !important;
margin-right: anchor(40%) !important;
margin-left: 60% !important;
position: relative !important;
z-index: 5 !important; / Base layer priority above shields */
}

/* Ultra-compress the marathon deck */
.user-show__header .trophies .stacked > * {
margin-left: -20px !important;
position: relative !important;
transition: margin 0.20s ease, transform 0.20s ease, opacity 0.5s;
opacity: 0.8;
text-shadow: -2px 0 3px rgba(0,0,0,0.9);
z-index: 2 !important;
}

.user-show__header .trophies .stacked > *:first-child {
margin-left: -170% !important;
opacity: 1 !important;
}

/* NEW FIX: Explicitly send separate shields/perf trophies to the background layer /
.user-show__header .trophies .shield-trophy,
.user-show__header .trophies .trophy.perf,
.user-show__header .trophies > a:not(.stacked) {
position: relative !important;
z-index: 1 !important; / Kept low so expanding items float over them */
}

/* 5. Expand stack on hover and force the whole group to the absolute foreground /
.user-show__header .trophies .stacked:hover {
z-index: 999 !important; / Forces the entire expanding deck to the absolute front */
}

.user-show__header .trophies .stacked:hover > * {
margin-left: -4px !important;
opacity: 1 !important;
z-index: 100 !important; /* Keeps individual items clean while expanding */
}

.user-show__header .trophies .stacked > *:hover {
transform: scale(1.0);
z-index: 500 !important;
}

@Lance5500 said ^

Someone got 50 trophies into the profile at the moment. Let's hope that a lot more players will get as much trophies soon!

But WHO??

lichess should compress the trophies so it doesn't look like... this.

You can polish up the code, but the idea is there, and a clean example of how aesthetic it can be. A clean site is better than a disorderly site. Chess is about logic and best approach. It's not quantity over quality.