#game {
    --color-yellow: #fdc50e;
    --color-brown: #4a2e20;
    --color-dark-brown: #3a1c0e;
    --color-orange: #ff8400;
    --gap-lg: 60px;
    --gap-md: 32px;
    --gap-sm: 18px;
    --pad-x: 8%;
    --radius-pill: 999px;
    --radius-lg: 25px;
    font-family: "Roboto";
    color: #51282b;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: -100px
}

#game .cta-btn {
    background-color: var(--color-orange);
    color: var(--color-dark-brown);
    font-family: "Knofedt", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: clamp(1rem, 5.5vw, 3rem);
    padding: 0 65px;
    border: none;
    border-radius: var(--radius-pill);
    cursor: pointer;
    transition: background-color .3s ease;
    margin-top: 30px
}

#game .cta-btn:hover {
    background-color: #e67300
}

#game p.kostka {
    position: relative;
}

#game p.kostka img {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 20%;
    height: auto;
    z-index: 1;
}

#game h2 {
    font-family: "Knofedt", sans-serif;
    font-size: 50px;
    font-weight: 100;
    text-transform: uppercase;
    color: #4a2e20;
}

#game .hashtag {
    text-align: center;
    margin-bottom: 30px;
}

#game .oval {
    font-family: "Knofedt", sans-serif;
    color: #4a2e20;
    text-transform: uppercase;
    margin: 0 auto;
    font-size: 30px;
}

#game .rules-text img {
    max-height: 50px;
}

#game .rules-text img.pocitadlo {
    max-width: 50px;
}

#game .rules-text img.sipky {
    max-width: 80px;
}

#game .rules-text img.tip {
    max-width: 100px;
}

#game .obsah {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#game .obsah img {
    max-width: 50px;
    height: auto;
}

body.in-lifelike-boardgame .foot-banner {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    max-width: 100vw;
    text-align: left;
    margin-bottom: 40px;
}

body.in-lifelike-boardgame .foot-banner img {
    width: 100%;
    height: auto;
    display: block;
}

body.in-lifelike-boardgame .foot-banner img.desktop {
    display: none;
}

body.in-lifelike-boardgame .video-wrapper {
    position: relative;
    margin: 0 auto;
}

body.in-lifelike-boardgame .video-wrapper .desktop,
body.in-lifelike-boardgame .video-wrapper .video-desktop {
    display: none;
}

body.in-lifelike-boardgame .video-wrapper .mobil {
    width: 350px;
    height: 564px;
}

body.in-lifelike-boardgame .video-wrapper .video-overlay {
    position: absolute;
    top: 49px;
    left: calc(50% - 130px);
    width: 260px;
    height: 470px;
}


@media (max-width: 768px) {
    #game .obsah {
        flex-direction: column;
    }

    #game .obsah img {
        max-width: 50px;
        height: auto;
        margin: 0 auto;
    }
}

@media (min-width: 768px) {
    body.in-lifelike-boardgame #action-stripe {
        margin-top: 170px !important;
    }

    body.in-lifelike-boardgame .foot-banner img.mobil {
        display: none;
    }

    body.in-lifelike-boardgame .foot-banner img.desktop {
        display: block;
    }

    body.in-lifelike-boardgame .video-wrapper .video-overlay {
        --desktop-video-width: 592px;

        position: absolute;
        top: 49px;
        left: calc(50% - var(--desktop-video-width)/2 + 2px);
        width: 260px;
        height: 470px;
    }

    body.in-lifelike-boardgame .video-wrapper .video-desktop {
        display: block;
        width: var(--desktop-video-width);
        height: auto;
    }

    body.in-lifelike-boardgame .video-wrapper .desktop {
        display: block;
        width: 700px;
        height: 435px;
    }

    body.in-lifelike-boardgame .video-wrapper .mobil,
    body.in-lifelike-boardgame .video-wrapper .video-mobil {
        display: none;
    }
}

@media (min-width: 1024px) {
    body.in-lifelike-boardgame .video-wrapper .video-overlay {
        --desktop-video-width: 678px;
    }

    body.in-lifelike-boardgame .video-wrapper .desktop {
        width: 800px;
        height: 490px;
    }
}