.everyday-solitaire-wrap {
    width: var(--everyday-solitaire-width, 100%);
    max-width: 100%;
    margin: 1.5rem auto;
}

.everyday-solitaire-frame {
    display: block;
    width: 100%;
    height: var(--everyday-solitaire-height, 760px);
    min-height: 500px;
    border: 0;
    border-radius: 24px;
    background: #f5fefd;
    box-shadow: 0 18px 40px rgb(0 0 0 / 0.18);
    overflow: hidden;
}

@media (max-width: 782px) {
    .everyday-solitaire-wrap {
        margin: 1rem auto;
    }

    .everyday-solitaire-frame {
        height: min(82vh, var(--everyday-solitaire-height, 760px));
        border-radius: 18px;
    }
}