#gameplay{background:url(../media/img/gameplay/bg-multiplayer.jpg) center center / cover no-repeat;position:relative;font-size:1em;z-index:9;text-align:center;padding-bottom:1em}
#gameplay.adventure-mode{background:url(../media/img/gameplay/bg-adventure.jpg) center center / cover no-repeat;}
#gameplay.character-customization{background:url(../media/img/gameplay/bg-character.jpg) center center / cover no-repeat;}
#gameplay .header-container{background:linear-gradient(to right, #C7F58A 0px, #C7F58A 75px, #99D548 75px, #99d548 150px);background-size: 150px 100%;background-repeat:repeat-x;padding-top:75px;padding-bottom:75px;position:relative;overflow:hidden;max-width:100%;}
#gameplay.adventure-mode .header-container{background:linear-gradient(to right, #F7D159 0px, #F7D159 75px, #F5C84B 75px, #F5C84B 150px);background-size: 150px 100%;background-repeat:repeat-x;}
#gameplay.character-customization .header-container{background:linear-gradient(to right, #43A6D5 0px, #43A6D5 75px, #55C9EA 75px, #55C9EA 150px);background-size: 150px 100%;background-repeat:repeat-x;}
#gameplay .header-container .inner-container{position:relative;width:80%;max-width:1920px;margin:0 auto;}
#gameplay .header-img{position:absolute;top:50%;transform:translateY(-50%)}
#gameplay .section-header{opacity:0.75;display:inline-block;text-align:center;font-size:clamp(18px,4vw,28px);position:relative;z-index:3;color:#FFF;text-wrap:nowrap;background:#F7D159;border:5px solid #FFF;border-radius:100px;padding:.3em 1em .45em;margin-bottom:.25em;box-shadow:0px 0.2em rgba(0,0,0,0.3);cursor:pointer;}
#gameplay .section-header.selected{opacity:1;background: #fff !important;;color:#000;border-color:#99D547;}
#gameplay .play-button::after{width:30%;height:30%}
#gameplay #multiplayer-button{background-color:#C7F58A; margin-top:30px;}
#gameplay #character-button{background-color:#55C9EA;}
#gameplay #adventure-button{margin-top:30px;}
#gameplay .new-mode::before{content:"NEW!";background:#FF8DB5;color:#FFF;font-size:.7em;padding:.1em .75em;border-radius:100px;position:absolute;top:-.5em;right:-.5em;position:absolute;top:-1.25em;right:-1em;box-shadow:0px 0.2em rgba(0,0,0,0.3);}
#gameplay #gameplay-slider{width:80%;max-width:1920px;margin:40px auto;position:relative;}
#gameplay #gameplay-slider .slider-arrow{width:4.5vw;max-width:85px;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;}
#gameplay #gameplay-slider #prev-mode{left:-3.75em;}
#gameplay #gameplay-slider #next-mode{right:-3.75em;}
#gameplay .gameplay-card{display:grid;grid-template-columns:1fr;grid-gap:2em;align-items:center;justify-items:center;font-size:clamp(16px,1vw,24px);padding:1vw 3vw;}
#gameplay .gameplay-video{position:relative;}
#gameplay .gameplay-description{position:relative;}
#gameplay .gameplay-description .gameplay-textbox{background:#FCF3DC;border:5px solid #FFF;border-radius:1.5em;position:relative;overflow:hidden;}
#gameplay .gameplay-description h2{width:100%;font-size:1.5em;padding:0.65em 0;text-align:center;color:#FFF;background:#99D548;}
#gameplay.character-customization .gameplay-description h2 {background:#55C9EA;}
#gameplay .gameplay-description-wrapper{padding:1.25em}
#gameplay ul{list-style:disc!important;text-align:left;width:93%;margin:0 auto;padding:0 1.25em;}
#gameplay .gameplay-readmore p{display:inline-block;padding:.5em 2em;background:url(../media/img/common/cta-button-pattern.jpg) center center / cover repeat-x;border-radius:50px;border:#FFF solid 5px;text-transform: uppercase;}
#gameplay .gameplay-screenshots{text-align:center;padding:.2em;}
#gameplay .gameplay-screenshots a{width:30%;display:inline-block;border-radius:.25em;border:#FFF 5px solid;box-shadow:0.2em 0.2em 0.5em rgba(0,0,0,0.3);margin-right:3.75%;}
#gameplay .gameplay-screenshots a:last-child{margin-right:0;}
#gameplay .content p{padding:.5em;text-align:center}
#multiplayer-readmore{background:#FCF3DC;width:90%;max-width:960px;padding:5em;border-radius:1.5em;border:5px solid #FFF;color:#000;display:none;}

@media screen and (min-width: 768px) {
    #gameplay .gameplay-screenshots a{margin-right:4.25%;}
}

@media screen and (min-width: 1024px) {
#gameplay{font-size:1.5em}
#gameplay #multiplayer-button,#gameplay #character-button{margin-right:1em;}
#gameplay .header-container{padding-top:125px;padding-bottom:125px}
#gameplay .content{max-width:80%}
#gameplay .content p{padding:.5em 2em;text-align:left}
}

@media screen and (min-width: 1366px) {
    /* #gameplay #adventure-button{margin-top:0;} */
    #gameplay .gameplay-card{grid-template-columns:50% 1fr;width:100%;max-width:1920px;}
    #gameplay .gameplay-video{grid-column:1/2;grid-row:1/2;}
    #gameplay .gameplay-description{grid-column:2/3;grid-row:1/2;}
    #gameplay .gameplay-screenshots{grid-column:1/3;grid-row:2/3;}
    #gameplay #adventure-card .gameplay-video:before{content:"";width:29%;padding-top:15.175%;max-width:252px;max-height:134px;position:absolute;top:0;left:0;transform:translate(-30%,-20%);background:url(../media/img/gameplay/adv-trailer-stamp.png) center center / contain no-repeat;z-index:1;}
    #gameplay #adventure-card .gameplay-description:before{content:"";display:block;width:28%;padding-top:13.2%;max-width:200px;max-height:83px;position:absolute;top:0;left:0;transform:translate(-20%,-15%);background:url(../media/img/gameplay/adv-header-left.png) center center / contain no-repeat;z-index:1;}
    #gameplay #adventure-card .gameplay-description:after{content:"";display:block;width:28%;padding-top:13.2%;max-width:200px;max-height:83px;position:absolute;top:0;right:0;transform:translate(20%,-15%);background:url(../media/img/gameplay/adv-header-right.png) center center / contain no-repeat;z-index:1;}
    #gameplay #multiplayer-card .gameplay-video:before{content:"";width:20%;padding-top:29.6%;max-width:252px;max-height:134px;position:absolute;top:0;left:0;transform:translate(-50%,-20%);background:url(../media/img/gameplay/stars-1.png) center center / contain no-repeat;z-index:1;}
    #gameplay #multiplayer-card .gameplay-description:before{content:"";display:block;width:21%;padding-top:22.65%;max-width:200px;max-height:83px;position:absolute;top:0;left:0;transform:translate(-20%,-20%);background:url(../media/img/gameplay/multi-header-left.png) center center / contain no-repeat;z-index:1;}
    #gameplay #multiplayer-card .gameplay-description:after{content:"";display:block;width:21%;padding-top:21.35%;max-width:200px;max-height:83px;position:absolute;top:0;right:0;transform:translate(25%,-15%);background:url(../media/img/gameplay/multi-header-right.png) center center / contain no-repeat;z-index:1;}
    #gameplay #character-card .gameplay-video:before{content:"";width:15%;padding-top:20%;max-width:252px;max-height:134px;position:absolute;top:0;left:0;transform:translate(-50%,-20%);background:url(../media/img/aiaicloud.png) center center / contain no-repeat;z-index:1;}
    #gameplay #character-card .gameplay-description:before{content:"";display:block;width:21%;padding-top:22.65%;max-width:200px;max-height:83px;position:absolute;top:0;left:0;transform:translate(-20%,-20%);background:url(../media/img/gameplay/stars-1.png) center center / contain no-repeat;z-index:1;}
    #gameplay #character-card .gameplay-description:after{content:"NEW!";background:#FF8DB5;color:#FFF;font-size:1.5em;font-weight:800;padding:.1em .75em;border-radius:100px;position:absolute;top:-0.5em;right:-1em;box-shadow:0px 0.2em rgba(0,0,0,0.3);}

}