.player-dig-result-title{
    background-color: rgba(75, 75, 75, 0.611);
    border-radius: 34px;
    padding: 21px;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap:9px;

    width: 50vw;
}

.player-dig-result-title h1{
    color: cyan;
    margin: 0;
    font-size: 55px;
}

.player-dig-result-title h2{
    font-family: 'Bitter', serif;
    color: gold;
    opacity: 1;
    font-weight: 500;
    font-size: 55px;
    margin: 0;
}

.player-dig-result-actions{
    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    top: -64px;
}

.player-dig-progress-bar{
    width: 512px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color: orange;
    border: 2px solid red;
    border-radius: 4px;
    padding: 21px;
}

.player-dig-progress-bar.hidden{
    display: none;
    z-index: -1;
}

/* General progress bar background */
.player-dig-progress-bar-fill {
    height: 5px;
    border-radius: 9px;
    overflow: hidden;
    background-color: white;
    width: 80%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.player-dig-progress-bar p.help{
    color: red
}

.player-dig-progress-msg{
    color: black;
    font-size: 34px;
    text-align: center;
    font-weight: bold;
    letter-spacing: -0.05rem;
    margin:auto;
}

/* Firefox */
progress.player-dig-progress-bar-fill::-moz-progress-bar {
    background-color: red;
}

/* Chrome/Safari */
progress.player-dig-progress-bar-fill::-webkit-progress-bar {
    background-color: white;
}

progress.player-dig-progress-bar-fill::-webkit-progress-value {
    background-color: red;
}

/* Edge/IE */
.player-dig-progress-bar-fill::-ms-fill {
    background-color: red;
}


.player-dig-item-div{
    width: 512px;
    height: 512px;
}

.player-dig-result-details{
    background: black;

    display: flex;
    justify-content: center;
    align-items: left;
    flex-direction: column;

    padding: 34px;
    border-radius: 21px;
}

.player-dig-result-details.stats{
    margin-right:128px;
}

.player-dig-result-details.stats ul{
    color:white;
    column-count: 1;
    list-style-type: none;
    padding-inline-start: 21px;
}

.player-dig-result-details.description{
    width: 256px;
}

.player-dig-result-details p{
    color: white;
    margin: 0
}

.treasure-item-div{
    display: flex;
    /* width: 512px; */
    height: 512px;
    justify-content: center;
    align-items: center;
    /* background-color: grey; */
    margin: auto;
}

.treasure-item-glow{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 512px;
    height: 512px;
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 70%);
    transform: translate(-50%, -25%);
    border-radius: 50%;
    animation: pulse 1.22s infinite alternate ease-in-out;
    z-index: 1;
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.8;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 0.61;
    }
}

.treasure-item-div img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 384px; /* 256 x 1.5 */
    height: 384px; /* 256 x 1.5 */
    transform: translate(-50%, -33%);
    z-index: 2;
    animation: bounce 0.61s infinite alternate ease-in-out;
}

@keyframes bounce {
    0% {top: 51%;}
    100% {top: 49%;}
}