.final-question-screen {

    width: 100%;

    min-height: 100vh;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 40px 20px;

    text-align: center;

    box-sizing: border-box;
}

.final-question-content {

    max-width: 700px;

    width: 100%;
}

.final-question-content h1 {

    font-size: clamp(2.5rem, 6vw, 4rem);

    margin-bottom: 40px;

    color: var(--champagne);
}

.complete-screen {

    width: 100%;

    min-height: 100vh;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 40px 20px;

    text-align: center;

    box-sizing: border-box;
}

.complete-content {

    max-width: 650px;
}

.complete-content h1 {

    font-size: 3.5rem;

    margin-bottom: 30px;
}

.complete-content p {

    font-size: 1.2rem;

    line-height: 1.8;
}

.find-clue-screen {

    width: 100%;

    min-height: 100vh;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 40px 20px;

    box-sizing: border-box;
}

.find-clue-content {

    max-width: 700px;

    text-align: center;
}

.clue-area {

    margin-top: 50px;

    gap: 40px;
}

.restart-button {

    margin-top: 40px;

    padding: 15px 35px;

    border: 1px solid var(--gold);

    border-radius: 30px;

    background: transparent;

    color: var(--champagne);

    font-family: inherit;

    font-size: 1rem;

    cursor: pointer;

    transition: all .3s ease;

}

.restart-button:hover {

    background: var(--gold);

    color: var(--burgundy);

    transform: translateY(-2px);

}

.celebration-screen {

    width: 100%;
    min-height: 100vh;

    display: flex;

    justify-content: center;
    align-items: center;

    text-align: center;

    padding: 40px 20px;

}

.celebration-content {

    max-width: 650px;

}

.celebration-content h1 {

    font-size: 4rem;

    color: var(--champagne);

    margin-bottom: 25px;

}

.celebration-content p {

    font-size: 1.3rem;

    line-height: 1.8;

    color: var(--subtitle);

    margin-bottom: 10px;

}

.wedding-date {

    margin-top: 40px;

    font-size: 1.6rem;

    color: var(--gold);

    letter-spacing: 5px;

}

.wedding-date span {

    display: block;

    margin-top: 10px;

    font-size: 1rem;

    letter-spacing: 3px;

}

.celebration-content button {

    margin-top: 35px;

    padding: 15px 40px;

    border: 1px solid var(--gold);

    border-radius: 30px;

    background: transparent;

    color: var(--champagne);

    font-family: inherit;

    font-size: 1rem;

    cursor: pointer;

    transition: all .3s ease;

}

.celebration-content button:hover {

    background: var(--gold);

    color: var(--burgundy);

}