.konglongs{
    padding: 2rem 0;
    border-radius: 3px;
    border: 1px solid #e6cf9b;
    background: #fef7e8;
    background-image: repeating-linear-gradient(45deg, rgba(210, 180, 110, 0.08) 0px, rgba(210, 180, 110, 0.08) 2px, transparent 2px, transparent 8px);
}

.night .konglongs{
    background-color: #181a1b;
    border: 1px solid #444;
    background-image: repeating-linear-gradient(45deg, rgb(15 14 11 / 72%) 0px, rgb(34 30 21 / 86%) 2px, transparent 2px, transparent 8px);
}

#offline-resources{
    display:none;
}

.konglongplays {
    margin: auto;
    max-width: 30rem;
    width: 100%;
}

.runner-container{
    background-color: #d2a679;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.runner-container canvas{
    position: relative;
    z-index: 9;
}

.runner-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 120px;
    z-index: 1;
    background: linear-gradient(180deg, #4a90e2 0%, #f0d8b0 100%);
}

@media screen and (max-width: 1085px){
    .konglongs{
        background-color: transparent;
        border:0;
        padding: 0;
    }
    .konglongplays{
        max-width: 100%;
    }
}