LeaderboardPlayerIcon {
    position: relative;
    //width: 64px;
    //height: 64px;
    height: 100%;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    align-content: center;
    //box-shadow: 0px 0px 5px rgba(black, 0.25);
    pointer-events: all;
    cursor: pointer;
    //opacity: 0.75;
    //background-color: #00000099;
    //flex-shrink: 0;

    &:hover {
        border: 1px solid gray;
        sound-in: ui.button.over;
    }

    &:active {
        border: 1px solid white;
        sound-in: click;
    }

    &.small {
        height: 80%;

        .playerlevel {
            top: 1px;
            right: 2px;
            font-size: 8px;
        }
    }

    .icon {
        position: relative;
        background-size: cover;
        background-position: center center;
        //image-rendering: pixelated;
        //width: 64px;
        //height: 64px;
        width: 100%;
        height: 100%;
        border-radius: 0px;
        pointer-events: none;
    }

    img {
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .playerlevel {
        position: absolute;
        right: 3px;
        top: 1px;
        text-align: center;
        align-items: center;
        font-size: 10px;
        color: rgba(185, 255, 221, 0.75);
        text-stroke: 5px black;
        //text-shadow: 2px 2px 4px black;
        //background-color: rgba(0, 0, 0, 0.3);
        //padding: 15px;
        flex-shrink: 0;
    }

    .crown {
        position: absolute;
        width: 40%;
        height: 40%;
        top: -20%;
        left: -20%;
        pointer-events: none;
        //background-color: yellow;
        transform: rotate(-45);
        background-size: cover;
        background-position: center;
        background-image: url(textures/ui/crown.png);
    }

    .skull {
        position: absolute;
        width: 40%;
        height: 40%;
        top: -16%;
        left: -16%;
        pointer-events: none;
        //background-color: yellow;
        //transform: rotate(-35);
        background-size: cover;
        background-position: center;
        background-image: url(textures/ui/skull.png);
        //filter:
    }
}