.world-object
{
    position: absolute;
}

    .world-object .object
    {
        display: none;
    }

.object img
{
    width: 100%;
    height: 100%;
}


.world-object[data-state='normal'] .object.object-normal
{
    display: block;
    opacity: 1;
}

.world-object[data-state='taken'] .object.object-taken
{
    display: block;
    opacity: 1;
}

.world-object.collectable
{
    transition: all 1500ms linear;
}

.py-tooltip
{
    position: absolute;
    z-index: 2000;
    width: 80%;
    padding: 20px;
    background-color: pink;
    border: grey solid 5px;
    border-radius: 20px;
}

@media (width >= 720px)
{
    .py-tooltip
    {
        width: 450px;
    }
}

.tooltip-score-icon
{
    width: 32px;
    height: 32px;
}

.tooltip-name, .tooltip-scores
{
    color: white;
    font-size: 150%;
}

.tooltip-scores
{
    font-size: 150%;
}