html {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

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

strong,
b {
font-weight: 700
}

body {
color: #decaff;
margin: 0;
font-size: .875rem;
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 400;
line-height: 1.43;
background-color: #0c0021
}

@media print {
body {
    background-color: #fff
}
}

body::backdrop {
background-color: #0c0021
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: #fff;
font-family: Fredoka One, verdana, sans-serif;
font-weight: 400
}

.jss1 {
width: 100%;
height: 100%;
z-index: 9999;
position: fixed;
pointer-events: none
}

.jss2 {
width: 100%;
height: 100%;
opacity: .4;
background: #6937b9
}

.jss3 {
top: 50%;
left: 50%;
position: absolute
}

.jss3 svg {
color: #decaff;
opacity: 1
}

.MuiSvgIcon-root {
fill: currentColor;
width: 1em;
height: 1em;
display: inline-block;
font-size: 1.5rem;
transition: fill 200ms cubic-bezier(.4, 0, .2, 1) 0ms;
flex-shrink: 0;
user-select: none
}

.MuiSvgIcon-colorPrimary {
color: #3c1e6e
}

.MuiSvgIcon-colorSecondary {
color: #35fdff
}

.MuiSvgIcon-colorAction {
color: #fff
}

.MuiSvgIcon-colorError {
color: #f44336
}

.MuiSvgIcon-colorDisabled {
color: rgba(255, 255, 255, .3)
}

.MuiSvgIcon-fontSizeInherit {
font-size: inherit
}

.MuiSvgIcon-fontSizeSmall {
font-size: 1.25rem
}

.MuiSvgIcon-fontSizeLarge {
font-size: 2.1875rem
}

.MuiPaper-root {
color: #decaff;
transition: box-shadow 300ms cubic-bezier(.4, 0, .2, 1) 0ms;
background-color: #3c1e6e
}

.MuiPaper-rounded {
border-radius: 4px
}

.MuiPaper-outlined {
border: 1px solid rgba(255, 255, 255, .12)
}

.MuiPaper-elevation0 {
box-shadow: none
}

.MuiPaper-elevation1 {
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.MuiPaper-elevation2 {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.MuiPaper-elevation3 {
box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.MuiPaper-elevation4 {
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.MuiPaper-elevation5 {
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.MuiPaper-elevation6 {
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.MuiPaper-elevation7 {
box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation8 {
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation9 {
box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation10 {
box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation11 {
box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation12 {
box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation13 {
box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation14 {
box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation15 {
box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation16 {
box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation17 {
box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation18 {
box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation19 {
box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation20 {
box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation21 {
box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation22 {
box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation23 {
box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
}

.MuiPaper-elevation24 {
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

.MuiButtonBase-root {
color: inherit;
border: 0;
cursor: pointer;
margin: 0;
display: inline-flex;
outline: 0;
padding: 0;
position: relative;
align-items: center;
user-select: none;
border-radius: 0;
vertical-align: middle;
-moz-appearance: none;
justify-content: center;
text-decoration: none;
background-color: transparent;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent
}

.MuiButtonBase-root::-moz-focus-inner {
border-style: none
}

.MuiButtonBase-root.Mui-disabled {
cursor: default;
pointer-events: none
}

@media print {
.MuiButtonBase-root {
    color-adjust: exact
}
}

.MuiIconButton-root {
flex: 0 0 auto;
color: #fff;
padding: 12px;
overflow: visible;
font-size: 1.5rem;
text-align: center;
transition: background-color 150ms cubic-bezier(.4, 0, .2, 1) 0ms;
border-radius: 50%
}

.MuiIconButton-root:hover {
background-color: rgba(255, 255, 255, .08)
}

.MuiIconButton-root.Mui-disabled {
color: rgba(255, 255, 255, .3);
background-color: transparent
}

@media (hover:none) {
.MuiIconButton-root:hover {
    background-color: transparent
}
}

.MuiIconButton-edgeStart {
margin-left: -12px
}

.MuiIconButton-sizeSmall.MuiIconButton-edgeStart {
margin-left: -3px
}

.MuiIconButton-edgeEnd {
margin-right: -12px
}

.MuiIconButton-sizeSmall.MuiIconButton-edgeEnd {
margin-right: -3px
}

.MuiIconButton-colorInherit {
color: inherit
}

.MuiIconButton-colorPrimary {
color: #3c1e6e
}

.MuiIconButton-colorPrimary:hover {
background-color: rgba(60, 30, 110, .08)
}

@media (hover:none) {
.MuiIconButton-colorPrimary:hover {
    background-color: transparent
}
}

.MuiIconButton-colorSecondary {
color: #35fdff
}

.MuiIconButton-colorSecondary:hover {
background-color: rgba(53, 253, 255, .08)
}

@media (hover:none) {
.MuiIconButton-colorSecondary:hover {
    background-color: transparent
}
}

.MuiIconButton-sizeSmall {
padding: 3px;
font-size: 1.125rem
}

.MuiIconButton-label {
width: 100%;
display: flex;
align-items: inherit;
justify-content: inherit
}

.MuiAppBar-root {
width: 100%;
display: flex;
z-index: 1100;
box-sizing: border-box;
flex-shrink: 0;
flex-direction: column
}

.MuiAppBar-positionFixed {
top: 0;
left: auto;
right: 0;
position: fixed
}

@media print {
.MuiAppBar-positionFixed {
    position: absolute
}
}

.MuiAppBar-positionAbsolute {
top: 0;
left: auto;
right: 0;
position: absolute
}

.MuiAppBar-positionSticky {
top: 0;
left: auto;
right: 0;
position: sticky
}

.MuiAppBar-positionStatic {
position: static
}

.MuiAppBar-positionRelative {
position: relative
}

.MuiAppBar-colorDefault {
color: #fff;
background-color: #212121
}

.MuiAppBar-colorPrimary {
color: #decaff;
background-color: #3c1e6e
}

.MuiAppBar-colorSecondary {
color: #fff;
background-color: #35fdff
}

.MuiAppBar-colorInherit {
color: inherit
}

.MuiAppBar-colorTransparent {
color: inherit;
background-color: transparent
}

.MuiAvatar-root {
width: 40px;
height: 40px;
display: flex;
overflow: hidden;
position: relative;
font-size: 1.25rem;
align-items: center;
flex-shrink: 0;
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
line-height: 1;
user-select: none;
border-radius: 50%;
justify-content: center
}

.MuiAvatar-colorDefault {
color: #0c0021;
background-color: #757575
}

.MuiAvatar-rounded {
border-radius: 4px
}

.MuiAvatar-square {
border-radius: 0
}

.MuiAvatar-img {
color: transparent;
width: 100%;
height: 100%;
object-fit: cover;
text-align: center;
text-indent: 10000px
}

.MuiAvatar-fallback {
width: 75%;
height: 75%
}

.MuiTypography-root {
margin: 0
}

.MuiTypography-body2 {
font-size: .875rem;
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 400;
line-height: 1.43
}

.MuiTypography-body1 {
font-size: 14px;
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 400;
line-height: 1.5
}

.MuiTypography-caption {
font-size: .75rem;
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 400;
line-height: 1.66
}

.MuiTypography-button {
font-size: .875rem;
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 500;
line-height: 1.75;
text-transform: uppercase
}

.MuiTypography-h1 {
color: #fff;
font-size: 2rem;
font-family: Fredoka One, verdana, sans-serif;
font-weight: 400;
line-height: 1.167
}

@media only screen and (max-width:1510px) {
.MuiTypography-h1 {
    font-size: 1.5rem
}
}

.MuiTypography-h2 {
color: #fff;
font-size: 1.2rem;
font-family: Fredoka One, verdana, sans-serif;
font-weight: 400;
line-height: 1.2
}

@media only screen and (max-width:1510px) {
.MuiTypography-h2 {
    font-size: .875rem
}
}

.MuiTypography-h3 {
color: #fff;
font-size: 1rem;
font-family: Fredoka One, verdana, sans-serif;
font-weight: 400;
line-height: 1.167
}

.MuiTypography-h4 {
color: #fff;
font-size: 2.125rem;
font-family: Fredoka One, verdana, sans-serif;
font-weight: 400;
line-height: 1.235
}

.MuiTypography-h5 {
color: #fff;
font-size: 1.5rem;
font-family: Fredoka One, verdana, sans-serif;
font-weight: 400;
line-height: 1.334
}

.MuiTypography-h6 {
font-size: 1.25rem;
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 500;
line-height: 1.6
}

.MuiTypography-subtitle1 {
font-size: 1rem;
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 400;
line-height: 1.75
}

.MuiTypography-subtitle2 {
font-size: .875rem;
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 500;
line-height: 1.57
}

.MuiTypography-overline {
font-size: .75rem;
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 400;
line-height: 2.66;
text-transform: uppercase
}

.MuiTypography-srOnly {
width: 1px;
height: 1px;
overflow: hidden;
position: absolute
}

.MuiTypography-alignLeft {
text-align: left
}

.MuiTypography-alignCenter {
text-align: center
}

.MuiTypography-alignRight {
text-align: right
}

.MuiTypography-alignJustify {
text-align: justify
}

.MuiTypography-noWrap {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}

.MuiTypography-gutterBottom {
margin-bottom: .35em
}

.MuiTypography-paragraph {
margin-bottom: 16px
}

.MuiTypography-colorInherit {
color: inherit
}

.MuiTypography-colorPrimary {
color: #3c1e6e
}

.MuiTypography-colorSecondary {
color: #35fdff
}

.MuiTypography-colorTextPrimary {
color: #decaff
}

.MuiTypography-colorTextSecondary {
color: rgba(255, 255, 255, .7)
}

.MuiTypography-colorError {
color: #f44336
}

.MuiTypography-displayInline {
display: inline
}

.MuiTypography-displayBlock {
display: block
}

.MuiButton-root {
color: #decaff;
padding: 6px 16px;
font-size: 14px;
min-width: 64px;
box-sizing: border-box;
transition: background-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow 250ms cubic-bezier(.4, 0, .2, 1) 0ms, border 250ms cubic-bezier(.4, 0, .2, 1) 0ms;
font-family: Fredoka One, verdana, sans-serif;
font-weight: 500;
line-height: 1.75;
border-radius: 20px;
text-transform: none
}

.MuiButton-root:hover {
text-decoration: none;
background-color: rgba(222, 202, 255, .08)
}

.MuiButton-root.Mui-disabled {
color: rgba(255, 255, 255, .3)
}

@media (hover:none) {
.MuiButton-root:hover {
    background-color: transparent
}
}

.MuiButton-root:hover.Mui-disabled {
background-color: transparent
}

.MuiButton-label {
width: 100%;
display: inherit;
align-items: inherit;
justify-content: inherit
}

.MuiButton-text {
padding: 6px 8px
}

.MuiButton-textPrimary {
color: #3c1e6e
}

.MuiButton-textPrimary:hover {
background-color: rgba(60, 30, 110, .08)
}

@media (hover:none) {
.MuiButton-textPrimary:hover {
    background-color: transparent
}
}

.MuiButton-textSecondary {
color: #35fdff
}

.MuiButton-textSecondary:hover {
background-color: rgba(53, 253, 255, .08)
}

@media (hover:none) {
.MuiButton-textSecondary:hover {
    background-color: transparent
}
}

.MuiButton-outlined {
border: 1px solid rgba(255, 255, 255, .23);
padding: 5px 15px
}

.MuiButton-outlined.Mui-disabled {
border: 1px solid rgba(255, 255, 255, .12)
}

.MuiButton-outlinedPrimary {
color: #3c1e6e;
border: 1px solid rgba(60, 30, 110, .5)
}

.MuiButton-outlinedPrimary:hover {
border: 1px solid #3c1e6e;
background-color: rgba(60, 30, 110, .08)
}

@media (hover:none) {
.MuiButton-outlinedPrimary:hover {
    background-color: transparent
}
}

.MuiButton-outlinedSecondary {
color: #35fdff;
border: 1px solid rgba(53, 253, 255, .5)
}

.MuiButton-outlinedSecondary:hover {
border: 1px solid #35fdff;
background-color: rgba(53, 253, 255, .08)
}

.MuiButton-outlinedSecondary.Mui-disabled {
border: 1px solid rgba(255, 255, 255, .3)
}

@media (hover:none) {
.MuiButton-outlinedSecondary:hover {
    background-color: transparent
}
}

.MuiButton-contained {
color: rgba(0, 0, 0, .87);
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
background-color: #e0e0e0
}

.MuiButton-contained:hover {
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
background-color: #d5d5d5
}

.MuiButton-contained.Mui-focusVisible {
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.MuiButton-contained:active {
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.MuiButton-contained.Mui-disabled {
color: rgba(255, 255, 255, .3);
box-shadow: none;
background-color: rgba(255, 255, 255, .12)
}

@media (hover:none) {
.MuiButton-contained:hover {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    background-color: #e0e0e0
}
}

.MuiButton-contained:hover.Mui-disabled {
background-color: rgba(255, 255, 255, .12)
}

.MuiButton-containedPrimary {
color: #decaff;
background-color: #3c1e6e
}

.MuiButton-containedPrimary:hover {
background-color: #2a1253
}

@media (hover:none) {
.MuiButton-containedPrimary:hover {
    background-color: #3c1e6e
}
}

.MuiButton-containedSecondary {
color: #007796;
background-color: #35fdff
}

.MuiButton-containedSecondary:hover {
background-color: #25b1b2
}

@media (hover:none) {
.MuiButton-containedSecondary:hover {
    background-color: #35fdff
}
}

.MuiButton-disableElevation {
box-shadow: none
}

.MuiButton-disableElevation:hover {
box-shadow: none
}

.MuiButton-disableElevation.Mui-focusVisible {
box-shadow: none
}

.MuiButton-disableElevation:active {
box-shadow: none
}

.MuiButton-disableElevation.Mui-disabled {
box-shadow: none
}

.MuiButton-colorInherit {
color: inherit;
border-color: currentColor
}

.MuiButton-textSizeSmall {
padding: 4px 5px;
font-size: .8125rem
}

.MuiButton-textSizeLarge {
padding: 8px 11px;
font-size: .9375rem
}

.MuiButton-outlinedSizeSmall {
padding: 3px 9px;
font-size: .8125rem
}

.MuiButton-outlinedSizeLarge {
padding: 7px 21px;
font-size: .9375rem
}

.MuiButton-containedSizeSmall {
padding: 4px 10px;
font-size: .8125rem
}

.MuiButton-containedSizeLarge {
padding: 8px 22px;
font-size: .9375rem
}

.MuiButton-fullWidth {
width: 100%
}

.MuiButton-startIcon {
display: inherit;
margin-left: -4px;
margin-right: 8px
}

.MuiButton-startIcon.MuiButton-iconSizeSmall {
margin-left: -2px
}

.MuiButton-endIcon {
display: inherit;
margin-left: 8px;
margin-right: -4px
}

.MuiButton-endIcon.MuiButton-iconSizeSmall {
margin-right: -2px
}

.MuiButton-iconSizeSmall>:first-child {
font-size: 18px
}

.MuiButton-iconSizeMedium>:first-child {
font-size: 20px
}

.MuiButton-iconSizeLarge>:first-child {
font-size: 22px
}

.MuiChip-root {
color: #fff;
border: 0;
cursor: default;
height: 32px;
display: inline-flex;
outline: 0;
padding: 0;
font-size: .8125rem;
box-sizing: border-box;
transition: background-color 300ms cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow 300ms cubic-bezier(.4, 0, .2, 1) 0ms;
align-items: center;
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
white-space: nowrap;
border-radius: 16px;
vertical-align: middle;
justify-content: center;
text-decoration: none;
background-color: #616161
}

.MuiChip-root.Mui-disabled {
opacity: .5;
pointer-events: none
}

.MuiChip-root .MuiChip-avatar {
color: #e0e0e0;
width: 24px;
height: 24px;
font-size: .75rem;
margin-left: 5px;
margin-right: -6px
}

.MuiChip-root .MuiChip-avatarColorPrimary {
color: #decaff;
background-color: #2a1253
}

.MuiChip-root .MuiChip-avatarColorSecondary {
color: #fff;
background-color: #25b1b2
}

.MuiChip-root .MuiChip-avatarSmall {
width: 18px;
height: 18px;
font-size: .625rem;
margin-left: 4px;
margin-right: -4px
}

.MuiChip-sizeSmall {
height: 24px
}

.MuiChip-colorPrimary {
color: #decaff;
background-color: #3c1e6e
}

.MuiChip-colorSecondary {
color: #fff;
background-color: #35fdff
}

.MuiChip-clickable {
cursor: pointer;
user-select: none;
-webkit-tap-highlight-color: transparent
}

.MuiChip-clickable:hover,
.MuiChip-clickable:focus {
background-color: #6d6d6d
}

.MuiChip-clickable:active {
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.MuiChip-clickableColorPrimary:hover,
.MuiChip-clickableColorPrimary:focus {
background-color: #4b3079
}

.MuiChip-clickableColorSecondary:hover,
.MuiChip-clickableColorSecondary:focus {
background-color: #30e8ea
}

.MuiChip-deletable:focus {
background-color: #6d6d6d
}

.MuiChip-deletableColorPrimary:focus {
background-color: #634b8b
}

.MuiChip-deletableColorSecondary:focus {
background-color: #2acacc
}

.MuiChip-outlined {
border: 1px solid rgba(255, 255, 255, .23);
background-color: transparent
}

.MuiChip-clickable.MuiChip-outlined:hover,
.MuiChip-clickable.MuiChip-outlined:focus,
.MuiChip-deletable.MuiChip-outlined:focus {
background-color: rgba(222, 202, 255, .08)
}

.MuiChip-outlined .MuiChip-avatar {
margin-left: 4px
}

.MuiChip-outlined .MuiChip-avatarSmall {
margin-left: 2px
}

.MuiChip-outlined .MuiChip-icon {
margin-left: 4px
}

.MuiChip-outlined .MuiChip-iconSmall {
margin-left: 2px
}

.MuiChip-outlined .MuiChip-deleteIcon {
margin-right: 5px
}

.MuiChip-outlined .MuiChip-deleteIconSmall {
margin-right: 3px
}

.MuiChip-outlinedPrimary {
color: #3c1e6e;
border: 1px solid #3c1e6e
}

.MuiChip-clickable.MuiChip-outlinedPrimary:hover,
.MuiChip-clickable.MuiChip-outlinedPrimary:focus,
.MuiChip-deletable.MuiChip-outlinedPrimary:focus {
background-color: rgba(60, 30, 110, .08)
}

.MuiChip-outlinedSecondary {
color: #35fdff;
border: 1px solid #35fdff
}

.MuiChip-clickable.MuiChip-outlinedSecondary:hover,
.MuiChip-clickable.MuiChip-outlinedSecondary:focus,
.MuiChip-deletable.MuiChip-outlinedSecondary:focus {
background-color: rgba(53, 253, 255, .08)
}

.MuiChip-icon {
color: #e0e0e0;
margin-left: 5px;
margin-right: -6px
}

.MuiChip-iconSmall {
width: 18px;
height: 18px;
margin-left: 4px;
margin-right: -4px
}

.MuiChip-iconColorPrimary {
color: inherit
}

.MuiChip-iconColorSecondary {
color: inherit
}

.MuiChip-label {
overflow: hidden;
white-space: nowrap;
padding-left: 12px;
padding-right: 12px;
text-overflow: ellipsis
}

.MuiChip-labelSmall {
padding-left: 8px;
padding-right: 8px
}

.MuiChip-deleteIcon {
color: rgba(222, 202, 255, .26);
width: 22px;
cursor: pointer;
height: 22px;
margin: 0 5px 0 -6px;
-webkit-tap-highlight-color: transparent
}

.MuiChip-deleteIcon:hover {
color: rgba(222, 202, 255, .4)
}

.MuiChip-deleteIconSmall {
width: 16px;
height: 16px;
margin-left: -4px;
margin-right: 4px
}

.MuiChip-deleteIconColorPrimary {
color: rgba(222, 202, 255, .7)
}

.MuiChip-deleteIconColorPrimary:hover,
.MuiChip-deleteIconColorPrimary:active {
color: #decaff
}

.MuiChip-deleteIconColorSecondary {
color: rgba(255, 255, 255, .7)
}

.MuiChip-deleteIconColorSecondary:hover,
.MuiChip-deleteIconColorSecondary:active {
color: #fff
}

.MuiChip-deleteIconOutlinedColorPrimary {
color: rgba(60, 30, 110, .7)
}

.MuiChip-deleteIconOutlinedColorPrimary:hover,
.MuiChip-deleteIconOutlinedColorPrimary:active {
color: #3c1e6e
}

.MuiChip-deleteIconOutlinedColorSecondary {
color: rgba(53, 253, 255, .7)
}

.MuiChip-deleteIconOutlinedColorSecondary:hover,
.MuiChip-deleteIconOutlinedColorSecondary:active {
color: #35fdff
}

.MuiGrid-container {
width: 100%;
display: flex;
flex-wrap: wrap;
box-sizing: border-box
}

.MuiGrid-item {
margin: 0;
box-sizing: border-box
}

.MuiGrid-zeroMinWidth {
min-width: 0
}

.MuiGrid-direction-xs-column {
flex-direction: column
}

.MuiGrid-direction-xs-column-reverse {
flex-direction: column-reverse
}

.MuiGrid-direction-xs-row-reverse {
flex-direction: row-reverse
}

.MuiGrid-wrap-xs-nowrap {
flex-wrap: nowrap
}

.MuiGrid-wrap-xs-wrap-reverse {
flex-wrap: wrap-reverse
}

.MuiGrid-align-items-xs-center {
align-items: center
}

.MuiGrid-align-items-xs-flex-start {
align-items: flex-start
}

.MuiGrid-align-items-xs-flex-end {
align-items: flex-end
}

.MuiGrid-align-items-xs-baseline {
align-items: baseline
}

.MuiGrid-align-content-xs-center {
align-content: center
}

.MuiGrid-align-content-xs-flex-start {
align-content: flex-start
}

.MuiGrid-align-content-xs-flex-end {
align-content: flex-end
}

.MuiGrid-align-content-xs-space-between {
align-content: space-between
}

.MuiGrid-align-content-xs-space-around {
align-content: space-around
}

.MuiGrid-justify-xs-center {
justify-content: center
}

.MuiGrid-justify-xs-flex-end {
justify-content: flex-end
}

.MuiGrid-justify-xs-space-between {
justify-content: space-between
}

.MuiGrid-justify-xs-space-around {
justify-content: space-around
}

.MuiGrid-justify-xs-space-evenly {
justify-content: space-evenly
}

.MuiGrid-spacing-xs-1 {
width: calc(100% + 8px);
margin: -4px
}

.MuiGrid-spacing-xs-1>.MuiGrid-item {
padding: 4px
}

.MuiGrid-spacing-xs-2 {
width: calc(100% + 16px);
margin: -8px
}

.MuiGrid-spacing-xs-2>.MuiGrid-item {
padding: 8px
}

.MuiGrid-spacing-xs-3 {
width: calc(100% + 24px);
margin: -12px
}

.MuiGrid-spacing-xs-3>.MuiGrid-item {
padding: 12px
}

.MuiGrid-spacing-xs-4 {
width: calc(100% + 32px);
margin: -16px
}

.MuiGrid-spacing-xs-4>.MuiGrid-item {
padding: 16px
}

.MuiGrid-spacing-xs-5 {
width: calc(100% + 40px);
margin: -20px
}

.MuiGrid-spacing-xs-5>.MuiGrid-item {
padding: 20px
}

.MuiGrid-spacing-xs-6 {
width: calc(100% + 48px);
margin: -24px
}

.MuiGrid-spacing-xs-6>.MuiGrid-item {
padding: 24px
}

.MuiGrid-spacing-xs-7 {
width: calc(100% + 56px);
margin: -28px
}

.MuiGrid-spacing-xs-7>.MuiGrid-item {
padding: 28px
}

.MuiGrid-spacing-xs-8 {
width: calc(100% + 64px);
margin: -32px
}

.MuiGrid-spacing-xs-8>.MuiGrid-item {
padding: 32px
}

.MuiGrid-spacing-xs-9 {
width: calc(100% + 72px);
margin: -36px
}

.MuiGrid-spacing-xs-9>.MuiGrid-item {
padding: 36px
}

.MuiGrid-spacing-xs-10 {
width: calc(100% + 80px);
margin: -40px
}

.MuiGrid-spacing-xs-10>.MuiGrid-item {
padding: 40px
}

.MuiGrid-grid-xs-auto {
flex-grow: 0;
max-width: none;
flex-basis: auto
}

.MuiGrid-grid-xs-true {
flex-grow: 1;
max-width: 100%;
flex-basis: 0
}

.MuiGrid-grid-xs-1 {
flex-grow: 0;
max-width: 8.333333%;
flex-basis: 8.333333%
}

.MuiGrid-grid-xs-2 {
flex-grow: 0;
max-width: 16.666667%;
flex-basis: 16.666667%
}

.MuiGrid-grid-xs-3 {
flex-grow: 0;
max-width: 25%;
flex-basis: 25%
}

.MuiGrid-grid-xs-4 {
flex-grow: 0;
max-width: 33.333333%;
flex-basis: 33.333333%
}

.MuiGrid-grid-xs-5 {
flex-grow: 0;
max-width: 41.666667%;
flex-basis: 41.666667%
}

.MuiGrid-grid-xs-6 {
flex-grow: 0;
max-width: 50%;
flex-basis: 50%
}

.MuiGrid-grid-xs-7 {
flex-grow: 0;
max-width: 58.333333%;
flex-basis: 58.333333%
}

.MuiGrid-grid-xs-8 {
flex-grow: 0;
max-width: 66.666667%;
flex-basis: 66.666667%
}

.MuiGrid-grid-xs-9 {
flex-grow: 0;
max-width: 75%;
flex-basis: 75%
}

.MuiGrid-grid-xs-10 {
flex-grow: 0;
max-width: 83.333333%;
flex-basis: 83.333333%
}

.MuiGrid-grid-xs-11 {
flex-grow: 0;
max-width: 91.666667%;
flex-basis: 91.666667%
}

.MuiGrid-grid-xs-12 {
flex-grow: 0;
max-width: 100%;
flex-basis: 100%
}

@media (min-width:600px) {
.MuiGrid-grid-sm-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto
}

.MuiGrid-grid-sm-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0
}

.MuiGrid-grid-sm-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%
}

.MuiGrid-grid-sm-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%
}

.MuiGrid-grid-sm-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%
}

.MuiGrid-grid-sm-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%
}

.MuiGrid-grid-sm-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%
}

.MuiGrid-grid-sm-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%
}

.MuiGrid-grid-sm-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%
}

.MuiGrid-grid-sm-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%
}

.MuiGrid-grid-sm-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%
}

.MuiGrid-grid-sm-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%
}

.MuiGrid-grid-sm-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%
}

.MuiGrid-grid-sm-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%
}
}

@media (min-width:1082px) {
.MuiGrid-grid-md-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto
}

.MuiGrid-grid-md-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0
}

.MuiGrid-grid-md-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%
}

.MuiGrid-grid-md-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%
}

.MuiGrid-grid-md-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%
}

.MuiGrid-grid-md-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%
}

.MuiGrid-grid-md-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%
}

.MuiGrid-grid-md-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%
}

.MuiGrid-grid-md-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%
}

.MuiGrid-grid-md-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%
}

.MuiGrid-grid-md-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%
}

.MuiGrid-grid-md-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%
}

.MuiGrid-grid-md-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%
}

.MuiGrid-grid-md-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%
}
}

@media (min-width:1280px) {
.MuiGrid-grid-lg-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto
}

.MuiGrid-grid-lg-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0
}

.MuiGrid-grid-lg-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%
}

.MuiGrid-grid-lg-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%
}

.MuiGrid-grid-lg-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%
}

.MuiGrid-grid-lg-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%
}

.MuiGrid-grid-lg-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%
}

.MuiGrid-grid-lg-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%
}

.MuiGrid-grid-lg-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%
}

.MuiGrid-grid-lg-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%
}

.MuiGrid-grid-lg-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%
}

.MuiGrid-grid-lg-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%
}

.MuiGrid-grid-lg-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%
}

.MuiGrid-grid-lg-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%
}
}

@media (min-width:1920px) {
.MuiGrid-grid-xl-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto
}

.MuiGrid-grid-xl-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0
}

.MuiGrid-grid-xl-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%
}

.MuiGrid-grid-xl-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%
}

.MuiGrid-grid-xl-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%
}

.MuiGrid-grid-xl-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%
}

.MuiGrid-grid-xl-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%
}

.MuiGrid-grid-xl-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%
}

.MuiGrid-grid-xl-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%
}

.MuiGrid-grid-xl-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%
}

.MuiGrid-grid-xl-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%
}

.MuiGrid-grid-xl-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%
}

.MuiGrid-grid-xl-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%
}

.MuiGrid-grid-xl-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%
}
}

.MuiTab-root {
padding: 6px 12px;
overflow: hidden;
position: relative;
font-size: .875rem;
max-width: 264px;
min-width: 72px;
box-sizing: border-box;
min-height: 48px;
text-align: center;
flex-shrink: 0;
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 500;
line-height: 1.75;
white-space: normal;
text-transform: uppercase
}

@media (min-width:600px) {
.MuiTab-root {
    min-width: 160px
}
}

.MuiTab-labelIcon {
min-height: 72px;
padding-top: 9px
}

.MuiTab-labelIcon .MuiTab-wrapper>:first-child {
margin-bottom: 6px
}

.MuiTab-textColorInherit {
color: inherit;
opacity: .7
}

.MuiTab-textColorInherit.Mui-selected {
opacity: 1
}

.MuiTab-textColorInherit.Mui-disabled {
opacity: .5
}

.MuiTab-textColorPrimary {
color: rgba(255, 255, 255, .7)
}

.MuiTab-textColorPrimary.Mui-selected {
color: #3c1e6e
}

.MuiTab-textColorPrimary.Mui-disabled {
color: rgba(255, 255, 255, .5)
}

.MuiTab-textColorSecondary {
color: rgba(255, 255, 255, .7)
}

.MuiTab-textColorSecondary.Mui-selected {
color: #35fdff
}

.MuiTab-textColorSecondary.Mui-disabled {
color: rgba(255, 255, 255, .5)
}

.MuiTab-fullWidth {
flex-grow: 1;
max-width: none;
flex-basis: 0;
flex-shrink: 1
}

.MuiTab-wrapped {
font-size: .75rem;
line-height: 1.5
}

.MuiTab-wrapper {
width: 100%;
display: inline-flex;
align-items: center;
flex-direction: column;
justify-content: center
}

.MuiToolbar-root {
display: flex;
position: relative;
align-items: center
}

.MuiToolbar-gutters {
padding-left: 16px;
padding-right: 16px
}

@media (min-width:600px) {
.MuiToolbar-gutters {
    padding-left: 24px;
    padding-right: 24px
}
}

.MuiToolbar-regular {
min-height: 56px
}

@media (min-width:0px) and (orientation:landscape) {
.MuiToolbar-regular {
    min-height: 48px
}
}

@media (min-width:600px) {
.MuiToolbar-regular {
    min-height: 64px
}
}

.MuiToolbar-dense {
min-height: 48px
}

.jss250 {
width: 100%;
bottom: 0;
height: 2px;
position: absolute;
transition: all 300ms cubic-bezier(.4, 0, .2, 1) 0ms
}

.jss251 {
background-color: #3c1e6e
}

.jss252 {
background-color: #35fdff
}

.jss253 {
right: 0;
width: 2px;
height: 100%
}

.MuiTabs-root {
display: flex;
overflow: hidden;
min-height: 48px;
-webkit-overflow-scrolling: touch
}

.MuiTabs-vertical {
flex-direction: column
}

.MuiTabs-flexContainer {
display: flex
}

.MuiTabs-flexContainerVertical {
flex-direction: column
}

.MuiTabs-centered {
justify-content: center
}

.MuiTabs-scroller {
flex: 1 1 auto;
display: inline-block;
position: relative;
white-space: nowrap
}

.MuiTabs-fixed {
width: 100%;
overflow-x: hidden
}

.MuiTabs-scrollable {
overflow-x: scroll;
scrollbar-width: none
}

.MuiTabs-scrollable::-webkit-scrollbar {
display: none
}

@media (max-width:599.95px) {
.MuiTabs-scrollButtonsDesktop {
    display: none
}
}

.MuiTooltip-popper {
z-index: 1500;
pointer-events: none
}

.MuiTooltip-popperInteractive {
pointer-events: auto
}

.MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow {
top: 0;
left: 0;
margin-top: -.71em;
margin-left: 4px;
margin-right: 4px
}

.MuiTooltip-popperArrow[x-placement*=top] .MuiTooltip-arrow {
left: 0;
bottom: 0;
margin-left: 4px;
margin-right: 4px;
margin-bottom: -.71em
}

.MuiTooltip-popperArrow[x-placement*=right] .MuiTooltip-arrow {
left: 0;
width: .71em;
height: 1em;
margin-top: 4px;
margin-left: -.71em;
margin-bottom: 4px
}

.MuiTooltip-popperArrow[x-placement*=left] .MuiTooltip-arrow {
right: 0;
width: .71em;
height: 1em;
margin-top: 4px;
margin-right: -.71em;
margin-bottom: 4px
}

.MuiTooltip-popperArrow[x-placement*=left] .MuiTooltip-arrow::before {
transform-origin: 0 0
}

.MuiTooltip-popperArrow[x-placement*=right] .MuiTooltip-arrow::before {
transform-origin: 100% 100%
}

.MuiTooltip-popperArrow[x-placement*=top] .MuiTooltip-arrow::before {
transform-origin: 100% 0
}

.MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow::before {
transform-origin: 0 100%
}

.MuiTooltip-tooltip {
color: #fff;
padding: 4px 8px;
font-size: .625rem;
max-width: 300px;
word-wrap: break-word;
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 500;
line-height: 1.4em;
border-radius: 4px;
background-color: rgba(97, 97, 97, .9)
}

.MuiTooltip-tooltipArrow {
margin: 0;
position: relative
}

.MuiTooltip-arrow {
color: rgba(97, 97, 97, .9);
width: 1em;
height: .71em;
overflow: hidden;
position: absolute;
box-sizing: border-box
}

.MuiTooltip-arrow::before {
width: 100%;
height: 100%;
margin: auto;
content: "";
display: block;
transform: rotate(45deg);
background-color: currentColor
}

.MuiTooltip-touch {
padding: 8px 16px;
font-size: .875rem;
font-weight: 400;
line-height: 1.14286em
}

.MuiTooltip-tooltipPlacementLeft {
margin: 0 24px;
transform-origin: right center
}

@media (min-width:600px) {
.MuiTooltip-tooltipPlacementLeft {
    margin: 0 14px
}
}

.MuiTooltip-tooltipPlacementRight {
margin: 0 24px;
transform-origin: left center
}

@media (min-width:600px) {
.MuiTooltip-tooltipPlacementRight {
    margin: 0 14px
}
}

.MuiTooltip-tooltipPlacementTop {
margin: 24px 0;
transform-origin: center bottom
}

@media (min-width:600px) {
.MuiTooltip-tooltipPlacementTop {
    margin: 14px 0
}
}

.MuiTooltip-tooltipPlacementBottom {
margin: 24px 0;
transform-origin: center top
}

@media (min-width:600px) {
.MuiTooltip-tooltipPlacementBottom {
    margin: 14px 0
}
}

@media only screen and (max-width:1139px) {
.jss132 {
    width: 100%
}
}

.jss133 {
gap: 8px 8px;
display: grid;
grid-gap: 8px 8px;
margin-top: 16px
}

@media only screen and (max-width:1139px) {
.jss133 {
    gap: unset;
    display: block;
    grid-gap: unset;
    margin-top: 0
}
}

@media only screen and (min-width:1140px) and (max-width:1339px) {
.jss133 {
    -ms-grid-columns: (178px)[6];
    grid-template-rows: repeat(9, 100px);
    grid-template-areas: "game game game game game related1x3""game game game game game related1x3""game game game game game related1x3""game game game game game banner1x6b""game game game game game banner1x6b""related1x1 banner4x1 banner4x1 banner4x1 banner4x1 banner1x6b""related5x3 related5x3 related5x3 related5x3 related5x3 banner1x6b""related5x3 related5x3 related5x3 related5x3 related5x3 banner1x6b""related5x3 related5x3 related5x3 related5x3 related5x3 banner1x6b""info info info info info related1x6""info info info info info related1x6""info info info info info related1x6""related5x3b related5x3b related5x3b related5x3b related5x3b related1x6""related5x3b related5x3b related5x3b related5x3b related5x3b related1x6""related5x3b related5x3b related5x3b related5x3b related5x3b related1x6";
    grid-template-columns: repeat(6, 178px)
}

.jss133 .jss139 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column-span: 5
}

.jss133 .jss141 {
    -ms-grid-row: 10;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss133 .jss148 {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1
}

.jss133 .jss157 {
    -ms-grid-row: 10;
    -ms-grid-column: 6;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 1
}

.jss133 .jss171 {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss133 .jss177 {
    -ms-grid-row: 6;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 4
}

.jss133 .jss151 {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 1
}

.jss133 .jss174 {
    -ms-grid-row: 4;
    -ms-grid-column: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 6
}

.jss133 .jss166 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}
}

@media only screen and (min-width:1340px) and (max-width:1529px) {
.jss133 {
    -ms-grid-columns: (178px)[7];
    grid-template-rows: repeat(9, 100px);
    grid-template-areas: "game game game game game related2x2 related2x2""game game game game game related2x2 related2x2""game game game game game banner2x6 banner2x6""game game game game game banner2x6 banner2x6""game game game game game banner2x6 banner2x6""related5x3 related5x3 related5x3 related5x3 related5x3 banner2x6 banner2x6""related5x3 related5x3 related5x3 related5x3 related5x3 banner2x6 banner2x6""related5x3 related5x3 related5x3 related5x3 related5x3 banner2x6 banner2x6""info info info info info related2x6 related2x6""info info info info info related2x6 related2x6""info info info info info related2x6 related2x6""related5x3b related5x3b related5x3b related5x3b related5x3b related2x6 related2x6""related5x3b related5x3b related5x3b related5x3b related5x3b related2x6 related2x6""related5x3b related5x3b related5x3b related5x3b related5x3b related2x6 related2x6";
    grid-template-columns: repeat(7, 178px)
}

.jss133.holidays {
    grid-template-areas: "game game game game game related2x2 related2x2""game game game game game related2x2 related2x2""game game game game game banner2x6 banner2x6""game game game game game banner2x6 banner2x6""game game game game game banner2x6 banner2x6""banner5x1 banner5x1 banner5x1 banner5x1 banner5x1 banner2x6 banner2x6""related5x2 related5x2 related5x2 related5x2 related5x2 banner2x6 banner2x6""related5x2 related5x2 related5x2 related5x2 related5x2 banner2x6 banner2x6""info info info info info related2x6 related2x6""info info info info info related2x6 related2x6""info info info info info related2x6 related2x6""related5x3b related5x3b related5x3b related5x3b related5x3b related2x6 related2x6""related5x3b related5x3b related5x3b related5x3b related5x3b related2x6 related2x6""related5x3b related5x3b related5x3b related5x3b related5x3b related2x6 related2x6"
}

.jss133 .jss139 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column-span: 5
}

.jss133 .jss154 {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 2
}

.jss133 .jss176 {
    -ms-grid-row: 3;
    -ms-grid-column: 6;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 2
}

.jss133 .jss166 {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss133 .jss141 {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss133 .jss156 {
    -ms-grid-row: 9;
    -ms-grid-column: 6;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 2
}

.jss133 .jss171 {
    -ms-grid-row: 12;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss133.holidays .jss178 {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 5
}

.jss133.holidays .jss165 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 5
}
}

@media only screen and (min-width:1530px) and (max-width:1739px) {
.jss133 {
    -ms-grid-columns: (178px)[8];
    grid-template-rows: repeat(9, 100px);
    grid-template-areas: "related1x2 game game game game game related2x2 related2x2""related1x2 game game game game game related2x2 related2x2""banner1x6 game game game game game banner2x6 banner2x6""banner1x6 game game game game game banner2x6 banner2x6""banner1x6 game game game game game banner2x6 banner2x6""banner1x6 related5x3 related5x3 related5x3 related5x3 related5x3 banner2x6 banner2x6""banner1x6 related5x3 related5x3 related5x3 related5x3 related5x3 banner2x6 banner2x6""banner1x6 related5x3 related5x3 related5x3 related5x3 related5x3 banner2x6 banner2x6""related1x3 info info info info info related2x6 related2x6""related1x3 info info info info info related2x6 related2x6""related1x3 info info info info info related2x6 related2x6""related8x1 related8x1 related8x1 related8x1 related8x1 related8x1 related8x1 related8x1";
    grid-template-columns: repeat(8, 178px)
}

.jss133.holidays {
    grid-template-areas: "related1x2 game game game game game related2x2 related2x2""related1x2 game game game game game related2x2 related2x2""banner1x6 game game game game game banner2x6 banner2x6""banner1x6 game game game game game banner2x6 banner2x6""banner1x6 game game game game game banner2x6 banner2x6""banner1x6 banner5x1 banner5x1 banner5x1 banner5x1 banner5x1 banner2x6 banner2x6""banner1x6 related5x2 related5x2 related5x2 related5x2 related5x2 banner2x6 banner2x6""banner1x6 related5x2 related5x2 related5x2 related5x2 related5x2 banner2x6 banner2x6""related1x3 info info info info info related2x6 related2x6""related1x3 info info info info info related2x6 related2x6""related1x3 info info info info info related2x6 related2x6""related8x1 related8x1 related8x1 related8x1 related8x1 related8x1 related8x1 related8x1"
}

.jss133 .jss139 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 5;
    -ms-grid-column-span: 5
}

.jss133 .jss141 {
    -ms-grid-row: 9;
    -ms-grid-column: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss133 .jss156 {
    -ms-grid-row: 9;
    -ms-grid-column: 7;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 2
}

.jss133 .jss161 {
    -ms-grid-row: 12;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 8
}

.jss133 .jss150 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 1
}

.jss133 .jss154 {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 2
}

.jss133 .jss173 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 1
}

.jss133 .jss176 {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 2
}

.jss133 .jss166 {
    -ms-grid-row: 6;
    -ms-grid-column: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss133 .jss151 {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 1
}

.jss133.holidays .jss178 {
    -ms-grid-row: 6;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 5
}

.jss133.holidays .jss165 {
    -ms-grid-row: 7;
    -ms-grid-column: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 5
}
}

@media only screen and (min-width:1740px) and (max-width:1919px) {
.jss133 {
    gap: 12px 12px;
    grid-gap: 12px 12px;
    -ms-grid-columns: (178px)[9];
    grid-template-rows: repeat(9, 100px);
    grid-template-areas: "related1x6 game game game game game related1x6b banner2x3 banner2x3""related1x6 game game game game game related1x6b banner2x3 banner2x3""related1x6 game game game game game related1x6b banner2x3 banner2x3""related1x6 game game game game game related1x6b banner2x6 banner2x6""related1x6 game game game game game related1x6b banner2x6 banner2x6""related1x6 related5x1 related5x1 related5x1 related5x1 related5x1 related1x6b banner2x6 banner2x6""related1x4 banner4x1 banner4x1 banner4x1 banner4x1 related1x1 related1x3 banner2x6 banner2x6""related1x4 info info info info info related1x3 banner2x6 banner2x6""related1x4 info info info info info related1x3 banner2x6 banner2x6""related1x4 info info info info info related3x1 related3x1 related3x1""related9x2 related9x2 related9x2 related9x2 related9x2 related9x2 related9x2 related9x2 related9x2""related9x2 related9x2 related9x2 related9x2 related9x2 related9x2 related9x2 related9x2 related9x2";
    grid-template-columns: repeat(9, 178px)
}

.jss133 .jss157 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 1
}

.jss133 .jss139 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 5;
    -ms-grid-column-span: 5
}

.jss133 .jss141 {
    -ms-grid-row: 8;
    -ms-grid-column: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss133 .jss169 {
    -ms-grid-row: 1;
    -ms-grid-column: 11;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 9
}

.jss133 .jss160 {
    -ms-grid-row: 10;
    -ms-grid-column: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 3
}

.jss133 .jss151 {
    -ms-grid-row: 7;
    -ms-grid-column: 7;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 1
}

.jss133 .jss153 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column-span: 1
}

.jss133 .jss167 {
    -ms-grid-row: 6;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 5
}

.jss133 .jss164 {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 1
}

.jss133 .jss176 {
    -ms-grid-row: 4;
    -ms-grid-column: 8;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 2
}

.jss133 .jss179 {
    -ms-grid-row: 1;
    -ms-grid-column: 8;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 2
}
}

@media only screen and (min-width:1920px) {
.jss133 {
    gap: 12px 12px;
    grid-gap: 12px 12px;
    -ms-grid-columns: (178px)[10];
    grid-template-rows: repeat(9, 100px);
    grid-template-areas: "related1x6 game game game game game game related1x6b banner2x3 banner2x3""related1x6 game game game game game game related1x6b banner2x3 banner2x3""related1x6 game game game game game game related1x6b banner2x3 banner2x3""related1x6 game game game game game game related1x6b banner2x6 banner2x6""related1x6 game game game game game game related1x6b banner2x6 banner2x6""related1x6 game game game game game game related1x6b banner2x6 banner2x6""related8x1 related8x1 related8x1 related8x1 related8x1 related8x1 related8x1 related8x1 banner2x6 banner2x6""related2x1 related2x1 banner4x1 banner4x1 banner4x1 banner4x1 related2x1b related2x1b banner2x6 banner2x6""related8x1b related8x1b related8x1b related8x1b related8x1b related8x1b related8x1b related8x1b banner2x6 banner2x6""related1x3 info info info info info info related3x3 related3x3 related3x3""related1x3 info info info info info info related3x3 related3x3 related3x3""related1x3 info info info info info info related3x3 related3x3 related3x3""related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2""related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2";
    grid-template-columns: repeat(10, 178px)
}

.jss133 .jss157 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 1
}

.jss133 .jss170 {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 10
}

.jss133 .jss163 {
    -ms-grid-row: 10;
    -ms-grid-column: 8;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 3
}

.jss133 .jss151 {
    -ms-grid-row: 10;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 1
}

.jss133 .jss141 {
    -ms-grid-row: 10;
    -ms-grid-column: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 6
}

.jss133 .jss139 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 6
}

.jss133 .jss177 {
    -ms-grid-row: 8;
    -ms-grid-column: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 4
}

.jss133 .jss159 {
    -ms-grid-row: 8;
    -ms-grid-column: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2
}

.jss133 .jss158 {
    -ms-grid-row: 8;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2
}

.jss133 .jss162 {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 8
}

.jss133 .jss161 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 8
}

.jss133 .jss176 {
    -ms-grid-row: 4;
    -ms-grid-column: 9;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 2
}

.jss133 .jss179 {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 2
}

.jss133 .jss164 {
    -ms-grid-row: 1;
    -ms-grid-column: 8;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 1
}
}

.jss134 {
gap: unset;
display: block;
grid-gap: unset;
margin-top: 0
}

.jss135 {
display: none
}

@media only screen and (max-width:1139px) {
.jss135 {
    display: block
}
}

.jss136 {
display: none
}

@media only screen and (min-width:1140px) {
.jss136 {
    display: block
}
}

.jss137 {
width: 178px;
height: 100px;
margin-bottom: 8px
}

.jss138 {
width: 1294px !important;
height: 750px !important;
z-index: 2;
margin-left: -93px
}

@media only screen and (max-width:1919px) {
.jss138 {
    width: 1110px !important;
    height: 642px !important
}
}

@media only screen and (max-width:1529px) {
.jss138 {
    margin-left: 0
}
}

@media only screen and (min-width:1140px) and (max-width:1339px) {
.jss138 {
    width: 922px !important;
    height: 532px !important
}
}

@media only screen and (max-width:1139px) {
.jss138 {
    width: 100%;
    height: auto
}
}

.jss139 {
width: 1108px;
height: 640px;
grid-area: game;
transition: all .3s ease
}

@media only screen and (max-width:1919px) {
.jss139 {
    width: 922px;
    height: 532px
}
}

@media only screen and (max-width:1139px) {
.jss139 {
    width: 100%;
    height: auto
}
}

@media only screen and (min-width:1740px) and (max-width:1919px) {
.jss139 {
    width: 938px;
    height: 548px
}
}

@media only screen and (min-width:1920px) {
.jss139 {
    width: 1128px;
    height: 660px
}
}

.jss140 {
width: 100vw;
height: 56vw;
position: relative
}

.jss141 {
grid-area: info
}

@media only screen and (max-width:1139px) {
.jss141 {
    margin-top: 16px
}
}

.jss142 {
display: none
}

@media only screen and (min-width:1140px) and (max-width:1339px) {
.jss142 {
    display: block
}
}

.jss143 {
display: none
}

@media only screen and (min-width:1340px) and (max-width:1529px) {
.jss143 {
    display: block
}
}

.jss144 {
display: none
}

@media only screen and (min-width:1530px) and (max-width:1739px) {
.jss144 {
    display: block
}
}

.jss145 {
display: none
}

@media only screen and (min-width:1740px) and (max-width:1919px) {
.jss145 {
    display: block
}
}

.jss146 {
display: none
}

@media only screen and (min-width:1920px) {
.jss146 {
    display: block
}
}

.jss147 {
margin-top: 12px
}

.jss148 {
grid-area: related1x1;
margin-top: -2px;
margin-left: -2px
}

.jss149 {
grid-area: related1x1b;
margin-top: -2px;
margin-left: -2px
}

.jss150 {
grid-area: related1x2
}

.jss151 {
grid-area: related1x3
}

.jss152 {
grid-area: related1x3b
}

.jss153 {
grid-area: related1x4
}

.jss154 {
grid-area: related2x2
}

.jss155 {
grid-area: related2x3
}

.jss156 {
grid-area: related2x6
}

.jss157 {
grid-area: related1x6
}

.jss158 {
grid-area: related2x1
}

.jss159 {
grid-area: related2x1b
}

.jss160 {
grid-area: related3x1
}

.jss161 {
grid-area: related8x1
}

.jss162 {
grid-area: related8x1b
}

.jss163 {
grid-area: related3x3
}

.jss164 {
grid-area: related1x6b
}

.jss165 {
grid-area: related5x2
}

.jss166 {
grid-area: related5x3
}

.jss167 {
grid-area: related5x1
}

.jss168 {
grid-area: related7x2
}

.jss169 {
grid-area: related9x2
}

.jss170 {
grid-area: related10x2
}

.jss171 {
grid-area: related5x3b
}

.jss172 {
height: 58px;
margin-top: 8px
}

.jss173 {
display: none;
grid-area: banner1x6
}

@media only screen and (min-width:1530px) and (max-width:1739px) {
.jss173 {
    display: block
}
}

.jss174 {
display: none;
grid-area: banner1x6b
}

@media only screen and (min-width:1140px) and (max-width:1339px) {
.jss174 {
    display: block
}
}

.jss175 {
display: block
}

.jss176 {
display: block;
grid-area: banner2x6
}

@media only screen and (min-width:1140px) and (max-width:1339px) {
.jss176 {
    display: none
}
}

@media only screen and (max-width:1139px) {
.jss176 {
    display: none
}
}

@media only screen and (max-height:640px) {
.jss176>div {
    top: 48% !important
}
}

.jss177 {
display: none;
grid-area: banner4x1
}

@media only screen and (min-width:1140px) and (max-width:1339px) {
.jss177 {
    display: block
}
}

@media only screen and (min-width:1740px) and (max-width:1919px) {
.jss177 {
    display: block
}
}

@media only screen and (min-width:1920px) {
.jss177 {
    display: block
}
}

@media only screen and (max-width:1139px) {
.jss177 {
    height: 100px;
    display: block;
    margin-top: 16px
}
}

@media only screen and (max-width:744px) {
.jss177 {
    display: none
}
}

.jss178 {
display: none;
grid-area: banner5x1
}

@media only screen and (min-width:1340px) and (max-width:1529px) {
.jss178 {
    display: block
}
}

@media only screen and (min-width:1530px) and (max-width:1739px) {
.jss178 {
    display: block
}
}

.jss179 {
display: none;
grid-area: banner2x3
}

@media only screen and (min-width:1740px) and (max-width:1919px) {
.jss179 {
    display: block
}
}

@media only screen and (min-width:1920px) {
.jss179 {
    display: block
}
}

.jss180 {
background: 0 0
}

.jss181 {
width: 100%;
height: 100%
}

@media only screen and (max-width:1139px) {
.jss181 {
    height: 56vw
}
}

.jss182 {
width: 100vw;
height: 56vw;
position: relative
}

.jss183 {
width: 100%;
height: 100%;
position: relative;
background-color: #654383;
background-image: linear-gradient(290deg, #3b2b73 55%, #6f2f93, #6f2f93)
}

.jss184 {
top: 0;
left: 0;
width: 100%;
border: 0;
height: 100%;
margin: 0;
padding: 0;
position: absolute
}

.jss185 {
color: #fff;
z-index: 2;
text-align: center;
font-family: Fredoka One, verdana, sans-serif;
padding-bottom: 16px
}

.jss186 {
padding: 12px 32px;
font-size: 1.2rem;
border-radius: 40px;
padding-right: 24px
}

.jss187 {
margin: 16px 40px 0 40px;
padding: 8px 16px;
font-size: .875rem;
border-radius: 40px
}

.jss188 {
width: 30px;
height: 30px;
margin-top: 4px
}

.jss189 {
display: flex;
z-index: 2;
flex-direction: column
}

.jss190 {
color: #fff;
padding: 0 16px;
z-index: 2;
text-align: center
}

@keyframes jss191 {
0% {
    transform: translate(-5px, -20px)rotate(-45deg);
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent
}

10%,
90% {
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent
}

50% {
    transform: translate(-5px, 0)rotate(-45deg);
    border-left: 6px solid rgba(255, 255, 255, .7);
    border-bottom: 6px solid rgba(255, 255, 255, .7)
}

to {
    transform: translate(-5px, 20px)rotate(-45deg);
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent
}
}

.jss192 {
width: 30px;
height: 30px;
margin: auto;
position: relative;
transform: translate(-15px);
padding-top: 16px
}

.jss192:before {
width: 100%;
height: 100%;
content: "";
position: absolute;
animation: jss191 3s linear infinite;
transform: translate(6px, 24px) rotate(-45deg);
border-left: 6px solid rgba(255, 255, 255, .7);
border-bottom: 6px solid rgba(255, 255, 255, .7)
}

.jss192:after {
width: 100%;
height: 100%;
content: "";
position: absolute;
animation: jss191 3s linear infinite -1.5s;
transform: translate(12px, 0) rotate(-45deg);
border-left: 6px solid rgba(255, 255, 255, .7);
border-bottom: 6px solid rgba(255, 255, 255, .7)
}

.jss193 {
margin: auto;
text-align: center
}

.jss194 {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
background-image: linear-gradient(290deg, #360f4cd6, #6f2f936b)
}

.jss195[class*=hidden] {
display: none
}

.jss196 {
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0;
position: absolute;
object-fit: cover;
margin-bottom: -5px
}

.jss197 {
color: #fff
}

.jss326 {
top: 0;
left: 0;
color: #fff;
width: 100%;
height: 100%;
z-index: 2;
position: absolute
}

.jss327 {
font-size: 11.2px;
font-family: Fredoka One, verdana, sans-serif;
line-height: 1.1
}

.jss328 {
top: 50%;
left: 50%;
width: 40%;
position: absolute;
transform: translate(-50%, -50%);
text-align: center
}

.jss329 {
opacity: .5
}

.jss330 {
position: relative
}

.jss331 {
display: block;
z-index: 0;
overflow: hidden;
position: relative;
box-sizing: content-box;
transition: transform .1s cubic-bezier(.5, 0, .1, 1);
border-color: transparent;
border-style: solid;
border-width: 2px;
border-radius: 10px;
background-clip: content-box;
background-color: rgba(255, 255, 255, .07);
transition-delay: 0s
}

.jss331 .skeleton {
top: 0 !important
}

.jss332 {
cursor: pointer;
z-index: 10;
overflow: visible;
transform: scale(1.4);
box-shadow: 0 0 5px 0 #35fdff;
transition: transform .2s cubic-bezier(.5, 0, .1, 1);
border-color: #35fdff;
transition-delay: .3s
}

@media only screen and (max-width:1510px) {
.jss332 {
    transform: scale(1.15)
}
}

.jss333 {
color: #fff;
width: 0;
bottom: 5px;
height: 0;
z-index: 4;
overflow: hidden;
position: absolute;
font-size: 11.2px;
font-weight: 700;
margin-left: 8px;
margin-bottom: 8px
}

.jss334 {
width: unset;
height: unset
}

.jss335 {
opacity: .1
}

.jss336 {
width: calc(100% - 16px);
height: auto;
white-space: nowrap;
text-overflow: ellipsis
}

.jss337 {
color: transparent;
width: 100%;
bottom: 0;
height: 100%;
z-index: 1;
position: absolute;
transition: opacity .3s cubic-bezier(.5, 0, .1, 1);
border-radius: 8px;
transition-delay: 0ms
}

.jss338 {
width: 100%;
bottom: 0;
height: 100%;
z-index: 2;
overflow: hidden;
position: absolute;
transition: opacity .3s cubic-bezier(.5, 0, .1, 1);
border-radius: 8px;
transition-delay: 300ms
}

.jss338 .jss326 {
top: 0;
background: linear-gradient(to top, #000000e0 0, transparent 100%)
}

.jss338 video {
width: 100%;
height: 100%;
object-fit: cover
}

.jss339 {
width: 100%;
bottom: 0;
height: 100%;
z-index: 3;
position: absolute;
background: linear-gradient(to top, #000000e0 0, transparent 50%);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px
}

.jss340 {
width: calc(100% - 4px);
border: 2px solid #35fdff;
height: calc(100% - 4px);
z-index: 2;
position: absolute;
border-radius: 8px
}

.jss341 {
border-width: 0
}

.jss342 {
right: 1px;
width: 62px;
bottom: 9px;
height: 19px;
position: absolute;
transform: rotate(-12deg);
background: #35fdff;
box-shadow: 3px 3px 8px 3px #00000069;
border-radius: 4px
}

.jss342 svg {
color: #007796;
right: 3px;
width: 16px;
bottom: -3px;
position: absolute
}

.jss343 {
width: 80px
}

.jss344 {
top: 9px;
right: 0;
bottom: unset;
transform: rotate(12deg)
}

.jss345 {
top: 3px;
left: 3px;
color: #007796;
position: absolute;
font-size: .7em;
font-weight: 700
}

.jss232 {
padding: 0;
background-color: transparent
}

.jss233 {
display: flex
}

.jss234 {
height: 0
}

.jss236 {
background-color: #3c1e6e
}

.jss237 {
color: #decaff;
width: 100%;
height: 100%;
margin: auto;
position: relative;
line-height: 1.5;
border-width: 0;
padding-left: 24px;
background-color: #3c1e6e
}

.jss237 a {
color: #35fdff;
font-weight: 700;
text-decoration: none
}

@media (max-width:1081.95px) {
.jss237 {
    padding-left: 0
}
}

.jss237 a:hover {
color: #25b1b2
}

.jss238 {
max-height: unset;
overflow-x: hidden;
overflow-y: auto;
transition: max-height .3s ease-out;
line-height: 22px;
padding-right: 16px;
padding-bottom: 8px
}

@media (max-width:1081.95px) {
.jss238 {
    padding-right: 0
}
}

.jss238::-webkit-scrollbar {
width: 2px;
background: #2a1253
}

.jss238::-webkit-scrollbar-thumb {
background: #6937b9;
border-radius: 10px
}

.jss239 {
margin: 16px;
content-visibility: auto;
contain-intrinsic-size: 400px
}

.jss239 .jss235 {
width: inherit
}

.jss240 {
padding: 24px
}

.jss242 {
cursor: pointer;
height: 43px;
margin: 8px 0 0 -24px;
display: flex;
align-items: center;
justify-content: flex-end;
border-bottom-color: #6937b9;
border-bottom-style: solid;
border-bottom-width: 9px
}

.jss242:hover {
border-bottom-color: #542c94
}

.jss242:hover .jss245 {
background-color: #542c94
}

.jss243 {
margin-top: 40px
}

@media (max-width:1081.95px) {
.jss244 {
    margin-left: 0
}
}

.jss245 {
color: #fff;
display: flex;
background-color: #6937b9;
border-top-left-radius: 4px;
border-top-right-radius: 4px
}

.jss246 {
padding: 8px;
font-size: 11.2px;
padding-left: 16px
}

.jss247 {
fill: #fff;
width: 30px;
height: 34px;
padding-right: 8px
}

.jss248 {
color: #fff;
width: 178px;
height: 56px;
margin: 0;
padding: 16px 24px;
font-size: 14px;
font-family: Fredoka One, verdana, sans-serif;
font-weight: 400;
margin-right: 8px;
text-transform: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px
}

@media (max-width:1081.95px) {
.jss248 {
    width: unset;
    padding: 8px 12px;
    font-size: 11.2px
}
}

.jss249 {
max-height: 209px
}

@media (max-width:1081.95px) {
.jss249 {
    max-height: 172px
}
}

.jss288 {
margin: 0 8px;
font-size: .7em
}

.jss289>div {
display: inline-block
}

.jss289>div>a,
.jss289>div>div {
display: inline-block
}

.jss289>div>a {
color: #decaff;
font-size: .7em;
font-weight: 400;
text-transform: uppercase;
text-decoration: none
}

.jss289>div>a:hover {
color: #35fdff;
cursor: pointer
}

.jss290 {
color: #fff;
font-size: .7em;
font-weight: 700;
background-color: #282254
}

.jss290:hover {
background-color: #1b1831
}

.jss291 {
width: 15px
}

.jss321 {
margin-top: 16px !important
}

.jss322 {
padding: 2px;
position: relative
}

@media only screen and (min-width:1740px) {
.jss322 {
    padding: 4px
}
}

.jss323 {
margin: 2px;
padding: 0
}

@media only screen and (min-width:1740px) {
.jss323 {
    margin: 4px
}
}

.jss324 {
margin: 4px
}

@media only screen and (min-width:1740px) {
.jss324 {
    margin: 6px
}
}

.jss325 {
width: calc(100% + 8px);
padding: 0;
margin-top: -4px;
margin-left: -4px;
content-visibility: visible
}

@media only screen and (max-width:959px) {
.jss325 {
    padding-left: inherit;
    justify-content: center
}
}

@media (max-width:1081.95px) {
.jss325 {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0
}
}

@media only screen and (min-width:1740px) {
.jss325 {
    width: calc(100% + 12px);
    margin-top: -6px;
    margin-left: -6px
}
}

.jss292 {
color: #35fdff
}

.jss293 {
color: #decaff
}

.jss294 {
color: #decaff;
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 400
}

@media (max-width:599.95px) {
.jss294 {
    font-size: 11.2px
}
}

.jss294:hover .jss293 {
color: #fff
}

.jss295 {
margin-right: 16px
}

.jss303 {
font-size: 11.2px;
text-align: center;
margin-left: 4px;
text-transform: uppercase
}

.jss304 {
margin-top: -4px;
text-align: left
}

.jss305 {
background: 0 0
}

.jss305 iframe {
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.jss254 {
color: #decaff;
padding: 8px 0 24px 24px;
line-height: 1.5
}

.jss254 h3 {
color: #fff;
font-size: 1rem
}

.jss254 a {
color: #35fdff;
font-weight: 700;
text-decoration: none
}

@media (min-width:1082px) {
.jss254 {
    padding: 8px 24px 24px 24px
}
}

@media (max-width:1081.95px) {
.jss254 {
    padding: 32px
}
}

.jss254 a:hover {
color: #25b1b2
}

.jss255 {
font-size: 1.2rem
}

.jss256 {
align-self: center;
margin-right: 8px
}

.jss257 {
padding: 16px
}

.jss257>div {
width: 100%
}

.jss258 {
padding-top: 0
}

.jss259 {
margin-top: 16px
}

.jss260 {
padding: 8px;
margin-bottom: 16px
}

.jss260 h3 {
color: #fff;
font-size: 1rem
}

.jss260 h5 {
font-weight: 700
}

.jss260 a {
color: #35fdff;
font-weight: 700;
text-decoration: none
}

.jss260 a:hover {
color: #25b1b2
}

.jss261 {
padding: 16px;
margin-top: 8px;
padding-top: 8px;
background-color: rgba(0, 0, 0, .5)
}

.jss261>div {
width: 100%
}

.jss262 {
max-height: inherit
}

.jss263 {
max-height: 72px;
overflow-y: scroll
}

.jss264 {
border-radius: 0
}

.jss265 {
width: 100%
}

.jss266 {
font-size: .9em;
margin-top: 20px
}

.jss267 {
padding: 0;
margin-top: 24px;
line-height: 24px;
margin-bottom: 8px
}

@media (max-width:1081.95px) {
.jss267 {
    text-align: center
}
}

@media (max-width:599.95px) {
.jss268 {
    display: none
}
}

.jss269 {
margin-right: 8px
}

@media (min-width:1082px) {
.jss270 {
    flex: 1;
    padding-right: 20px
}
}

.jss271 {
margin-right: -25px
}

@media (min-width:1082px) {
.jss271 {
    margin-top: 16px
}
}

.jss272 {
width: calc(100% - 300px)
}

@media (max-width:599.95px) {
.jss272 {
    width: 100%
}
}

.jss273 {
width: 300px;
height: 600px;
position: relative;
margin-top: 8px
}

@media (max-width:599.95px) {
.jss273 {
    display: none
}
}

.jss274 {
padding-right: 8px
}

@media (max-width:1081.95px) {
.jss274 {
    padding-right: 0
}
}

.jss275 {
padding-top: 8px;
padding-bottom: 8px
}

@media (max-width:1081.95px) {
.jss275 {
    padding-top: 16px
}
}

.jss276 {
text-align: right;
margin-right: 8px
}

@media (max-width:1081.95px) {
.jss276 {
    line-height: 1.3
}
}

.jss277 {
color: #decaff;
font-size: 11.2px;
font-weight: 700
}

.jss278 {
color: #decaff;
font-size: .7em;
line-height: 1;
text-transform: uppercase
}

.jss279 {
width: auto
}

@media (max-width:1279.95px) {
.jss280 {
    margin-left: 16px;
    margin-right: 16px
}
}

@media (min-width:600px) and (max-width:599.95px) {
.jss281 {
    margin-left: 16px;
    margin-right: 16px
}
}

.jss282>div {
width: calc(100% + 32px);
margin-left: 0
}

.jss283 {
width: calc(100% - 139px)
}

@media (max-width:1081.95px) {
.jss283 {
    width: 100%
}
}

.jss284 {
bottom: 48px;
overflow: hidden;
position: absolute;
max-height: 36px
}

.jss285 {
width: auto
}

@media (max-width:1081.95px) {
.jss285 {
    width: 100%;
    padding: 8px;
    background: #2a1253;
    justify-content: space-between
}
}

.jss286 {
width: auto;
align-self: center;
margin-right: 8px
}

.jss287 {
color: #3c1e6e;
padding: 6px 8px;
align-self: center;
background: #fff;
font-family: Fredoka One, verdana, sans-serif;
margin-right: 8px;
border-radius: 32px
}

.jss198 {
color: #decaff;
padding: 8px 0 24px 24px;
line-height: 1.5
}

.jss198 h3 {
color: #fff;
font-size: 1rem
}

.jss198 a {
color: #35fdff;
font-weight: 700;
text-decoration: none
}

@media (min-width:1082px) {
.jss198 {
    padding: 8px 24px 24px 24px
}
}

@media (max-width:1081.95px) {
.jss198 {
    padding: 32px
}
}

.jss198 a:hover {
color: #25b1b2
}

.jss199 {
font-size: 1.2rem
}

.jss200 {
align-self: center;
margin-right: 8px
}

.jss201 {
padding: 16px
}

.jss201>div {
width: 100%
}

.jss202 {
padding-top: 0
}

.jss203 {
margin-top: 16px
}

.jss204 {
padding: 8px;
margin-bottom: 16px
}

.jss204 h3 {
color: #fff;
font-size: 1rem
}

.jss204 h5 {
font-weight: 700
}

.jss204 a {
color: #35fdff;
font-weight: 700;
text-decoration: none
}

.jss204 a:hover {
color: #25b1b2
}

.jss205 {
padding: 16px;
margin-top: 8px;
padding-top: 8px;
background-color: rgba(0, 0, 0, .5)
}

.jss205>div {
width: 100%
}

.jss206 {
max-height: inherit
}

.jss207 {
max-height: 72px;
overflow-y: scroll
}

.jss208 {
border-radius: 0
}

.jss209 {
width: 100%
}

.jss210 {
font-size: .9em;
margin-top: 20px
}

.jss211 {
padding: 0;
margin-top: 24px;
line-height: 24px;
margin-bottom: 8px
}

@media (max-width:1081.95px) {
.jss211 {
    text-align: center
}
}

@media (max-width:599.95px) {
.jss212 {
    display: none
}
}

.jss213 {
margin-right: 8px
}

@media (min-width:1082px) {
.jss214 {
    flex: 1;
    padding-right: 20px
}
}

.jss215 {
margin-right: -25px
}

@media (min-width:1082px) {
.jss215 {
    margin-top: 16px
}
}

.jss216 {
width: calc(100% - 300px)
}

@media (max-width:599.95px) {
.jss216 {
    width: 100%
}
}

.jss217 {
width: 300px;
height: 600px;
position: relative;
margin-top: 8px
}

@media (max-width:599.95px) {
.jss217 {
    display: none
}
}

.jss218 {
padding-right: 8px
}

@media (max-width:1081.95px) {
.jss218 {
    padding-right: 0
}
}

.jss219 {
padding-top: 8px;
padding-bottom: 8px
}

@media (max-width:1081.95px) {
.jss219 {
    padding-top: 16px
}
}

.jss220 {
text-align: right;
margin-right: 8px
}

@media (max-width:1081.95px) {
.jss220 {
    line-height: 1.3
}
}

.jss221 {
color: #decaff;
font-size: 11.2px;
font-weight: 700
}

.jss222 {
color: #decaff;
font-size: .7em;
line-height: 1;
text-transform: uppercase
}

.jss223 {
width: auto
}

@media (max-width:1279.95px) {
.jss224 {
    margin-left: 16px;
    margin-right: 16px
}
}

@media (min-width:600px) and (max-width:599.95px) {
.jss225 {
    margin-left: 16px;
    margin-right: 16px
}
}

.jss226>div {
width: calc(100% + 32px);
margin-left: 0
}

.jss227 {
width: calc(100% - 139px)
}

@media (max-width:1081.95px) {
.jss227 {
    width: 100%
}
}

.jss228 {
bottom: 48px;
overflow: hidden;
position: absolute;
max-height: 36px
}

.jss229 {
width: auto
}

@media (max-width:1081.95px) {
.jss229 {
    width: 100%;
    padding: 8px;
    background: #2a1253;
    justify-content: space-between
}
}

.jss230 {
width: auto;
align-self: center;
margin-right: 8px
}

.jss231 {
color: #3c1e6e;
padding: 6px 8px;
align-self: center;
background: #fff;
font-family: Fredoka One, verdana, sans-serif;
margin-right: 8px;
border-radius: 32px
}

.jss316 {
right: 25%;
bottom: 24px;
opacity: 1;
z-index: 19;
position: fixed;
transition: opacity .2s ease
}

.jss316 button {
font-size: 1rem;
box-shadow: 0 0 12px 2px #1e1134a6
}

@media only screen and (max-width:1139px) {
.jss316 {
    right: 5%
}

.jss316 button {
    font-size: 14px
}
}

.jss317 {
opacity: 0
}

.jss318 {
box-shadow: 0 0 12px 2px #1e1134a6;
animation-name: jss319;
transform-origin: bottom;
animation-duration: 1.5s;
animation-iteration-count: 4;
animation-timing-function: ease
}

.jss318:hover {
animation-name: none
}

@keyframes jss319 {
0% {
    transform: scale(1, 1) translateY(0)
}

10% {
    transform: scale(1.03, .97) translateY(0)
}

30% {
    transform: scale(.97, 1.03) translateY(-30px)
}

50% {
    transform: scale(1, 1) translateY(0)
}

57% {
    transform: scale(1, 1) translateY(-3px)
}

64% {
    transform: scale(1, 1) translateY(0)
}

to {
    transform: scale(1, 1) translateY(0)
}
}

.jss314 {
position: relative;
border-radius: 8px
}

.jss315:before {
top: 0;
left: 0;
width: 100%;
filter: blur(9px) opacity(.6);
height: 100%;
content: "";
position: absolute;
background-size: 150px, 300px;
background-image: url(https://web.archive.org/web/20210623023748im_/https://images.crazygames.com/crazygames/cross.png?auto=format,compress&q=50&cs=strip&ch=DPR&w=70), url(https://web.archive.org/web/20210623023748im_/https://images.crazygames.com/crazygames/triangle.png?auto=format,compress&q=50&cs=strip&ch=DPR&w=90), url(https://web.archive.org/web/20210623023748im_/https://images.crazygames.com/crazygames/x.png?auto=format,compress&q=50&cs=strip&ch=DPR&w=40), url(https://web.archive.org/web/20210623023748im_/https://images.crazygames.com/crazygames/zigzag.png?auto=format,compress&q=50&cs=strip&ch=DPR&w=40);
background-repeat: no-repeat;
background-position: top 0 left 124px, top 150px left 8px, top 448px left 113px, top -82px left 466px
}

@media only screen and (max-width:1139px) {
.jss84 {
    width: 100%
}
}

.jss85 {
gap: 8px 8px;
display: grid;
grid-gap: 8px 8px;
margin-top: 16px
}

@media only screen and (max-width:1139px) {
.jss85 {
    gap: unset;
    display: block;
    grid-gap: unset;
    margin-top: 0
}
}

@media only screen and (min-width:1140px) and (max-width:1339px) {
.jss85 {
    -ms-grid-columns: (178px)[6];
    grid-template-rows: repeat(9, 100px);
    grid-template-areas: "game game game game game related1x3""game game game game game related1x3""game game game game game related1x3""game game game game game banner1x6b""game game game game game banner1x6b""related1x1 banner4x1 banner4x1 banner4x1 banner4x1 banner1x6b""related5x3 related5x3 related5x3 related5x3 related5x3 banner1x6b""related5x3 related5x3 related5x3 related5x3 related5x3 banner1x6b""related5x3 related5x3 related5x3 related5x3 related5x3 banner1x6b""info info info info info related1x6""info info info info info related1x6""info info info info info related1x6""related5x3b related5x3b related5x3b related5x3b related5x3b related1x6""related5x3b related5x3b related5x3b related5x3b related5x3b related1x6""related5x3b related5x3b related5x3b related5x3b related5x3b related1x6";
    grid-template-columns: repeat(6, 178px)
}

.jss85 .jss91 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column-span: 5
}

.jss85 .jss93 {
    -ms-grid-row: 10;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss85 .jss100 {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1
}

.jss85 .jss109 {
    -ms-grid-row: 10;
    -ms-grid-column: 6;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 1
}

.jss85 .jss123 {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss85 .jss129 {
    -ms-grid-row: 6;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 4
}

.jss85 .jss103 {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 1
}

.jss85 .jss126 {
    -ms-grid-row: 4;
    -ms-grid-column: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 6
}

.jss85 .jss118 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}
}

@media only screen and (min-width:1340px) and (max-width:1529px) {
.jss85 {
    -ms-grid-columns: (178px)[7];
    grid-template-rows: repeat(9, 100px);
    grid-template-areas: "game game game game game related2x2 related2x2""game game game game game related2x2 related2x2""game game game game game banner2x6 banner2x6""game game game game game banner2x6 banner2x6""game game game game game banner2x6 banner2x6""related5x3 related5x3 related5x3 related5x3 related5x3 banner2x6 banner2x6""related5x3 related5x3 related5x3 related5x3 related5x3 banner2x6 banner2x6""related5x3 related5x3 related5x3 related5x3 related5x3 banner2x6 banner2x6""info info info info info related2x6 related2x6""info info info info info related2x6 related2x6""info info info info info related2x6 related2x6""related5x3b related5x3b related5x3b related5x3b related5x3b related2x6 related2x6""related5x3b related5x3b related5x3b related5x3b related5x3b related2x6 related2x6""related5x3b related5x3b related5x3b related5x3b related5x3b related2x6 related2x6";
    grid-template-columns: repeat(7, 178px)
}

.jss85.holidays {
    grid-template-areas: "game game game game game related2x2 related2x2""game game game game game related2x2 related2x2""game game game game game banner2x6 banner2x6""game game game game game banner2x6 banner2x6""game game game game game banner2x6 banner2x6""banner5x1 banner5x1 banner5x1 banner5x1 banner5x1 banner2x6 banner2x6""related5x2 related5x2 related5x2 related5x2 related5x2 banner2x6 banner2x6""related5x2 related5x2 related5x2 related5x2 related5x2 banner2x6 banner2x6""info info info info info related2x6 related2x6""info info info info info related2x6 related2x6""info info info info info related2x6 related2x6""related5x3b related5x3b related5x3b related5x3b related5x3b related2x6 related2x6""related5x3b related5x3b related5x3b related5x3b related5x3b related2x6 related2x6""related5x3b related5x3b related5x3b related5x3b related5x3b related2x6 related2x6"
}

.jss85 .jss91 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column-span: 5
}

.jss85 .jss106 {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 2
}

.jss85 .jss128 {
    -ms-grid-row: 3;
    -ms-grid-column: 6;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 2
}

.jss85 .jss118 {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss85 .jss93 {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss85 .jss108 {
    -ms-grid-row: 9;
    -ms-grid-column: 6;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 2
}

.jss85 .jss123 {
    -ms-grid-row: 12;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss85.holidays .jss130 {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 5
}

.jss85.holidays .jss117 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 5
}
}

@media only screen and (min-width:1530px) and (max-width:1739px) {
.jss85 {
    -ms-grid-columns: (178px)[8];
    grid-template-rows: repeat(9, 100px);
    grid-template-areas: "related1x2 game game game game game related2x2 related2x2""related1x2 game game game game game related2x2 related2x2""banner1x6 game game game game game banner2x6 banner2x6""banner1x6 game game game game game banner2x6 banner2x6""banner1x6 game game game game game banner2x6 banner2x6""banner1x6 related5x3 related5x3 related5x3 related5x3 related5x3 banner2x6 banner2x6""banner1x6 related5x3 related5x3 related5x3 related5x3 related5x3 banner2x6 banner2x6""banner1x6 related5x3 related5x3 related5x3 related5x3 related5x3 banner2x6 banner2x6""related1x3 info info info info info related2x6 related2x6""related1x3 info info info info info related2x6 related2x6""related1x3 info info info info info related2x6 related2x6""related8x1 related8x1 related8x1 related8x1 related8x1 related8x1 related8x1 related8x1";
    grid-template-columns: repeat(8, 178px)
}

.jss85.holidays {
    grid-template-areas: "related1x2 game game game game game related2x2 related2x2""related1x2 game game game game game related2x2 related2x2""banner1x6 game game game game game banner2x6 banner2x6""banner1x6 game game game game game banner2x6 banner2x6""banner1x6 game game game game game banner2x6 banner2x6""banner1x6 banner5x1 banner5x1 banner5x1 banner5x1 banner5x1 banner2x6 banner2x6""banner1x6 related5x2 related5x2 related5x2 related5x2 related5x2 banner2x6 banner2x6""banner1x6 related5x2 related5x2 related5x2 related5x2 related5x2 banner2x6 banner2x6""related1x3 info info info info info related2x6 related2x6""related1x3 info info info info info related2x6 related2x6""related1x3 info info info info info related2x6 related2x6""related8x1 related8x1 related8x1 related8x1 related8x1 related8x1 related8x1 related8x1"
}

.jss85 .jss91 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 5;
    -ms-grid-column-span: 5
}

.jss85 .jss93 {
    -ms-grid-row: 9;
    -ms-grid-column: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss85 .jss108 {
    -ms-grid-row: 9;
    -ms-grid-column: 7;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 2
}

.jss85 .jss113 {
    -ms-grid-row: 12;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 8
}

.jss85 .jss102 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 1
}

.jss85 .jss106 {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 2
}

.jss85 .jss125 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 1
}

.jss85 .jss128 {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 2
}

.jss85 .jss118 {
    -ms-grid-row: 6;
    -ms-grid-column: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss85 .jss103 {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 1
}

.jss85.holidays .jss130 {
    -ms-grid-row: 6;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 5
}

.jss85.holidays .jss117 {
    -ms-grid-row: 7;
    -ms-grid-column: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 5
}
}

@media only screen and (min-width:1740px) and (max-width:1919px) {
.jss85 {
    gap: 12px 12px;
    grid-gap: 12px 12px;
    -ms-grid-columns: (178px)[9];
    grid-template-rows: repeat(9, 100px);
    grid-template-areas: "related1x6 game game game game game related1x6b banner2x3 banner2x3""related1x6 game game game game game related1x6b banner2x3 banner2x3""related1x6 game game game game game related1x6b banner2x3 banner2x3""related1x6 game game game game game related1x6b banner2x6 banner2x6""related1x6 game game game game game related1x6b banner2x6 banner2x6""related1x6 related5x1 related5x1 related5x1 related5x1 related5x1 related1x6b banner2x6 banner2x6""related1x4 banner4x1 banner4x1 banner4x1 banner4x1 related1x1 related1x3 banner2x6 banner2x6""related1x4 info info info info info related1x3 banner2x6 banner2x6""related1x4 info info info info info related1x3 banner2x6 banner2x6""related1x4 info info info info info related3x1 related3x1 related3x1""related9x2 related9x2 related9x2 related9x2 related9x2 related9x2 related9x2 related9x2 related9x2""related9x2 related9x2 related9x2 related9x2 related9x2 related9x2 related9x2 related9x2 related9x2";
    grid-template-columns: repeat(9, 178px)
}

.jss85 .jss109 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 1
}

.jss85 .jss91 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 5;
    -ms-grid-column-span: 5
}

.jss85 .jss93 {
    -ms-grid-row: 8;
    -ms-grid-column: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 5
}

.jss85 .jss121 {
    -ms-grid-row: 1;
    -ms-grid-column: 11;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 9
}

.jss85 .jss112 {
    -ms-grid-row: 10;
    -ms-grid-column: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 3
}

.jss85 .jss103 {
    -ms-grid-row: 7;
    -ms-grid-column: 7;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 1
}

.jss85 .jss105 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column-span: 1
}

.jss85 .jss119 {
    -ms-grid-row: 6;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 5
}

.jss85 .jss116 {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 1
}

.jss85 .jss128 {
    -ms-grid-row: 4;
    -ms-grid-column: 8;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 2
}

.jss85 .jss131 {
    -ms-grid-row: 1;
    -ms-grid-column: 8;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 2
}
}

@media only screen and (min-width:1920px) {
.jss85 {
    gap: 12px 12px;
    grid-gap: 12px 12px;
    -ms-grid-columns: (178px)[10];
    grid-template-rows: repeat(9, 100px);
    grid-template-areas: "related1x6 game game game game game game related1x6b banner2x3 banner2x3""related1x6 game game game game game game related1x6b banner2x3 banner2x3""related1x6 game game game game game game related1x6b banner2x3 banner2x3""related1x6 game game game game game game related1x6b banner2x6 banner2x6""related1x6 game game game game game game related1x6b banner2x6 banner2x6""related1x6 game game game game game game related1x6b banner2x6 banner2x6""related8x1 related8x1 related8x1 related8x1 related8x1 related8x1 related8x1 related8x1 banner2x6 banner2x6""related2x1 related2x1 banner4x1 banner4x1 banner4x1 banner4x1 related2x1b related2x1b banner2x6 banner2x6""related8x1b related8x1b related8x1b related8x1b related8x1b related8x1b related8x1b related8x1b banner2x6 banner2x6""related1x3 info info info info info info related3x3 related3x3 related3x3""related1x3 info info info info info info related3x3 related3x3 related3x3""related1x3 info info info info info info related3x3 related3x3 related3x3""related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2""related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2 related10x2";
    grid-template-columns: repeat(10, 178px)
}

.jss85 .jss109 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 1
}

.jss85 .jss122 {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 10
}

.jss85 .jss115 {
    -ms-grid-row: 10;
    -ms-grid-column: 8;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 3
}

.jss85 .jss103 {
    -ms-grid-row: 10;
    -ms-grid-column: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 1
}

.jss85 .jss93 {
    -ms-grid-row: 10;
    -ms-grid-column: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 6
}

.jss85 .jss91 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 6
}

.jss85 .jss129 {
    -ms-grid-row: 8;
    -ms-grid-column: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 4
}

.jss85 .jss111 {
    -ms-grid-row: 8;
    -ms-grid-column: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2
}

.jss85 .jss110 {
    -ms-grid-row: 8;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2
}

.jss85 .jss114 {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 8
}

.jss85 .jss113 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 8
}

.jss85 .jss128 {
    -ms-grid-row: 4;
    -ms-grid-column: 9;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 2
}

.jss85 .jss131 {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    -ms-grid-row-span: 3;
    -ms-grid-column-span: 2
}

.jss85 .jss116 {
    -ms-grid-row: 1;
    -ms-grid-column: 8;
    -ms-grid-row-span: 6;
    -ms-grid-column-span: 1
}
}

.jss86 {
gap: unset;
display: block;
grid-gap: unset;
margin-top: 0
}

.jss87 {
display: none
}

@media only screen and (max-width:1139px) {
.jss87 {
    display: block
}
}

.jss88 {
display: none
}

@media only screen and (min-width:1140px) {
.jss88 {
    display: block
}
}

.jss89 {
width: 178px;
height: 100px;
margin-bottom: 8px
}

.jss90 {
width: 1294px !important;
height: 750px !important;
z-index: 2;
margin-left: -93px
}

@media only screen and (max-width:1919px) {
.jss90 {
    width: 1110px !important;
    height: 642px !important
}
}

@media only screen and (max-width:1529px) {
.jss90 {
    margin-left: 0
}
}

@media only screen and (min-width:1140px) and (max-width:1339px) {
.jss90 {
    width: 922px !important;
    height: 532px !important
}
}

@media only screen and (max-width:1139px) {
.jss90 {
    width: 100%;
    height: auto
}
}

.jss91 {
width: 1108px;
height: 640px;
grid-area: game;
transition: all .3s ease
}

@media only screen and (max-width:1919px) {
.jss91 {
    width: 922px;
    height: 532px
}
}

@media only screen and (max-width:1139px) {
.jss91 {
    width: 100%;
    height: auto
}
}

@media only screen and (min-width:1740px) and (max-width:1919px) {
.jss91 {
    width: 938px;
    height: 548px
}
}

@media only screen and (min-width:1920px) {
.jss91 {
    width: 1128px;
    height: 660px
}
}

.jss92 {
width: 100vw;
height: 56vw;
position: relative
}

.jss93 {
grid-area: info
}

@media only screen and (max-width:1139px) {
.jss93 {
    margin-top: 16px
}
}

.jss94 {
display: none
}

@media only screen and (min-width:1140px) and (max-width:1339px) {
.jss94 {
    display: block
}
}

.jss95 {
display: none
}

@media only screen and (min-width:1340px) and (max-width:1529px) {
.jss95 {
    display: block
}
}

.jss96 {
display: none
}

@media only screen and (min-width:1530px) and (max-width:1739px) {
.jss96 {
    display: block
}
}

.jss97 {
display: none
}

@media only screen and (min-width:1740px) and (max-width:1919px) {
.jss97 {
    display: block
}
}

.jss98 {
display: none
}

@media only screen and (min-width:1920px) {
.jss98 {
    display: block
}
}

.jss99 {
margin-top: 12px
}

.jss100 {
grid-area: related1x1;
margin-top: -2px;
margin-left: -2px
}

.jss101 {
grid-area: related1x1b;
margin-top: -2px;
margin-left: -2px
}

.jss102 {
grid-area: related1x2
}

.jss103 {
grid-area: related1x3
}

.jss104 {
grid-area: related1x3b
}

.jss105 {
grid-area: related1x4
}

.jss106 {
grid-area: related2x2
}

.jss107 {
grid-area: related2x3
}

.jss108 {
grid-area: related2x6
}

.jss109 {
grid-area: related1x6
}

.jss110 {
grid-area: related2x1
}

.jss111 {
grid-area: related2x1b
}

.jss112 {
grid-area: related3x1
}

.jss113 {
grid-area: related8x1
}

.jss114 {
grid-area: related8x1b
}

.jss115 {
grid-area: related3x3
}

.jss116 {
grid-area: related1x6b
}

.jss117 {
grid-area: related5x2
}

.jss118 {
grid-area: related5x3
}

.jss119 {
grid-area: related5x1
}

.jss120 {
grid-area: related7x2
}

.jss121 {
grid-area: related9x2
}

.jss122 {
grid-area: related10x2
}

.jss123 {
grid-area: related5x3b
}

.jss124 {
height: 58px;
margin-top: 8px
}

.jss125 {
display: none;
grid-area: banner1x6
}

@media only screen and (min-width:1530px) and (max-width:1739px) {
.jss125 {
    display: block
}
}

.jss126 {
display: none;
grid-area: banner1x6b
}

@media only screen and (min-width:1140px) and (max-width:1339px) {
.jss126 {
    display: block
}
}

.jss127 {
display: block
}

.jss128 {
display: block;
grid-area: banner2x6
}

@media only screen and (min-width:1140px) and (max-width:1339px) {
.jss128 {
    display: none
}
}

@media only screen and (max-width:1139px) {
.jss128 {
    display: none
}
}

@media only screen and (max-height:640px) {
.jss128>div {
    top: 48% !important
}
}

.jss129 {
display: none;
grid-area: banner4x1
}

@media only screen and (min-width:1140px) and (max-width:1339px) {
.jss129 {
    display: block
}
}

@media only screen and (min-width:1740px) and (max-width:1919px) {
.jss129 {
    display: block
}
}

@media only screen and (min-width:1920px) {
.jss129 {
    display: block
}
}

@media only screen and (max-width:1139px) {
.jss129 {
    height: 100px;
    display: block;
    margin-top: 16px
}
}

@media only screen and (max-width:744px) {
.jss129 {
    display: none
}
}

.jss130 {
display: none;
grid-area: banner5x1
}

@media only screen and (min-width:1340px) and (max-width:1529px) {
.jss130 {
    display: block
}
}

@media only screen and (min-width:1530px) and (max-width:1739px) {
.jss130 {
    display: block
}
}

.jss131 {
display: none;
grid-area: banner2x3
}

@media only screen and (min-width:1740px) and (max-width:1919px) {
.jss131 {
    display: block
}
}

@media only screen and (min-width:1920px) {
.jss131 {
    display: block
}
}

@media (min-width:1082px) {
.jss50:hover.jss50:not(.jss63) {
    position: relative;
    border-bottom-color: #9258e3
}

.jss50:hover.jss50:not(.jss63):after {
    top: 50px;
    left: -2px;
    width: 104%;
    bottom: 3px;
    content: "";
    opacity: .7;
    position: absolute;
    box-shadow: 0 8.5px 7px #9258e3
}
}

.jss50 svg {
color: #9258e3
}

@media (min-width:1082px) {
.jss51:hover.jss51:not(.jss63) {
    position: relative;
    border-bottom-color: #d58939
}

.jss51:hover.jss51:not(.jss63):after {
    top: 50px;
    left: -2px;
    width: 104%;
    bottom: 3px;
    content: "";
    opacity: .7;
    position: absolute;
    box-shadow: 0 8.5px 7px #d58939
}
}

.jss51 svg {
color: #d58939
}

@media (min-width:1082px) {
.jss52:hover.jss52:not(.jss63) {
    position: relative;
    border-bottom-color: #09ffea
}

.jss52:hover.jss52:not(.jss63):after {
    top: 50px;
    left: -2px;
    width: 104%;
    bottom: 3px;
    content: "";
    opacity: .7;
    position: absolute;
    box-shadow: 0 8.5px 7px #09ffea
}
}

.jss52 svg {
color: #09ffea
}

@media (min-width:1082px) {
.jss53:hover.jss53:not(.jss63) {
    position: relative;
    border-bottom-color: #ffef4b
}

.jss53:hover.jss53:not(.jss63):after {
    top: 50px;
    left: -2px;
    width: 104%;
    bottom: 3px;
    content: "";
    opacity: .7;
    position: absolute;
    box-shadow: 0 8.5px 7px #ffef4b
}
}

.jss53 svg {
color: #ffef4b
}

@media (min-width:1082px) {
.jss54:hover.jss54:not(.jss63) {
    position: relative;
    border-bottom-color: #4bd3ff
}

.jss54:hover.jss54:not(.jss63):after {
    top: 50px;
    left: -2px;
    width: 104%;
    bottom: 3px;
    content: "";
    opacity: .7;
    position: absolute;
    box-shadow: 0 8.5px 7px #4bd3ff
}
}

.jss54 svg {
color: #4bd3ff
}

@media (min-width:1082px) {
.jss55:hover.jss55:not(.jss63) {
    position: relative;
    border-bottom-color: #ff4bde
}

.jss55:hover.jss55:not(.jss63):after {
    top: 50px;
    left: -2px;
    width: 104%;
    bottom: 3px;
    content: "";
    opacity: .7;
    position: absolute;
    box-shadow: 0 8.5px 7px #ff4bde
}
}

.jss55 svg {
color: #ff4bde
}

@media (min-width:1082px) {
.jss56:hover.jss56:not(.jss63) {
    position: relative;
    border-bottom-color: #a399f4
}

.jss56:hover.jss56:not(.jss63):after {
    top: 50px;
    left: -2px;
    width: 104%;
    bottom: 3px;
    content: "";
    opacity: .7;
    position: absolute;
    box-shadow: 0 8.5px 7px #a399f4
}
}

.jss56 svg {
color: #a399f4
}

@media (min-width:1082px) {
.jss57:hover.jss57:not(.jss63) {
    position: relative;
    border-bottom-color: #f27b3e
}

.jss57:hover.jss57:not(.jss63):after {
    top: 50px;
    left: -2px;
    width: 104%;
    bottom: 3px;
    content: "";
    opacity: .7;
    position: absolute;
    box-shadow: 0 8.5px 7px #f27b3e
}
}

.jss57 svg {
color: #f27b3e
}

@media (min-width:1082px) {
.jss58:hover.jss58:not(.jss63) {
    position: relative;
    border-bottom-color: #5dff4b
}

.jss58:hover.jss58:not(.jss63):after {
    top: 50px;
    left: -2px;
    width: 104%;
    bottom: 3px;
    content: "";
    opacity: .7;
    position: absolute;
    box-shadow: 0 8.5px 7px #5dff4b
}
}

.jss58 svg {
color: #5dff4b
}

@media (min-width:1082px) {
.jss59:hover.jss59:not(.jss63) {
    position: relative;
    border-bottom-color: #ffea4b
}

.jss59:hover.jss59:not(.jss63):after {
    top: 50px;
    left: -2px;
    width: 104%;
    bottom: 3px;
    content: "";
    opacity: .7;
    position: absolute;
    box-shadow: 0 8.5px 7px #ffea4b
}
}

.jss59 svg {
color: #ffea4b
}

@media (min-width:1082px) {
.jss60:hover.jss60:not(.jss63) {
    position: relative;
    border-bottom-color: #09ffea
}

.jss60:hover.jss60:not(.jss63):after {
    top: 50px;
    left: -2px;
    width: 104%;
    bottom: 3px;
    content: "";
    opacity: .7;
    position: absolute;
    box-shadow: 0 8.5px 7px #09ffea
}
}

.jss60 svg {
color: #09ffea
}

@media (min-width:1082px) {
.jss61:hover.jss61:not(.jss63) {
    position: relative;
    border-bottom-color: #ffa62a
}

.jss61:hover.jss61:not(.jss63):after {
    top: 50px;
    left: -2px;
    width: 104%;
    bottom: 3px;
    content: "";
    opacity: .7;
    position: absolute;
    box-shadow: 0 8.5px 7px #ffa62a
}
}

.jss61 svg {
color: #ffa62a
}

.jss62 {
padding: 0 4px 0 16px;
z-index: 0;
justify-content: flex-start
}

.jss62:hover {
background-color: #2a1253
}

.jss62 .jss64 {
padding-top: 1px
}

.jss63 {
color: #decaff;
opacity: .8
}

.jss63:hover {
cursor: default
}

.jss63 svg {
color: #decaff
}

.jss64 {
display: inline-block;
z-index: 2
}

.jss65 svg {
margin-top: 4px;
margin-right: 4px
}

.jss66 svg {
width: .8em;
display: none
}

@media only screen and (min-width:1440px) {
.jss66 svg {
    display: inline-block
}
}

@media only screen and (min-width:1510px) {
.jss66 svg {
    width: 1em
}
}

.jss67 svg {
width: .8em;
margin-right: 16px
}

.jss68 {
padding: 0 4px;
justify-content: center
}

.jss71 {
color: #fff;
height: 60px;
display: flex;
align-items: center;
font-family: Fredoka One, verdana, sans-serif;
text-decoration: none;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 3px
}

@media only screen and (max-width:1764px) {
.jss71 {
    font-size: 11.2px
}
}

@media only screen and (min-width:1082px) {
.jss71 {
    padding: 2px 4px 0 3px
}
}

@media only screen and (min-width:1764px) {
.jss71 {
    padding: 2px 12px 0 10px
}
}

.jss72 {
color: #fff;
height: 60px;
display: flex;
align-items: center;
font-family: Fredoka One, verdana, sans-serif;
text-decoration: none;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 3px
}

@media only screen and (max-width:1764px) {
.jss72 {
    font-size: 11.2px
}
}

@media only screen and (min-width:1082px) {
.jss72 {
    padding: 2px 4px 0 3px
}
}

@media only screen and (min-width:1764px) {
.jss72 {
    padding: 2px 12px 0 10px
}
}

.jss73 {
color: #fff;
height: 60px;
display: flex;
align-items: center;
font-family: Fredoka One, verdana, sans-serif;
text-decoration: none;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 3px
}

@media only screen and (max-width:1764px) {
.jss73 {
    font-size: 11.2px
}
}

@media only screen and (min-width:1082px) {
.jss73 {
    padding: 2px 4px 0 3px
}
}

@media only screen and (min-width:1764px) {
.jss73 {
    padding: 2px 12px 0 10px
}
}

.jss74 {
color: #fff;
height: 60px;
display: flex;
align-items: center;
font-family: Fredoka One, verdana, sans-serif;
text-decoration: none;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 3px
}

@media only screen and (max-width:1764px) {
.jss74 {
    font-size: 11.2px
}
}

@media only screen and (min-width:1082px) {
.jss74 {
    padding: 2px 4px 0 3px
}
}

@media only screen and (min-width:1764px) {
.jss74 {
    padding: 2px 12px 0 10px
}
}

.jss75 {
color: #fff;
height: 60px;
display: flex;
align-items: center;
font-family: Fredoka One, verdana, sans-serif;
text-decoration: none;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 3px
}

@media only screen and (max-width:1764px) {
.jss75 {
    font-size: 11.2px
}
}

@media only screen and (min-width:1082px) {
.jss75 {
    padding: 2px 4px 0 3px
}
}

@media only screen and (min-width:1764px) {
.jss75 {
    padding: 2px 12px 0 10px
}
}

.jss76 {
color: #fff;
height: 60px;
display: flex;
align-items: center;
font-family: Fredoka One, verdana, sans-serif;
text-decoration: none;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 3px
}

@media only screen and (max-width:1764px) {
.jss76 {
    font-size: 11.2px
}
}

@media only screen and (min-width:1082px) {
.jss76 {
    padding: 2px 4px 0 3px
}
}

@media only screen and (min-width:1764px) {
.jss76 {
    padding: 2px 12px 0 10px
}
}

.jss77 {
color: #fff;
height: 60px;
display: flex;
align-items: center;
font-family: Fredoka One, verdana, sans-serif;
text-decoration: none;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 3px
}

@media only screen and (max-width:1764px) {
.jss77 {
    font-size: 11.2px
}
}

@media only screen and (min-width:1082px) {
.jss77 {
    padding: 2px 4px 0 3px
}
}

@media only screen and (min-width:1764px) {
.jss77 {
    padding: 2px 12px 0 10px
}
}

.jss78 {
color: #fff;
height: 60px;
display: flex;
align-items: center;
font-family: Fredoka One, verdana, sans-serif;
text-decoration: none;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 3px
}

@media only screen and (max-width:1764px) {
.jss78 {
    font-size: 11.2px
}
}

@media only screen and (min-width:1082px) {
.jss78 {
    padding: 2px 4px 0 3px
}
}

@media only screen and (min-width:1764px) {
.jss78 {
    padding: 2px 12px 0 10px
}
}

.jss79 {
color: #fff;
height: 60px;
display: flex;
align-items: center;
font-family: Fredoka One, verdana, sans-serif;
text-decoration: none;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 3px
}

@media only screen and (max-width:1764px) {
.jss79 {
    font-size: 11.2px
}
}

@media only screen and (min-width:1082px) {
.jss79 {
    padding: 2px 4px 0 3px
}
}

@media only screen and (min-width:1764px) {
.jss79 {
    padding: 2px 12px 0 10px
}
}

.jss80 {
color: #fff;
height: 60px;
display: flex;
align-items: center;
font-family: Fredoka One, verdana, sans-serif;
text-decoration: none;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 3px
}

@media only screen and (max-width:1764px) {
.jss80 {
    font-size: 11.2px
}
}

@media only screen and (min-width:1082px) {
.jss80 {
    padding: 2px 4px 0 3px
}
}

@media only screen and (min-width:1764px) {
.jss80 {
    padding: 2px 12px 0 10px
}
}

.jss81 {
color: #fff;
height: 60px;
display: flex;
align-items: center;
font-family: Fredoka One, verdana, sans-serif;
text-decoration: none;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 3px
}

@media only screen and (max-width:1764px) {
.jss81 {
    font-size: 11.2px
}
}

@media only screen and (min-width:1082px) {
.jss81 {
    padding: 2px 4px 0 3px
}
}

@media only screen and (min-width:1764px) {
.jss81 {
    padding: 2px 12px 0 10px
}
}

.jss82 {
color: #fff;
height: 60px;
display: flex;
align-items: center;
font-family: Fredoka One, verdana, sans-serif;
text-decoration: none;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 3px
}

@media only screen and (max-width:1764px) {
.jss82 {
    font-size: 11.2px
}
}

@media only screen and (min-width:1082px) {
.jss82 {
    padding: 2px 4px 0 3px
}
}

@media only screen and (min-width:1764px) {
.jss82 {
    padding: 2px 12px 0 10px
}
}

.jss37 {
color: #decaff;
display: flex
}

@media (max-width:1081.95px) {
.jss37 {
    width: calc(100% + 210px)
}
}

.jss38 {
display: inline-block;
z-index: 2
}

.jss40 {
color: #fff;
height: 60px;
padding: 16px;
z-index: 1;
position: relative;
min-width: 150px;
padding-top: 20px;
text-decoration: none;
background-color: #3c1e6e;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 3px
}

@media (max-width:599.95px) {
.jss40 {
    min-width: 100px
}
}

.jss40 .jss38 {
padding-top: 1px
}

@media (max-width:349.95px) {
.jss40 {
    min-width: 80px
}
}

.jss40:hover {
cursor: pointer
}

.jss41 {
display: block
}

@media (max-width:349.95px) {
.jss41 {
    display: none
}
}

.jss42 {
display: none;
z-index: 2
}

@media (max-width:349.95px) {
.jss42 {
    display: block
}
}

.jss43 {
display: block !important
}

@keyframes jss44 {
0% {
    opacity: 0;
    transform: translateX(100%)
}

to {
    opacity: 1;
    transform: translateX(0)
}
}

@keyframes jss45 {
0% {
    opacity: 0;
    transform: translateY(-100%)
}

to {
    opacity: 1;
    transform: translateY(0)
}
}

.jss46 {
top: 60px;
left: 174px;
right: 0;
width: 250px;
display: none;
position: fixed;
animation: jss45 .3s;
max-height: calc(100vh - 180px);
overflow-y: scroll;
scrollbar-color: #fff #2a1253;
background-color: #3c1e6e;
scrollback-width: thin;
border-bottom-left-radius: 8px
}

@media (max-width:599.95px) {
.jss46 {
    width: calc(100% - 174px)
}
}

@media (max-width:1081.95px) {
.jss46 {
    right: auto
}
}

.jss46::-webkit-scrollbar {
width: 7px;
background: #2a1253
}

.jss46::-webkit-scrollbar-thumb {
background: #fff;
border-radius: 10px
}

.jss47 {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
background-color: #3c1e6e
}

.jss48 {
z-index: 2
}

.jss49 {
font-family: Fredoka One, verdana, sans-serif
}

.jss83 {
color: #6937b9;
transform: scaleX(-1)
}

.jss83 a {
color: #6937b9
}

@media only screen and (min-width:1082px) {
.jss83 {
    width: 262px;
    display: flex;
    margin-top: 4px;
    margin-right: 2px;
    justify-content: flex-start
}
}

@media only screen and (max-width:1279px) and (min-width:1082px) {
.jss83 {
    width: 186px
}
}

@media only screen and (max-width:1081px) {
.jss83 {
    top: 12px;
    right: 8px;
    width: 47px;
    display: flex;
    padding: 7px 0 0;
    position: absolute;
    margin-right: 16px;
    justify-content: flex-start
}
}

@keyframes jss20 {
0% {
    opacity: 0;
    transform: translateY(-100%)
}

to {
    opacity: 1;
    transform: translateY(0)
}
}

.jss21 {
width: 22px;
height: 22px;
z-index: 2;
margin-left: 8px;
border-color: #533488;
border-style: solid;
border-width: 1px;
border-radius: 7px
}

.jss21:hover,
.jss21.logoChevronOpen {
cursor: pointer;
border-width: 0;
background-color: #6937b9
}

.jss22 {
outline: 0
}

.jss23 {
width: auto;
height: auto;
display: block
}

.jss24 {
z-index: 2;
position: relative
}

.jss24 a {
text-decoration: none
}

@media only screen and (min-width:1025px) {
.jss24:hover {
    cursor: pointer
}

.jss24:hover svg {
    fill: #35fdff
}
}

.jss25 {
height: 16px
}

.jss26 {
height: 100%;
display: flex;
position: relative;
line-height: 60px;
text-decoration: none;
border-right-color: #533488;
border-right-style: solid;
border-right-width: 1px
}

.jss27 {
flex: 1;
display: flex;
z-index: 1;
position: relative;
align-items: center;
padding-left: 16px;
padding-right: 16px;
background-color: #3c1e6e
}

@media (max-width:1279.95px) {
.jss27 {
    padding-left: 0;
    padding-right: 8px
}
}

.jss28 {
top: 60px;
left: 0;
display: none;
z-index: 0;
position: absolute;
animation: jss20 .2s;
box-shadow: none;
background-color: #6937b9;
border-top-left-radius: 0;
border-top-right-radius: 0
}

.jss28 hr {
margin: 16px 8px
}

.jss28 a {
text-decoration: none
}

.jss28 li {
color: #fff;
font-size: 11.2px;
min-height: auto;
line-height: 1.4;
white-space: normal;
padding-left: 24px
}

.jss29 {
font-size: .7em !important;
line-height: 1.4 !important
}

.jss30 {
display: block
}

.jss31 {
width: 120px;
margin: 0 8px;
display: flex;
justify-content: flex-start
}

.jss31 svg {
fill: #fff;
height: 100%
}

.jss32 {
height: 40px;
margin-right: 8px
}

@media (hover:hover) {
.jss32:hover {
    animation-name: jss33;
    animation-duration: .2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.jss32:hover #eyesAndEars {
    fill: #decaff
}
}

@keyframes jss33 {
50% {
    transform: translateX(1.5px) rotate(2deg)
}

to {
    transform: translateX(-1.5px) rotate(-2deg)
}
}

.jss34 {
height: 40px;
padding-top: 3px
}

.jss35 {
height: 32px;
padding-top: 0
}

.jss36 {
height: 32px;
padding-top: 0
}

.jss11 {
z-index: 11
}

.jss12 {
box-shadow: 0 0 8px 0 #0c0021
}

.jss13 {
height: 60px;
padding: 0;
min-height: 60px
}

.jss14 {
flex: 1
}

.jss15 {
display: flex
}

.jss16 {
transition: all .1s ease-in-out
}

@media (min-width:600px) {
.jss16 {
    margin-right: 10px !important
}
}

.jss16 input {
font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.jss17 {
height: 100%;
display: flex
}

@media (min-width:1082px) and (max-width:1919.95px) {
.jss17 {
    flex-grow: 1
}
}

@media (max-width:1081.95px) {
.jss17 {
    width: calc(100% - 210px);
    display: block;
    overflow-x: scroll;
    scrollbar-color: #6937b9 #2a1253;
    scrollbar-width: thin
}

.jss17::-webkit-scrollbar {
    height: 4px;
    background: #2a1253
}

.jss17::-webkit-scrollbar-thumb {
    background: #6937b9;
    border-radius: 10px
}
}

.jss18 {
width: 8px;
flex-grow: 0
}

.jss19 {
display: flex
}

.jss4 {
min-height: calc(100vh - 32px);
padding-top: 60px;
padding-bottom: 8px
}

.jss5 {
display: flex;
align-items: stretch;
flex-direction: column
}

.jss6 {
top: 60px;
left: 0;
right: 0;
height: 100vh;
z-index: -1;
position: fixed
}

.jss7 {
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
position: absolute
}

.jss8 {
left: 0;
right: 0;
height: 100%;
z-index: 1;
overflow: hidden;
background: top;
background-size: cover;
background-image: url(https://web.archive.org/web/20210623023748im_/https://images.crazygames.com/crazygames/background.png?auto=format,compress&q=50&cs=strip&ch=DPR)
}

.jss9 {
padding: 16px
}

.jss10 {
pointer-events: none
}

.jss346 {
padding: 8px;
font-size: 11.2px;
background: rgba(255, 255, 255, .08);
text-align: center;
content-visibility: auto;
contain-intrinsic-size: 0 32px
}

.jss346 a {
color: #decaff;
margin: 0 10px;
text-decoration: none
}

.jss346 span {
margin: 0 10px
}

.jss347 {
cursor: pointer
}

.jss296 {
margin-top: 16px
}

.jss297 {
cursor: pointer;
margin-top: 16px;
background-size: cover;
background-position: center
}

@media (min-width:1082px) {
.jss297 {
    width: 300px;
    height: 200px
}
}

.jss297:hover {
opacity: .7
}

.jss298 {
cursor: default;
opacity: 1
}

.jss298:hover {
opacity: 1
}

.jss299 {
margin-top: 16px
}

@media (max-width:1081.95px) {
.jss299 {
    margin-left: 16px
}
}

.jss300 {
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .8)
}

.jss301 {
color: #fff;
width: 300px;
text-align: center;
font-weight: 700;
text-shadow: #000 0 0 14px
}

.jss302 {
color: rgba(0, 0, 0, .5);
font-size: 96px !important
}

.jss306 {
height: 48px
}

.jss307 {
margin-bottom: 0
}

@media (max-width:599.95px) {
.jss307 {
    margin-top: 8px
}
}

.jss308 {
margin: 0
}

.jss308>div {
transform: scale(.9)
}

.jss309 {
width: 65px;
height: 65px;
z-index: 1;
object-fit: cover;
transition: all .2s ease-in
}

.jss310 {
color: #fff;
bottom: 50%;
display: none;
z-index: 9;
position: absolute;
font-size: 11.2px;
font-weight: 700;
margin-left: 8px
}

.jss311 {
color: #000;
text-decoration: none
}

.jss312 {
color: #000;
position: relative;
margin-right: 8px;
text-decoration: none
}

.jss312:hover .jss309 {
width: 120px;
opacity: .9
}

.jss312:hover .jss310 {
display: block
}

.jss313 {
margin-left: 4px;
margin-right: 4px;
margin-bottom: 8px;
background-color: #3c1e6e
}

.jss313 span {
font-size: 11.2px;
font-weight: 700
}

.jss313:hover {
background-color: #6937b9
}

/* Game detail actions (like/dislike/favorite/share/bookmark/fullscreen) */
.game-card-actions {
display: flex;
align-items: flex-start;
gap: 8px;
height: 64px;
flex: none;
margin-top: 12px;
}

.game-card-action {
border: none;
background: transparent;
padding: 0;
color: #7a7a7a;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 34px;
min-width: 34px;
height: 44px;
flex-shrink: 0;
cursor: pointer;
transition: transform .18s ease, color .18s ease;
}

.game-card-action--labeled {
justify-content: flex-start;
}

.game-card-action--icon-only::after {
content: "";
display: block;
height: 11px;
margin-top: 2px;
visibility: hidden;
}

.game-card-action__chip {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
min-height: 30px !important;
border-radius: 9999px;
background: #f3f4f6;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
transition: background-color .18s ease, box-shadow .18s ease;
}

.game-card-action:hover .game-card-action__chip {
background: #e7e9ee;
box-shadow: 0 3px 8px rgba(0, 0, 0, .14);
}

.game-card-action:hover {
color: #4b5563;
transform: translateY(-1px);
}

.game-card-action.is-active .game-card-action__chip {
background: #d1fae5 !important;
box-shadow: 0 3px 8px rgba(16, 185, 129, .28) !important;
}

.game-card-action.is-active {
color: #065f46 !important;
}

.game-card-action svg {
width: 16px !important;
height: 16px !important;
fill: currentColor;
}

.game-card-action__label {
margin-top: 2px;
font-size: 11px;
line-height: 1;
font-weight: 600;
color: #6c6c6c;
height: 11px;
display: block;
}

/* Center category game cards on listing pages */
#listgame .category-game-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 0;
width: 100%;
margin: 0 auto;
}

/* Keep hover title anchored to each category icon */
#listgame .category-game-grid .game-icon-a {
position: relative;
overflow: hidden;
}

.game-icon-a .game-icon-rating {
position: absolute;
top: 6px;
right: 6px;
z-index: 6;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
padding: 2px 6px;
border-radius: 999px;
font-size: 11px;
font-weight: 700;
line-height: 1;
color: #111827;
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
opacity: 0;
transform: translateY(-4px);
transition: opacity 0.18s ease, transform 0.18s ease;
pointer-events: none;
}

.game-icon-a:hover .game-icon-rating,
.game-icon-a:focus-visible .game-icon-rating {
opacity: 1;
transform: translateY(0);
}

#listgame .category-game-grid .game-icon-h3 {
left: 0px;
right: 6px;
bottom: 6px;
transform: none !important;
}

#listgame .category-game-grid .group:hover .game-icon-h3,
#listgame .category-game-grid .game-icon-a:hover .game-icon-h3 {
transform: none !important;
bottom: 6px;
}

/* Clean, professional simple search styling */
#search_input {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.01em;
color: #0f5132;
}

#search_input::placeholder {
font-size: 13px;
font-weight: 500;
color: #6b7280;
}

#simple-search-results {
padding: 6px;
border: 1px solid #e5e7eb !important;
border-radius: 14px !important;
box-shadow: 0 12px 26px rgba(15, 23, 42, 0.14) !important;
background: #ffffff !important;
}

#simple-search-results .simple-search-item {
align-items: center;
gap: 10px;
padding: 8px 10px !important;
text-decoration: none;
border-radius: 10px;
transition: background-color 0.15s ease, transform 0.12s ease;
}

#simple-search-results .simple-search-item:last-child {
border-bottom: none !important;
}

#simple-search-results .simple-search-item:hover,
#simple-search-results .simple-search-item.bg-green-100 {
background: #eefbf3 !important;
}

#simple-search-results .simple-search-thumb {
width: 42px !important;
height: 42px !important;
border-radius: 9px !important;
flex-shrink: 0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

#simple-search-results .simple-search-title {
font-size: 14px;
line-height: 1.2;
font-weight: 600;
color: #0f172a;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/* Header utility buttons (favorite + night mode) */
#header-utility-rail {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
gap: 8px;
z-index: 45;
}

/* Night mode toggle button in header */
#night-mode-toggle {
position: static;
width: 36px;
height: 36px;
border-radius: 9999px;
border: 1px solid #d1d5db;
background: #ffffff;
color: #111827;
font-size: 18px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 35;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

#night-mode-toggle:hover {
filter: brightness(0.95);
}

#header-favorite-wrap {
position: relative;
}

#header-favorite-toggle {
width: 36px;
height: 36px;
border-radius: 9999px;
border: 1px solid #d1d5db;
background: #ffffff;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

#header-favorite-toggle svg {
width: 18px;
height: 18px;
fill: #334155;
}

#header-favorite-count {
position: absolute;
right: -5px;
top: -5px;
min-width: 16px;
height: 16px;
border-radius: 9999px;
padding: 0 4px;
background: #ef4444;
color: #fff;
font-size: 10px;
line-height: 16px;
font-weight: 700;
text-align: center;
}

#header-favorite-box {
position: absolute;
right: 0;
top: 42px;
width: 280px;
max-height: 360px;
overflow-y: auto;
background: #fff;
border: 1px solid #d1d5db;
border-radius: 12px;
box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
padding: 10px;
}

.header-favorite-title {
font-size: 13px;
font-weight: 800;
color: #0f172a;
margin-bottom: 8px;
}

#header-favorite-empty {
font-size: 12px;
color: #64748b;
padding: 8px 4px;
}

.header-favorite-item {
display: flex;
align-items: center;
gap: 8px;
padding: 6px;
border-radius: 10px;
text-decoration: none;
flex: 1;
min-width: 0;
}

.header-favorite-item:hover {
background: #f1f5f9;
}

.header-favorite-row {
display: flex;
align-items: center;
gap: 6px;
}

.header-favorite-remove {
width: 22px;
height: 22px;
border-radius: 9999px;
border: 1px solid #cbd5e1;
background: #ffffff;
color: #64748b;
font-size: 14px;
line-height: 1;
font-weight: 700;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}

.header-favorite-remove:hover {
background: #fee2e2;
border-color: #fca5a5;
color: #b91c1c;
}

.header-favorite-item__img {
width: 34px;
height: 34px;
border-radius: 8px;
object-fit: cover;
}

.header-favorite-item__title {
font-size: 12px;
font-weight: 700;
color: #0f172a;
line-height: 1.2;
}

/* Night mode theme */
html.night-mode,
body.night-mode {
background-color: #0b1220 !important;
color: #e5e7eb !important;
}

.night-mode #header {
background-color: rgba(17, 24, 39, 0.95) !important;
}

.night-mode #menuLeft {
background-color: rgba(17, 24, 39, 0.95) !important;
}

.night-mode .bg-white,
.night-mode .Footer_footer__nKPS_ {
background-color: #172238ad !important;
color: #e5e7eb !important;
}

.night-mode .Footer_center__B1_Q3,
.night-mode .Footer_bottom__Ky4Vs {
background-color: #111827 !important;
color: #d1d5db !important;
}

.night-mode .Footer_center_title__jne0s,
.night-mode .Footer_center_desc__Qd_TG,
.night-mode .Footer_center_desc__Qd_TG a,
.night-mode .Footer_bottom__Ky4Vs {
color: #e5e7eb !important;
}

.night-mode #search_input {
background-color: #1f2937 !important;
border-color: #374151 !important;
color: #e5e7eb !important;
}

.night-mode #search_input::placeholder {
color: #9ca3af !important;
}

.night-mode #simple-search-results {
background: #111827 !important;
border-color: #374151 !important;
}

.night-mode #simple-search-results .simple-search-item {
border-bottom-color: #1f2937 !important;
}

.night-mode #simple-search-results .simple-search-item:hover,
.night-mode #simple-search-results .simple-search-item.bg-green-100 {
background: #1f2937 !important;
}

.night-mode #simple-search-results .simple-search-title {
color: #e5e7eb !important;
}

.night-mode #night-mode-toggle {
background: #1f2937;
border-color: #4b5563;
color: #fbbf24;
}

.night-mode #header-favorite-toggle {
background: #1f2937;
border-color: #4b5563;
}

.night-mode #header-favorite-toggle svg {
fill: #e5e7eb;
}

.night-mode #header-favorite-box {
background: #111827;
border-color: #374151;
box-shadow: 0 12px 30px rgba(0, 0, 0, .45);
}

.night-mode .header-favorite-title {
color: #e5e7eb;
}

.night-mode #header-favorite-empty {
color: #9ca3af;
}

.night-mode .header-favorite-item:hover {
background: #1f2937;
}

.night-mode .header-favorite-item__title {
color: #e5e7eb;
}

.night-mode .header-favorite-remove {
background: #111827;
border-color: #4b5563;
color: #9ca3af;
}

.night-mode .header-favorite-remove:hover {
background: #7f1d1d;
border-color: #b91c1c;
color: #fecaca;
}

/* Force override common green utility classes in night mode */
.night-mode .bg-green-100,
.night-mode .bg-green-200,
.night-mode .bg-green-300,
.night-mode .bg-green-500,
.night-mode .bg-green-700,
.night-mode .bg-green-800 {
background-color: #2e3441 !important;
}

.night-mode .text-green-900,
.night-mode .placeholder-green-800,
.night-mode .placeholder-green-200 {
color: #d1d5db !important;
}

.night-mode .fill-green-900,
.night-mode .fill-green-800,
.night-mode .fill-green-200 {
fill: #d1d5db !important;
}

/* Dark mode visuals for game action icons */
.night-mode .game-card-actions {
background: #0f172a00 !important
}

.night-mode .game-card-action {
color: #d1d5db !important;
}

.night-mode .game-card-action__chip {
background: #1f2937 !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35) !important;
}

.night-mode .game-card-action:hover .game-card-action__chip {
background: #374151 !important;
}

.night-mode .game-card-action__label {
color: #cbd5e1 !important;
}

.night-mode .game-card-action.is-active .game-card-action__chip {
background: #064e3b !important;
box-shadow: 0 3px 8px rgba(16, 185, 129, .22) !important;
}

.night-mode .game-card-action.is-active {
color: #6ee7b7 !important;
}

/* Modern comments section for game detail pages */
.game-comments {
margin-top: 18px;
padding: 16px;
border: 1px solid #dbe2ea;
border-radius: 14px;
background: #f8fafc;
}

.game-comments__head {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}

.game-comments__head h3 {
margin: 0;
font-size: 18px;
font-weight: 800;
color: #0f172a;
}

.game-comments__count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 24px;
height: 24px;
padding: 0 8px;
border-radius: 9999px;
background: #e2e8f0;
color: #334155;
font-size: 12px;
font-weight: 700;
}

.game-comments__eeat {
margin: 0 0 12px;
font-size: 12px;
line-height: 1.5;
color: #475569;
}

.game-comments__form {
display: grid;
gap: 8px;
margin-bottom: 12px;
}

#game-comment-name,
#game-comment-text {
width: 100%;
border: 1px solid #cbd5e1;
border-radius: 10px;
background: #fff;
padding: 10px 12px;
font-size: 13px;
color: #0f172a;
}

#game-comment-text {
min-height: 92px;
resize: vertical;
}

#game-comment-name:focus,
#game-comment-text:focus {
outline: none;
border-color: #22c55e;
box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18);
}

.game-comments__actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}

.game-comment-consent {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 12px;
line-height: 1.4;
color: #cbd5e1;
background: #0f2744;
border: 1px solid rgba(148, 163, 184, 0.25);
border-radius: 10px;
padding: 10px 12px;
}

.game-comment-consent a {
color: #e2e8f0;
text-decoration: underline;
font-weight: 700;
}

.game-comment-consent a:hover {
color: #ffffff;
}

#game-comment-consent {
appearance: none;
-webkit-appearance: none;
width: 14px;
height: 14px;
margin-top: 2px;
border-radius: 3px;

background: #fff;
cursor: pointer;
position: relative;
}

#game-comment-consent:checked {
    background: #2e7d32;
    border-color: #f59e0b00;
}

#game-comment-consent:checked::after {
content: "";
position: absolute;
left: 4px;
top: 1px;
width: 4px;
height: 8px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}

.game-comment-consent.is-agreed {
border-color: rgba(245, 158, 11, 0.75);
}

.game-comments__hint {
font-size: 11px;
color: #64748b;
}

.game-comments__actions button {
border: none;
background: #16a34a;
color: #fff;
font-size: 12px;
font-weight: 700;
border-radius: 10px;
padding: 8px 14px;
cursor: pointer;
}

.game-comments__actions button:hover {
background: #15803d;
}

.game-comments__actions button:disabled {
background: #64748b;
opacity: 0.65;
cursor: not-allowed;
}

.game-comments__empty {
font-size: 12px;
color: #64748b;
padding: 8px 0;
}

.game-comments__list {
display: grid;
gap: 8px;
}

.game-comment-item {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 10px 12px;
}

.game-comment-item__meta {
display: flex;
align-items: center;
gap: 6px;
font-size: 11px;
margin-bottom: 4px;
}

.game-comment-item__avatar {
width: 22px;
height: 22px;
border-radius: 9999px;
object-fit: cover;
flex: 0 0 auto;
}

.game-comment-item__name {
color: #0f172a;
}

.game-comment-item__dot,
.game-comment-item__time {
color: #64748b;
}

.game-comment-item__text {
margin: 0;
font-size: 13px;
line-height: 1.5;
color: #1e293b;
white-space: pre-wrap;
word-break: break-word;
}

.game-comment-item__actions {
display: flex;
align-items: center;
gap: 14px;
margin-top: 8px;
}

.game-comment-action-btn {
border: none;
background: transparent;
color: #6b7280;
font-size: 13px;
font-weight: 700;
padding: 0;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 4px;
}

.game-comment-action-btn:hover {
color: #374151;
}

.game-comment-action-btn.is-active {
color: #2563eb;
}

.game-comment-action-btn svg {
width: 14px;
height: 14px;
fill: currentColor;
opacity: 0.92;
}

.game-comment-action-btn--reply svg {
width: 13px;
height: 13px;
}

.game-comment-reply-form {
display: grid;
gap: 6px;
margin-top: 8px;
}

.game-comment-reply-name,
.game-comment-reply-text {
width: 100%;
border: 1px solid #cbd5e1;
border-radius: 8px;
padding: 8px 10px;
font-size: 12px;
color: #0f172a;
background: #fff;
}

.game-comment-reply-text {
min-height: 64px;
resize: vertical;
}

.game-comment-reply-form button {
justify-self: start;
border: none;
background: #16a34a;
color: #fff;
font-size: 11px;
font-weight: 700;
border-radius: 8px;
padding: 6px 10px;
cursor: pointer;
}

.night-mode .game-comments {
background: #0f172a;
border-color: #334155;
}

.night-mode .game-comments__head h3 {
color: #e2e8f0;
}

.night-mode .game-comments__count {
background: #1e293b;
color: #cbd5e1;
}

.night-mode .game-comments__eeat,
.night-mode .game-comments__hint,
.night-mode .game-comments__empty,
.night-mode .game-comment-consent,
.night-mode .game-comment-item__dot,
.night-mode .game-comment-item__time {
color: #94a3b8;
}

.night-mode .game-comment-consent {
background: #10233b;
border-color: rgba(148, 163, 184, 0.25);
}

.night-mode .game-comment-consent a {
color: #5eead4;
}

.night-mode #game-comment-name,
.night-mode #game-comment-text,
.night-mode .game-comment-item {
background: #111827;
border-color: #334155;
color: #e2e8f0;
}

.night-mode .game-comment-item__name,
.night-mode .game-comment-item__text {
color: #e2e8f0;
}

.night-mode .game-comment-action-btn {
color: #94a3b8;
}

.night-mode .game-comment-action-btn:hover {
color: #e5e7eb;
}

.night-mode .game-comment-action-btn.is-active {
color: #60a5fa;
}

.night-mode .game-comment-reply-name,
.night-mode .game-comment-reply-text {
background: #0f172a;
border-color: #334155;
color: #e2e8f0;
}