:root {
    --cellSize: 92px;
    --cellSpacing: 16px;
    --navShadow: 0 6px 32px 0 rgba(0, 0, 0, 30%);
    --boxShadow: rgb(0 0 0 / 24%) 0px 6px 12px 0px;
    --bezier: cubic-bezier(0.25, 0.1, 0.25, 1);
    --gameInfoHeight: 59px;
    --borderRadius: 16px;
    --maxContentWidth: 740px;
    --serieSpan: 2;
    --gridColumns: 7;
    --gridRows: 26;
    --SearchOverlayContainerPadding: 30px;
    --SearchInputWidth: 634px;
    --SearchContanierWidth: 700px;
    --wgStickyBottomOffset: 0px;
    --AdvertisementTxt: "Advertisement";
    --flagPosition: 0px 0px;
}


*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

::-webkit-scrollbar {
    width: 14px;
    background-color: transparent
}

::-webkit-scrollbar:hover {}

::-webkit-scrollbar-thumb:vertical {
    background: rgba(255, 255, 255, .5);
    -webkit-border-radius: 100px;
    background-clip: padding-box;
    border: 3px solid transparent;
    min-height: 10px
}

::-webkit-scrollbar-thumb:vertical:hover {
    background: rgba(255, 255, 255, .65);
    -webkit-border-radius: 100px;
    background-clip: padding-box
}

::-webkit-scrollbar-thumb:vertical:active {
    background: rgba(255, 255, 255, .65);
    -webkit-border-radius: 100px;
    background-clip: padding-box;
    border: 1px solid transparent
}


html {
    box-sizing: border-box;
    background-color: #1b0131;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, .65) transparent;
    overflow-y: overlay;
    overflow-x: hidden
}

body {
    margin: 0 auto;
    padding: 0 !important;
    width: var(--maxContentWidth);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeSpeed;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 400
}

section {
    width: 100%;
    height: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

h1,
h2,
h3,
.SearchCont .content h3,
h4,
h5,
h6 {
    font-family: Fredoka One, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 20px
}

.content h3,
.content h4,
.content h5,
.content h6 {
    font-size: 19px;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 600;
}



a {
    text-decoration: none;
    color: #35FDFF;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
    color: #25b1b2
}

[aria-hidden="true"] {
    display: none
}

[hidden="true"] {
    display: none !important;
    visibility: hidden
}

[hidden="false"] {
    visibility: visible;
    display: block
}


focus {
    color: #35fdff;
}

body[aria-hidden=true] {
    display: block;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

a,
img {
    user-select: none;
    -webkit-user-drag: none
}


img {
    max-width: 100%;
    pointer-events: none;
    display: block;
    color: transparent
}

picture {
    width: 100%;
    height: 100%
}

nav {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: calc(var(--cellSize) * 1);
    height: var(--cellSize);
    border-radius: var(--borderRadius);
    background-color: #3C1E6E;
    z-index: 99999;
    overflow: hidden;
    box-shadow: var(--navShadow);
    top: var(--cellSpacing)
}

button {
    cursor: pointer;
}



nav label,
nav[mode="bar"] a,
nav[mode="bar"] .NavButtons {
    display: none;
}

nav[mode="bar"] label {
    display: inline-flex;
    width: 100%;
    height: 100%;
}

nav[mode="bar"] {
    width: var(--SearchInputWidth);
    height: 64px;
    left: var(--SearchOverlayContainerPadding);
    top: var(--SearchOverlayContainerPadding);
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 8px, rgb(0 0 0 / 10%) 0px 0px 2px;
}



.NavLogo {
    width: 75px;
    height: 42px;
    margin: auto auto
}


.NavButtons {
    width: 100%;
    height: calc(var(--cellSize) / 2);
    display: flex;
    flex-direction: row;
    border-top-right-radius: var(--borderRadius);
    border-bottom-right-radius: var(--borderRadius)
}

.NavButtons>a,
.NavButtons>button {
    width: 50%;
    height: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    border: 0;
    border-right: 2px solid #533488;
    border-top: 2px solid #533488;
    cursor: pointer;
    appearance: none;
    background: 0 0;
    text-indent: -200vw;
    font-size: 0px;
}

.NavButtons>a:last-child,
.NavButtons>button:last-child {
    border-right: 0;
    padding-inline-start: 0;
    padding-right: 2px
}

.NavButtons>a:hover,
.NavButtons>button:hover {
    background-color: #533488
}

.NavButtons>a>svg,
.NavButtons>button>svg {
    --size: 20px;
    width: var(--size);
    height: var(--size);
    stroke: #decaff
}

svg {
    pointer-events: none
}

.TitleBox {
    display: flex;
    border-radius: var(--borderRadius);
    justify-content: center;
    flex-direction: column;
    padding: 10px 16px;
    align-items: center;
    font-size: 21px;
    background-color: #6937B9;
    grid-area: ibx;
}

.TitleBox>h1 {
    margin: 0px;
    font: 200 1em / 1em Fredoka One, sans-serif;
    padding: 0;
}

.content {
    max-width: var(--maxContentWidth);
    margin-block: calc(var(--cellSpacing) * 2);
    background-color: #3C1E6E;
    color: #decaff;
    width: 100%;
    height: 100%;
    position: relative;
    line-height: 1.5;
    padding: 18px 24px;
    content-visibility: auto;
}

.info {
    margin-block: var(--cellSpacing);
    max-width: calc(var(--maxContentWidth) - calc(var(--cellSize) * 1 + var(--cellSpacing)));
    margin-left: auto;
    margin-right: unset
}

.info:last-of-type {
    margin-bottom: calc(var(--cellSpacing) * 2)
}


.content h1,
.content h2 {
    margin-block-start: 5px
}


.grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--gridColumns), var(--cellSize));
    grid-template-rows: repeat(auto-fill, var(--cellSize));
    gap: var(--cellSpacing);
    grid-auto-flow: row dense;
    justify-content: center;
    padding: var(--cellSpacing) 0 0;
    margin: 0 auto;
    width: var(--maxContentWidth);
    height: 100%
}

.page-template-page-games .grid {
    grid-template-areas:
        " nav ... ... ... ... ... box "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
}


.home .grid {
    grid-template-areas:
        " nav ... ... ... ... ... box "
        " cat cat ... ... ... ... ... "
        " cat cat ... ... ... ... ... "
        " cat cat ... ... ... ... ... "
        " cat cat ... ... ... ... ... "
        " cat cat ... ... ... ... ... ";
}



.archive .grid {
    grid-template-areas:
        " nav ibx ibx ibx ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
        " ... ... ... ... ... ... ... "
}

.single .grid {
    grid-template-areas:
        " nav ... ... ... ... ... ... "
        " gmp gmp gmp gmp gmp gmp gmp "
        " gmp gmp gmp gmp gmp gmp gmp "
        " gmp gmp gmp gmp gmp gmp gmp "
        " gmp gmp gmp gmp gmp gmp gmp "
        " gmp gmp gmp gmp gmp gmp gmp "
        " bAd bAd bAd bAd bAd bAd bAd "
        " ... ... ... ... ... ... ... "
        " rAd rAd rAd ... ... ... ... "
        " rAd rAd rAd ... ... ... ... "
        " rAd rAd rAd ... ... ... ... "
}

.grid-root {
    width: 100%;
    height: 100%
}

.grid::before {
    content: "";
    display: block;
    grid-column-start: span 1;
    height: var(--cellSize)
}

.auto-grid,
.archive .grid {
    grid-template-rows: max-content
}

.auto-grid::after {
    content: '';
    grid-column-start: span var(--gridColumns);
    display: block;
    height: var(--cellSize)
}


[disabled] {
    display: none
}

.current {
    color: #35FDFF
}

.dF {
    display: flex;
    min-width: var(--cellSize);
    position: relative;
    aspect-ratio: 1 / 1
}


.cSt {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    transition: transform .5s var(--bezier);
    will-change: transform;
    border-radius: var(--borderRadius);
    aspect-ratio: 1 / 1;
}

.Pa {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    transition: transform .5s var(--bezier);
    will-change: transform
}

.Pab {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    border-radius: inherit;
    box-shadow: var(--boxShadow);
    pointer-events: none
}



.cSt::after,
.TransformContainer li::after {
    border-radius: inherit
}


.cSt:hover::after,
body[loaded="true"] .cSt:hover video,
.TransformContainer li:hover::after {
    opacity: 1
}

body[loaded="true"] .cSt[video]:hover img {
    width: 99%;
    height: 99%
}

body[loaded="true"] .cSt[video][randomizer]:hover img {
    width: 100%;
    height: 100%
}

.cSt:hover .Pab {
    opacity: .96
}

.cSt::after,
.TransformContainer li::after {
    content: "";
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent 25%, rgba(0, 0, 0, .3));
    z-index: 2;
    transition: opacity .3s var(--bezier);
    z-index: 21;
    pointer-events: none
}


.cSt:hover,
.grid>[randomizer]:hover,
.TransformContainer li:hover {
    transform: scale(1.02) translateY(-4px);
    transition-duration: .3s;
}

.BaseTile__BaseTileWrapper {
    display: contents;
}

.BaseTile {
    background: rgb(105 55 185);
    flex-direction: row;
    justify-content: flex-start;
    grid-row-start: span 1;
    grid-column-start: span 2;
    aspect-ratio: unset;
    text-decoration: none !important;
}

.BaseTile>img {
    display: block;
    min-width: var(--cellSize);
    min-height: var(--cellSize);
    border-radius: inherit;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    will-change: transform;
}

.BaseTile>span {
    display: block;
    padding: 0px 8px;
    border-radius: 0px 16px 16px 0px;
    color: #fff;
    overflow: hidden;
    text-align: left;
    font: 700 12px / 20px "Proxima Nova", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    pointer-events: none;
    will-change: transform;
    overflow-wrap: anywhere;
}

.BaseTile::after {
    content: unset;
}

.grid>[randomizer] {
    grid-area: box;
    border-radius: 0;
    transition: transform .6s var(--bezier);
    will-change: transform
}


.serie,
.grid>.category {
    max-width: 100%;
    min-height: var(--cellSize);
    max-height: var(--cellSize);
    border-radius: 10px;
    grid-row-start: span 1;
    grid-column-start: span 2
}

.serie:hover,
.grid>.category:hover {
    --size: 4px;
    outline: var(--size) solid #decaff;
    outline-offset: calc(var(--size) * -1);
    text-decoration: none;
    z-index: 1
}

.serie>.Pa {
    will-change: unset
}

.grid:nth-child(2)::before {
    content: unset
}

.ftVideo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    opacity: 0;
    z-index: 20;
    object-fit: cover;
    pointer-events: none
}


.footer {
    width: var(--maxPageWidth);
    min-height: 35px;
    height: 100%;
    position: relative;
    margin: 0 auto;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}


:lang(en),
.gt_languages>li>.en>.flags {
    --flagPosition: -82px -82px;
}

:lang(en-GB),
.gt_languages>li>.en_GB>.flags {
    --flagPosition: -122px -82px;
}

:lang(en-CA),
.gt_languages>li>.en_CA>.flags {
    --flagPosition: -42px -2px;
}

:lang(de),
.gt_languages>li>.de>.flags {
    --flagPosition: -2px -82px;
}

:lang(es),
.gt_languages>li>.es>.flags {
    --flagPosition: -2px -162px;
}

:lang(es-MX),
.gt_languages>li>.es_MX>.flags {
    --flagPosition: -82px -2px;
}


:lang(fr),
.gt_languages>li>.fr>.flags {
    --flagPosition: -2px -2px;
}

:lang(da),
.gt_languages>li>.da>.flags {
    --flagPosition: -42px -42px;
}



.flags {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(https://gaamess.com/wp-content/themes/GAAMESS/css/img/flags.png?v5) no-repeat;
    background-position: var(--flagPosition);
}


.pviIOA {
    display: block;
    width: 36px;
    height: 36px;
    padding: 0px;
    border: 0px;
    background: transparent;
    outline: 0px;
    cursor: pointer;
    color: transparent;
    overflow: hidden;
    appearance: none;
    z-index: 1;
}


.LanguageSelector__Container {
    display: none;
    margin: 0 0 0 20px;
    position: relative;
    isolation: isolate;
}


.LanguageSelector__Container:hover .gt_white_content {
    display: block !important;
}


.LanguageSelector__Container .gt_white_content {
    display: none;
    background: rgb(105, 55, 185);
    position: absolute;
    z-index: 20;
    inset: auto 0px 100% auto;
    margin: 0px 0px 39px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 16px;
    box-shadow: rgb(0 0 0 / 24%) 0px 16px 32px;
    padding: 0px;
    z-index: -1;
}


.LanguageSelector__Container .gt_white_content::before,
.LanguageSelector__Container .gt_white_content::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -43px;
    width: 100%;
    height: 58px;
}

.LanguageSelector__Container .gt_white_content::after {
    width: 55px;
    height: 55px;
    right: 0;
    left: unset;
    bottom: -80px;
}

.gt_white_content>h3 {
    padding: 0 18px;
}



.LanguageSelector__Container .gt_white_content .gt_languages {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
    overflow: visible;
    position: relative;
    min-width: 470px;
    height: auto;
    padding: 10px 12px;
    list-style: none;
}

.gt_languages>li {
    display: flex;
}

.gt_languages>li>a {
    display: inline-flex;
    align-items: center;
    font-weight: 700;
}

.gt_languages>li>a>.flags {
    transform: scale(0.7);
    margin: 0px 2px 0px 0px;
}

.LanguageSelector__Container .gt_white_content .gt_languages::after,
.LanguageSelector__Container .gt_white_content .gt_languages::before {
    content: "";
    position: absolute;
    background: rgb(105, 55, 185);
    box-shadow: rgb(0 0 0 / 24%) 0px 16px 32px;
    border-radius: 100%;
}

.LanguageSelector__Container .gt_white_content .gt_languages::before {
    right: 30px;
    bottom: -49px;
    width: 16px;
    height: 16px;
    z-index: 1;
}

.LanguageSelector__Container .gt_white_content .gt_languages::after {
    right: 44px;
    bottom: -25px;
    width: 24px;
    height: 12px;
    border-radius: 0 0 12px 12px;
}


.footer .list {
    height: 100%;
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0
}

.footer .list li:first-child a {
    margin: 0
}

.footer .list a {
    margin: 0 0 0 20px;
    padding: 0;
    white-space: pre;
    font-size: 16px;
    font-weight: 600
}

.dPe>a {
    pointer-events: none;
    color: #25b1b2
}

.grid>.category {
    display: flex;
    align-items: center;
    background-color: #533488;
    color: #fff;
    overflow: hidden
}


.grid>.category:hover .Pa {
    z-index: -1
}


.grid>.category .Pa {
    width: auto;
    border-radius: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.grid>.category>.Tn {
    text-align: center;
    font-family: 'Proxima Nova';
    pointer-events: none;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    z-index: 22;
    margin: 0 auto;
    padding: 0 8px;
    text-transform: uppercase
}

.archive .grid:nth-child(2) {
    padding: 0
}

.archive .grid:nth-child(2)::before {
    content: '';
    display: block;
    grid-column-start: span var(--gridColumns);
    height: var(--cellSize)
}

.sidenav {
    --catSize: 38px;
    --cellSpacing: 16px;
    grid-area: cat;
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, var(--cellSize));
    grid-template-rows: repeat(auto-fill, var(--catSize));
    gap: var(--cellSpacing);
    grid-auto-flow: row dense;
    justify-content: center;
    margin: auto auto;
    width: 100%
}

.grid>.sidenav>.category {
    display: flex;
    align-items: center;
    background-color: #533488;
    color: #fff;
    overflow: hidden;
    max-width: 100%;
    min-height: var(--catSize);
    max-height: var(--catSize);
    border-radius: 4px;
    grid-row-start: span 1;
    grid-column-start: span 2
}

.grid>.sidenav>.category:hover {
    --size: 4px;
    outline: var(--size) solid #decaff;
    outline-offset: calc(var(--size) * -1);
    text-decoration: none;
    z-index: 1
}

.grid>.sidenav>.category:hover .Pa {
    z-index: -1
}

.grid>.sidenav>.category .Pa {
    width: var(--cellSize);
    border-radius: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    object-fit: cover
}

.grid>.sidenav>.category>.Tn {
    text-align: center;
    font-family: 'Proxima Nova';
    pointer-events: none;
    color: #fff;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    z-index: 22;
    margin: 0 auto;
    text-transform: uppercase
}


.SearchCont {
    position: fixed;
    z-index: 99998;
    height: 100vh;
    width: var(--SearchContanierWidth);
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #6937b9
}

.scrollArea {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: overlay;
    padding-bottom: 15px;
}

body[loaded="true"] .SearchCont {
    will-change: transform, padding;
    transition: transform 0.07s linear 0s;
}

.SearchOverlayContainer {
    transform: translateX(calc(-100% - 82px));
}



.RoundButton__RoundButtonWrapper {
    --size: 64px;
    width: var(--size);
    height: var(--size);
    background-color: rgb(60, 30, 110);
    position: absolute;
    top: var(--SearchOverlayContainerPadding);
    right: calc((var(--size) + var(--cellSpacing)) *-1);
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: var(--navShadow);
    cursor: pointer;
}

.RoundButton__RoundButtonWrapper {
    display: none;
}

.SearchCont[overlay] .RoundButton__RoundButtonWrapper {
    display: flex;
}

.RoundButton__RoundButtonWrapper:hover {
    background-color: rgb(42, 18, 83);
}

.RoundButton__RoundButtonIcon {
    stroke: rgb(222, 202, 255);
}

.BackdropOverlay {
    position: fixed;
    z-index: 99997;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.5);
}



.error404 .root .grid {
    position: relative;
    display: grid;
    grid-template-rows: repeat(auto-fill, var(--cellSize));
    grid-template-columns: repeat(var(--gridColumns), var(--cellSize));
    grid-template-areas:
        " nav div div div div ... ... "
        " ... div div div div ... ... ";
    gap: var(--cellSpacing);
    grid-auto-flow: row dense;
    justify-content: center;
    padding: var(--cellSpacing) 0 0;
    margin: 0 auto;
    width: var(--maxContentWidth);
    height: 100%;
}



.error404 .root .grid>.content {
    grid-area: div;
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0;
}


.PrerollSplash {
    opacity: 0 !important;
    width: 100%;
    height: calc(100% - var(--gameInfoHeight));
    position: absolute;
    background-image: linear-gradient(290deg, rgb(60 30 110) 55%, rgb(111, 47, 147), rgb(111, 47, 147));
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 80px;
}

.PrerollSplash>.cSt {
    width: calc(var(--cellSize) * 2);
    height: calc(var(--cellSize) * 2);
    aspect-ratio: 1 / 1;
    box-shadow: var(--boxShadow);
}

.PrerollSplash .Gn {
    transform: unset !important;
    opacity: unset !important;
}

.PrerollSplash .button {
    margin: 23px 0;
}


.button {
    display: inline-flex;
    background-color: #35FDFF;
    border: 0;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    font-family: Fredoka One, sans-serif;
    font-weight: 400;
    color: #005065;
    font-size: 20px;
    padding: 13px 40px;
    box-shadow: rgb(30 17 52 / 65%) 0px 0px 12px 2px;
}

html:lang(de) {
    --AdvertisementTxt: "Anzeige";
}

html:lang(es) {
    --AdvertisementTxt: "Anuncio";
}

html:lang(fr) {
    --AdvertisementTxt: "Publicité";
}


.boxAd::after,
.rAd::after,
.bAd::after,
.lAd::after,
.rBAd::after {
    content: var(--AdvertisementTxt);
    display: block;
    color: #ffff;
    font-size: 9px;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-transform: uppercase;
    text-align: center;
    opacity: 0.7;
    letter-spacing: 1px;
}





.bAd::after {
    bottom: -11px;
}

.lAd::after,
.rAd::after,
.rAd::after,
.boxAd::after,
.rBAd::after {
    bottom: -13px;
}

.boxAd {
    grid-area: ad;
    width: 300px;
    height: 250px;
    position: relative;
    display: none;
    margin: auto;
}

.gameplay__loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - var(--gameInfoHeight));
    display: flex;
    justify-content: center;
    align-items: center
}

.gameplay__loading .loader {
    width: 50px;
    height: 50px;
    font-size: 6px;
    border-left: 1.1em solid #fff;
}


.new-games {
    --ngSize: calc(var(--cellSize) * 2 + var(--cellSpacing));
    grid-area: nwG;
    background-color: #3c1e6e;
    border-radius: var(--borderRadius);
    padding: 24px 0 24px 36px;
    flex-direction: column;
    overflow: hidden;
    max-height: var(--ngSize);
    min-height: var(--ngSize);
    display: none;
}

.nG__breadcrumbs {
    display: flex;
    pointer-events: none;
}

.ng__H2 {
    margin: 6px 0 20px 0;
}

.nG {
    display: flex;
    gap: var(--cellSpacing);
    transition: transform .2s ease;
}


.ng__Heading {
    display: flex;
    align-items: center;
    margin: 5px 0 20px 0;
    justify-content: space-between;
    padding-right: 30px;
}

.cL {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.ng__Buttons {
    height: 23px;
    appearance: none;
    background: transparent;
    border: none;
    display: block;
    padding: 0;
    margin: 0;
    font-size: 0px;
}

.ng__Buttons:first-child {
    transform: rotate(180deg);
}

.NewGames__ChevronSVGIcon {
    width: 23px;
    height: 100%;
    stroke: #decaff;
}

.ng__H2 {
    margin: 0;
}

.ng_bD {
    opacity: .3;
    pointer-events: none;
}

.ng_Link:hover {
    text-decoration: none;
}

.appInstall {
    position: fixed;
    right: 20px;
    z-index: 1002;
    max-width: 376px;
    min-height: 176px;
    transform: translate(0px, 0px);
    opacity: 1;
    transition: transform 0.2s ease-out 0s, opacity 0.3s ease 0.3s;
    background: none rgb(42, 18, 83);
    border-radius: 16px;
    text-align: center;
    padding: 18px 16px 26px;
    box-shadow: rgb(0 0 0 / 24%) 0px 6px 12px 0px;
    color: #decaff;
    display: flex;
    flex-direction: column;
    z-index: 9999999999;
}

.gmuDIP {
    font: 300 16px / 24px Fredoka One, sans-serif;
    text-align: left;
    padding: 0px 60px 0px 17px;
    margin-bottom: 30px;
}

.jIgwjj {
    appearance: none;
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    padding: 6px;
    background: transparent;
    border-radius: 18px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.jIgwjj:hover {
    background-color: #35fdff;
}

.jIgwjj:hover .gDKQEp {
    stroke: #007796;
}


.gDKQEp {
    stroke: #35fdff;
}

.aIFB {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: end;
}

.bgzXvg {
    display: inline-block;
    font-size: 13px;
    margin-right: 20px;
    text-decoration: underline;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #35fdff;
    font-family: 'Proxima Nova';
}

.addtohome {
    display: inline-block;
    font-size: 16px;
    padding: 1px 20px;
    line-height: 36px;
    min-width: 102px;
}

body[loaded="true"] .appInstall {
    transition: transform 0.2s ease 0s
}

.appInstall[animateout] {
    transform: translate(0px, 300px)
}

.appInstall[onscreen="true"] {
    display: flex !important;
    bottom: calc(20px + var(--wgStickyBottomOffset));
}

.install {
    padding: 6px 16px;
    font-size: 15px;
    margin-right: 25px;
    box-shadow: none;
    color: rgb(222 202 255);
    background-color: #533488;
}

.button.install:hover {
    color: rgb(222 202 255);
    background: #492b7a;
    box-shadow: none;
}

.button.install:active {
    background: #3c1e6e;
}



.p,
.p::after {
    position: fixed;
    right: 0;
    left: 0;
}

.p {
    z-index: -1;
    top: 0;
    height: 100vh;
    transform: translateZ(0);
}


.r {
    top: -50vh;
    bottom: 0;
    overflow: hidden;
}

.r {
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
}


.t,
.u {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
}

.u {
    display: none;
    right: 0;
    left: auto;
}

.r>* {
    transform: translateY(50vh);
}

@media (min-width: 1200px) {
    .u {
        display: initial;
    }
}


/* Fix WGPLAYER */

.wgllod {
    display: none !important;
}

.wgBgImage {
    display: none !important;
}


.wgSplash {
    transition: opacity .1s !important;
}

.wgCenterContent>div:first-child {
    order: unset !important;
}

.wgSplashContent .wgCenterContent .wgButtons {
    padding: 20px !important;
}

.wg_advertisement {
    display: none !important;
}

.close_sticky {
    display: block;
}

.wgContent {
    border-radius: 0 !important;
}

.gameplay .WGP1M1ST1PK1MP1 {
    --hg: calc(100% - var(--gameInfoHeight));
    height: var(--hg) !important;
    min-height: var(--hg) !important;
}

.gameplay .wgBg {
    background-image: linear-gradient(290deg, rgb(60 30 110) 55%, rgb(111, 47, 147), rgb(111, 47, 147));
}

.gameplay .wgThumb {
    --size: 200px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    transition: transform .5s var(--bezier);
    will-change: transform;
    border-radius: var(--borderRadius) !important;
    box-shadow: unset;
    overflow: unset;
    min-width: var(--size);
    min-height: var(--size);
    height: var(--size);
    width: var(--size);
    max-width: var(--size);
    max-height: var(--size);
    aspect-ratio: 1 / 1;
}



.gameplay .wgThumb:hover {
    transform: scale(1.02) translateY(-4px);
    transition-duration: .3s;
    box-shadow: unset;
}

.gameplay .wgThumb:hover .Pab {
    opacity: .96
}



.gameplay .wgThumb::after {
    content: "";
    opacity: .5;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent 25%, rgba(0, 0, 0, .3));
    z-index: 2;
    transition: opacity .3s var(--bezier);
    z-index: 21;
    pointer-events: none
}

.gameplay .wgThumb::after {
    border-radius: inherit
}

.gameplay .wgThumb:hover::after {
    opacity: 1;
}

.gameplay .wgTitle {
    font-size: 17px;
    line-height: 23px;
    position: absolute;
    width: 100%;
    font-family: 'Proxima Nova', sans-serif !important;
    font-weight: 700;
    pointer-events: none;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 6px;
    z-index: 22;
}

.gameplay .wgSplashContent .wgCenterContent .wgPrerollCTA {
    visibility: hidden;
}


.gameplay .skp .wgSplashContent .wgCenterContent .wgPrerollCTA {
    visibility: visible;
}

.gameplay .wgSplashContent .wgCenterContent .wgPrerollCTA>span {
    z-index: 99;
    display: inline-flex !important;
    border: 0;
    border-radius: 100px !important;
    justify-content: center;
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    padding: 15px 37px !important;
    box-shadow: rgb(30 17 52 / 65%) 0px 0px 12px 2px !important;
    transition: transform 0.2s ease 0s !important;
}


.gameplay .wgSplashContent .wgCenterContent .wgPrerollCTA:hover {
    transform: unset;
}

.gameplay .wgSplashContent .wgCenterContent .wgPrerollCTA:hover>span {
    background-color: rgb(37, 177, 178) !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px -1px, rgb(0 0 0 / 14%) 0px 4px 5px 0px, rgb(0 0 0 / 12%) 0px 1px 10px 0px !important;
    color: rgb(0, 119, 150) !important;
    text-decoration: none;
}

.gameplay .wgSplashContent .wgCenterContent .wgPrerollCTA span::before {
    display: none !important;
}

.wgSplashContent .wgCenterContent>div {
    padding: 0 !important;
}

.wgPrerollInfo>.wgTitle {
    display: none !important;
}

.wgButtons {
    position: relative;
}

.wgPrerollCTA {
    z-index: 2;
}

.ads__loading {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    z-index: 1;
    user-select: none;
}

.ads__loading .loader {
    font-size: 4px;
    user-select: none;
}

.wgHideCTAButton {
    pointer-events: none;
    visibility: hidden !important;
}

.wgPrerollCTA>.loadingButton,
.wgMidroll.wgInited .wgPrerollCTA>.loadingButton {
    pointer-events: none !important;
    visibility: hidden !important;
}


html>.wgStickyBottom {
    background: rgb(249, 249, 249) !important;
    backdrop-filter: unset !important;
    -webkit-backdrop-filter: unset !important;
    filter: unset !important;
    min-height: 95px !important;
    max-height: 95px !important;
}

html>.wgStickyBottom>.waw {
    min-height: 100% !important;
    max-height: 95px !important;
}

html>.wgStickyBottom>.waw>.wgAd {
    min-height: 90px !important;
}

.wgButtons>.wgPrerollCTA>span {
    color: #005065 !important;
}

html .bottomClosed {
    bottom: calc(var(--height) - 5px) !important;
    z-index: 99996 !important;
}

ins>.ee>span>svg {
    cursor: pointer;
}

.infoLogo {
    display: none;
    position: absolute;
    padding: 22px;
    margin: 0 auto;
    inset: 0;
}


[fullscreen="true"] .infoLogo {
    display: block;
}

.gameplay>.wgLoadingAnim {
    height: calc(100% - var(--gameInfoHeight)) !important;
    background: rgb(0 0 0) !important;
}

.gameplay>.wgLoadingAnim div {
    --size: 50px;
    width: var(--size) !important;
    height: var(--size) !important;
    border-width: 6px !important;
}

.gameplay>.wgLoadingAnim>span {
    display: none !important;
}