@charset "utf-8";

* {
    font-family: sans-serif;
    box-sizing: border-box !important;
}

.game-ai-statistics{width:100%;margin:20px 0 0;padding:24px;border:0;border-radius:18px;background:rgba(255,255,255,.08);color:#fff;font-size:15px;line-height:1.75;overflow-wrap:break-word}.game-ai-statistics h3{margin:0 0 10px;color:#fff;font-size:19px;line-height:1.3;font-weight:900}.game-ai-statistics p{margin:0;color:rgba(255,255,255,.88);font-size:inherit;line-height:inherit;font-weight:400}.game-ai-statistics a,.game-ai-statistics a:visited{color:#a78bfa;font-weight:800;text-decoration:underline!important;text-underline-offset:2px}.game-ai-statistics a:hover,.game-ai-statistics a:focus-visible{color:#c4b5fd}
.gm-taxonomy-copy a,.gm-taxonomy-copy a:visited{color:var(--gm-preset-accent,#a78bfa);font-weight:800;text-decoration:underline!important;text-underline-offset:2px}.gm-taxonomy-copy a:hover,.gm-taxonomy-copy a:focus-visible{color:var(--gm-preset-accent,#c4b5fd)}
.gm-collapsible-description{position:relative;max-height:var(--gm-description-cut,76px)!important;overflow:hidden!important}.gm-collapsible-description.is-expanded{max-height:none!important}.gm-collapsible-description:not(.is-expanded)::after{content:"";position:absolute;right:0;bottom:0;left:0;height:14px;background:linear-gradient(transparent,#1a1b28);pointer-events:none}.gm-description-toggle{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:8px 2px;border:0;background:transparent;color:#a78bfa;font-size:14px;font-weight:900;text-transform:uppercase;cursor:pointer;white-space:nowrap}.gm-description-toggle:hover,.gm-description-toggle:focus-visible{color:#c4b5fd}.gm-description-toggle[hidden]{display:none}.gm-game-facts{margin-top:30px;color:#fff}.gm-game-facts h2{margin:0 0 14px;color:#fff;font-size:26px;line-height:1.3;font-weight:900}.gm-game-facts dl{margin:0;border-top:1px solid rgba(255,255,255,.13)}.gm-game-facts dl>div{display:grid;grid-template-columns:minmax(190px,30%) 1fr;gap:20px;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.13)}.gm-game-facts dt{font-weight:800}.gm-game-facts dt i{width:24px;color:#a78bfa}.gm-game-facts dd{margin:0;color:rgba(255,255,255,.86)}.gm-game-facts a{color:#a78bfa;font-weight:800;text-decoration:underline!important}
.gm-game-tag-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.gm-game-facts .gm-game-tag-button{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid rgba(167,139,250,.35);border-radius:999px;background:rgba(167,139,250,.12);font-size:13px;line-height:1.2;text-decoration:none!important}.gm-game-facts .gm-game-tag-button:hover,.gm-game-facts .gm-game-tag-button:focus-visible{background:rgba(167,139,250,.22);border-color:#a78bfa}
@media(max-width:640px){.gm-game-facts dl>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.gm-game-facts dd{max-width:130px;text-align:right}.gm-game-facts .gm-game-tags-fact{grid-template-columns:1fr;align-items:start;gap:8px}.gm-game-facts .gm-game-tags-fact dd{max-width:none;text-align:left}.gm-game-facts h2{font-size:22px}}
.crazy-game-detail-panel{padding:28px!important}.crazy-game-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:4px;color:#8b8da7;font-size:13px;font-weight:800}.crazy-game-breadcrumb a{color:#a78bfa;text-decoration:none!important}.crazy-game-breadcrumb a:hover,.crazy-game-breadcrumb a:focus-visible{color:#c4b5fd;text-decoration:underline!important}.crazy-game-title-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.crazy-game-detail-title{margin:0;color:#fff;font-size:32px!important;line-height:1.18;font-weight:900}.crazy-game-title-row .gm-description-toggle{margin:0 0 0 auto;flex:0 0 auto}.crazy-game-detail-panel .play-game-desc{margin-top:4px;padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.07);font-size:15px!important;line-height:1.65}.crazy-game-detail-panel .gm-game-facts{margin-top:26px;color:rgba(255,255,255,.88);font-size:15px;line-height:1.65}.crazy-game-detail-panel .gm-game-facts h2{font-size:23px}.crazy-game-detail-panel .gm-game-facts dl>div{padding:12px 4px}.crazy-game-detail-panel .gm-game-facts dt,.crazy-game-detail-panel .gm-game-facts dd{font-size:15px;line-height:1.65}.crazy-game-detail-panel .game-ai-statistics{margin-top:26px}
@media(max-width:700px){.crazy-game-detail-panel{padding:20px 16px!important}.crazy-game-title-row{align-items:flex-start;gap:12px}.crazy-game-detail-title{font-size:26px!important}.crazy-game-title-row .gm-description-toggle{font-size:12px}.crazy-game-detail-panel .play-game-desc{padding:15px 16px}}

html {
    color: #000;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    background: #0C0D14;
    overflow-x: hidden;
}

.bg-diamonds {
    display: none;
}

article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5 "Nunito", tahoma, arial, sans-serif;
    outline: none;
}

input,
select,
textarea {
    font-size: 100%;
}

fieldset,
img {
    border: 0;
    display: block;
}

ol,
ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400;
    font-family: "Nunito", sans-serif;
}

q:after,
q:before {
    content: "";
}

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: underline;
}

a,
ins {
    text-decoration: none;
    outline: 0;
}

@media screen and (max-width: 600px) {
    .play-games-page-game-list {
        gap: 10px !important;
        align-items: start;
    }

    .play-games-page-game-list > a {
        display: flex;
        flex-direction: column;
        min-width: 0;
        overflow: hidden;
        border-radius: 18px;
        background: transparent;
    }

    .play-games-page-game-list > a img {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        display: block;
        border-radius: 18px;
    }

    .play-games-page-game-list > a > div,
    .play-games-page-game-list > a > span,
    .play-games-page-game-list > a > p {
        margin-top: 8px;
        font-size: 11px;
        line-height: 1.25;
        font-weight: 700;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .play-games-page-game-list .show-more-games-button {
        grid-column: 1 / -1;
    }
}

.play-games-page-game-list a.hidden {
    display: none !important;
}

.play-games-page-game-list,
.play-game-desc,
#walkthrough-video-container {
    content-visibility: auto;
    contain-intrinsic-size: 600px;
}

.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.fn-clear {
    zoom: 1;
}

body .fn-hide {
    display: none;
}

.fn-left,
.fn-right {
    display: inline;
}

.fn-left {
    float: left;
}

.fn-right {
    float: right;
}

.fn-webkit-adjust {
    -webkit-text-size-adjust: none;
}

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.bgs {
    background: #fff;
    border-radius: 5px;
}


 

main,
#header,
.sidebar,
.wrapper,
footer {
    position: relative;
    z-index: 1;
}


.post {
    position: relative;
    overflow: hidden;
}

.post .game-item {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.post .game-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



#header {
    width: 100%;
    background: #0C0D14;
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid #2d2e3b;
    height: 77px;
    position: fixed;
    top: 0;
    z-index: 999999999;
    right: 0;
    left: 0;
}

.fix-top {
    position: fixed;
    z-index: 9999;
}

.h-head {
    height: 82px;
}

.head-inner {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 8px 20px;
}

a.logo {
    position: relative;
    width: auto;
    min-width: 170px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    background: none !important;
    text-decoration: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    text-indent: 0 !important;
}

#siteHeaderLogo::before {
    content: "";
    width: 50px;
    height: 50px;
    background: var(--site-logo-icon, none) center / contain no-repeat;
    flex: 0 0 50px;
}

#siteHeaderLogo::after {
    content: var(--site-logo-text, "");
    white-space: pre;
    font-family: sans-serif;
    font-size: 19px;
    line-height: 1.15;
    font-weight: 900;
    color: var(--site-logo-top-color, #ffffff) !important;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 600px) {
	.site-logo-combo {
		min-width: 130px !important;
		height: 54px !important;
		gap: 8px !important;
	}

	.site-logo-icon {
		width: 36px !important;
		height: 36px !important;
	}

	.site-logo-top,
	.site-logo-bottom {
		font-size: 20px !important;
	}
}

.head-inner .other-btn {
    display: flex;
    align-items: center;
}

.head-inner svg {
    width: 24px;
    height: 24px;
}

.menu {
    margin: 0 0 0 20px;
}

.menu-btn {
    height: 44px;
    display: flex;
    align-items: center;
    position: relative;
    background-color: #EFEFEF;
    border-radius: 8px;
    margin-left: 20px;
    padding: 0 16px;
    font-weight: 600;
    color: #212121;
}

a.menu-btn {
    text-decoration: none;
}

.menu-btn:hover {
    color: #d60000;
}

.new-games i.new {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    background-size: cover;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmR7ZmlsbDojOTk5O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYSIvPjxnIGlkPSJiIj48ZyBpZD0iYyI+PGc+PHBhdGggY2xhc3M9ImQiIGQ9Ik0uMjgsMjRjLS4yNi0uMTYtLjMxLS4zOC0uMjMtLjY4LC4yNS0uOTYsLjQ3LTEuOTIsLjcxLTIuODgsLjAzLS4xMywuMTEtLjMsLjIxLS4zNiwuMTEtLjA2LC4zLS4wNSwuNDMsMCwuMTYsLjA3LC4yLC4yNCwuMTYsLjQyLS4xNywuNy0uMzQsMS40MS0uNTEsMi4xMS0uMDIsLjEtLjA0LC4xOS0uMDcsLjMsLjA0LDAsLjA3LDAsLjA4LDAsMS4wNi0uNCwyLjEzLS44MSwzLjIyLTEuMjItLjA1LS4wNi0uMDgtLjEtLjEzLS4xNC0xLjE2LTEuMTItMS44Mi0yLjQ4LTEuOTctNC4wOC0uMDctLjc0LS4xMy0xLjQ4LS4xOC0yLjIyLS4wMi0uMjksLjE3LS40NywuNDMtLjQ1LC4yMSwuMDIsLjM0LC4xNywuMzYsLjQyLC4wNiwuNzYsLjExLDEuNTMsLjE5LDIuMjksLjE2LDEuNTUsLjg4LDIuODEsMi4wOCwzLjgsLjA0LC4wMywuMTMsLjA0LC4xOCwuMDIsMS41LS41NiwyLjk5LTEuMTMsNC41Mi0xLjcxLS4wNy0uMDQtLjEyLS4wOC0uMTctLjEtMy42NS0xLjg3LTUuODYtNC44MS02LjY1LTguODMtLjAxLS4wNi0uMDItLjEyLS4wMi0uMTktLjAxLS4yNCwuMTItLjQyLC4zNS0uNDUsLjItLjAzLC4zOSwuMTEsLjQ0LC4zNCwuMDcsLjMyLC4xMiwuNjUsLjIsLjk2LC45OSwzLjY5LDMuMjUsNi4yOCw2Ljc3LDcuNzcsLjEsLjA0LC4yMywuMDYsLjMzLC4wMiwuODYtLjMxLDEuNzEtLjY0LDIuNTYtLjk2LC4wMy0uMDEsLjA1LS4wMywuMDMtLjAyLS42Ny0uMzYtMS4zOS0uNjktMi4wNC0xLjEtMi45MS0xLjg1LTUuMjItNC4yOC02Ljg2LTcuMzItLjM0LS42My0uNTgtMS4zMS0uNjctMi4wMy0uMTUtMS4yLC42LTIuMDcsMS43Ny0yLjAzLC4wOSwwLC4xOSwuMDIsLjI4LC4wNCwuMjEsLjA2LC4zMiwuMjMsLjI5LC40NC0uMDMsLjItLjIsLjM0LS40MSwuMzMtLjA5LDAtLjE5LS4wMi0uMjgtLjAyLS41MywuMDItLjg0LC4zMy0uODYsLjg2LS4wMiwuNDksLjEzLC45NiwuMzEsMS40MSwuNSwxLjI1LDEuMjUsMi4zNCwyLjEsMy4zNywxLjYyLDEuOTcsMy40OCwzLjY1LDUuNzUsNC44NCwuNTgsLjMsMS4xOCwuNTQsMS44MywuNiwuMTQsLjAxLC4yOCwwLC40MiwwLC40LS4wNSwuNjEtLjI4LC42Ni0uNjcsLjA1LS40NS0uMDYtLjg4LS4yLTEuMzEtLjAzLS4xLS4wOC0uMjEtLjA5LS4zMS0uMDMtLjIsLjA2LS4zNSwuMjUtLjQzLC4xOC0uMDcsLjQsMCwuNDgsLjE4LC4yOSwuNzIsLjUsMS40NSwuMywyLjIzLS4xMiwuNDktLjQ0LC44My0uOTIsMS4wMS0xLjUxLC41Ny0zLjAyLDEuMTMtNC41MywxLjctMy41MSwxLjMyLTcuMDIsMi42NS0xMC41MywzLjk4LS4wNSwuMDItLjA5LC4wNS0uMTQsLjA4aC0uMjNaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMy4xNiwyNGMtLjMyLS4yMS0uMzUtLjM1LS4xOC0uNywuMjctLjU3LC4yOC0xLjE0LC4wMS0xLjcyLS4wMy0uMDYtLjA2LS4xMS0uMDktLjE2LDAsMC0uMDMsMC0uMDIsMC0uMDcsLjI2LS4xMiwuNTMtLjIyLC43Ny0uMjUsLjU5LS43MSwuOTItMS4zNSwuOTctLjY3LC4wNS0xLjE5LS4yNC0xLjUxLS44Mi0uMzEtLjU3LS4yOC0xLjE0LC4xLTEuNjgsLjMyLS40NywuNzctLjc3LDEuMzItLjkyLC4wNS0uMDEsLjEtLjAzLC4xNy0uMDYtLjUzLS42LTEuMTQtMS4wNS0xLjg2LTEuMzQtLjM1LS4xNC0uNzMtLjI0LTEuMDktLjMzLS4yOS0uMDgtLjQ1LS4yNS0uNC0uNDgsLjA1LS4yNSwuMjYtLjM3LC41Ni0uMzEsMS42NiwuMzMsMi45NiwxLjIsMy45MiwyLjU5LC4wOSwuMTQsLjIyLC4yNywuMzUsLjM2LDEuMSwuODEsMS40NiwyLjM3LC44LDMuNTYtLjA2LC4xLS4xNywuMTgtLjI1LC4yN2gtLjIzWm0tMS4wOC0yLjcyaC0uMDNjLS4wMi0uMTQtLjAyLS4yNi0uMDUtLjM4LS4xLS4zOS0uMjktLjQ5LS42Ny0uMzctLjM0LC4xLS42MSwuMy0uODEsLjYtLjI1LC4zOC0uMTQsLjg5LC4yNSwxLjEyLC40LC4yNCwuOTIsLjEsMS4xMi0uMzMsLjA5LS4yLC4xMy0uNDMsLjE5LS42NFoiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTI0LDguMTFjLS4xOSwuMjctLjY4LC40MS0uOTcsLjI0LS4xMS0uMDYtLjIyLS4yMy0uMjItLjM1LDAtLjEyLC4xMS0uMjgsLjIxLS4zNSwuMjgtLjE3LC43OC0uMDQsLjk3LC4yM3YuMjNaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik00LjAzLDQuMTVjMCwuMzYtLjI4LC41NS0uNTgsLjQtLjMtLjE0LS41OC0uMy0uODctLjQ2LS4xMi0uMDctLjIyLS4wNy0uMzUsMC0uMjcsLjE2LS41NCwuMzEtLjgzLC40My0uMTMsLjA1LS4zMywuMDYtLjQ2LDAtLjE3LS4wNy0uMi0uMjYtLjE2LS40NSwuMDYtLjMyLC4xMi0uNjUsLjE2LS45NywwLS4wOC0uMDItLjE4LS4wOC0uMjQtLjIzLS4yNC0uNDYtLjQ2LS43LS42OS0uMTMtLjEyLS4yLS4yNi0uMTQtLjQ0LC4wNi0uMTgsLjItLjI2LC4zOS0uMjksLjMyLS4wNCwuNjMtLjA4LC45NS0uMTQsLjA4LS4wMiwuMTgtLjA5LC4yMi0uMTYsLjE1LS4yNywuMjktLjU1LC40Mi0uODQsLjA4LS4xNywuMi0uMjgsLjM5LS4yOSwuMiwwLC4zMywuMTEsLjQxLC4yOSwuMTIsLjI1LC4yNiwuNSwuMzcsLjc2LC4wNywuMTYsLjE2LC4yNCwuMzQsLjI1LC4yOSwuMDIsLjU5LC4wOSwuODgsLjEyLC4xOCwuMDIsLjMyLC4xLC4zNywuMjcsLjA2LC4xOCwwLC4zMy0uMTQsLjQ2LS4yMiwuMi0uNDIsLjQyLS42NCwuNjItLjEyLC4xMS0uMTcsLjIxLS4xMywuMzksLjA4LC4zMywuMTIsLjY2LC4xNywuOTZaTTIuNCwxLjMyYy0uMTYsLjU3LS41MiwuODQtMS4xMywuNzgsLjE5LC4yMywuNDEsLjM5LC40OCwuNiwuMDcsLjIxLDAsLjQ3LS4wMiwuNzFoMS4zOWMtLjI1LS41My0uMDgtLjk0LC40LTEuMjgtLjYxLC4wMy0uOTYtLjIzLTEuMTItLjgxWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNMTIuODYsMTIuMzljLS4yNCwwLS4zOC0uMDktLjQzLS4yOC0uMDYtLjIxLC4wMS0uMzgsLjIxLS40NywuMzUtLjE3LC43LS4zNCwxLjA1LS41MSwyLjM5LTEuMTQsNC43OS0yLjI4LDcuMTgtMy40MiwuMDYtLjAzLC4xMy0uMDYsLjE5LS4wOSwuMi0uMDcsLjQxLDAsLjUsLjE5LC4wOSwuMTgsLjA0LC4zOS0uMTQsLjUxLS4wNiwuMDQtLjEyLC4wNy0uMTksLjEtMi43LDEuMjktNS40MSwyLjU3LTguMTEsMy44Ni0uMSwuMDUtLjIsLjA4LS4yNiwuMVoiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTEwLDUuMzVjMCwxLjYtLjMyLDMuMTQtLjkzLDQuNjItLjE4LC40NC0uMzYsLjg4LS41NSwxLjMyLS4xMSwuMjctLjMzLC4zNy0uNTYsLjI3LS4yMS0uMDktLjI4LS4zMi0uMTgtLjU4LC4zNS0uOTQsLjc3LTEuODYsMS4wNC0yLjgyLC40OC0xLjY3LC40OS0zLjM3LC4xNS01LjA3LDAtLjA1LS4wMi0uMDktLjAyLS4xNC0uMDUtLjI5LC4wNi0uNDksLjMtLjU0LC4yMy0uMDUsLjQ0LC4xLC40OCwuMzksLjEyLC44NSwuMjMsMS43LC4zNCwyLjU1aC0uMDdaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMC4zOSwxNC40YzAsLjI5LS4yNywuNDUtLjU3LC4zNi0uNDUtLjE0LS44OS0uMy0xLjM0LS40MS0xLjgtLjQ1LTMuNjEtLjQ3LTUuNDMtLjEyLS4zMiwuMDYtLjY1LC4xMi0uOTcsLjE2LS4yMywuMDMtLjQyLS4xLS40NS0uMzEtLjA0LS4yMiwuMDgtLjQzLC4zMS0uNDcsMS4yOC0uMjMsMi41Ny0uNDYsMy44OC0uNDIsMS40NSwuMDUsMi44NywuMyw0LjIzLC44LC4yNSwuMDksLjM1LC4yMSwuMzQsLjQyWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNMTYuMjIsNC40Yy4zMSwwLC42MiwwLC45NCwwLC4yOSwwLC40MywuMTQsLjQ0LC40MywwLC42NCwwLDEuMjgsMCwxLjkyLDAsLjI5LS4xNCwuNDQtLjQzLC40NS0uNjUsMC0xLjMsMC0xLjk0LDAtLjI4LDAtLjQyLS4xNS0uNDMtLjQyLDAtLjY2LDAtMS4zMSwwLTEuOTcsMC0uMjYsLjE1LS40LC40MS0uNDEsLjM0LDAsLjY3LDAsMS4wMSwwWm0tLjYsLjgxdjEuMTdoMS4xNnYtMS4xN2gtMS4xNloiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTE0LjQ1LDcuOTljLS4xMSwuMTUtLjE3LC4yOS0uMjgsLjM4LTEuMSwxLTIuMjEsMi0zLjMyLDIuOTktLjE5LC4xNy0uMzcsLjM0LS41NiwuNS0uMjIsLjE4LS40NCwuMTgtLjYsMC0uMTUtLjE4LS4xMy0uNDEsLjA4LS42LDEuMy0xLjE3LDIuNi0yLjM0LDMuOS0zLjUxLC4xNC0uMTMsLjMxLS4yMSwuNDktLjEsLjExLC4wNywuMTgsLjIxLC4yOSwuMzRaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMiwxNi43OWMtLjY2LDAtMS4xOS0uNTItMS4xOS0xLjE4LDAtLjY3LC41My0xLjIxLDEuMTktMS4yMSwuNjYsMCwxLjIxLC41NSwxLjIsMS4yMSwwLC42Ni0uNTQsMS4xOC0xLjIsMS4xOFptMC0uOGMuMjIsMCwuNC0uMTksLjM5LS40MSwwLS4yMS0uMTktLjM4LS4zOS0uMzktLjIyLDAtLjQsLjE4LS40LC40LDAsLjIzLC4xNywuNCwuNCwuMzlaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xMy41OSw0LjRjMCwuNjYtLjUyLDEuMTktMS4xOCwxLjItLjY3LDAtMS4yMS0uNTItMS4yMS0xLjE5LDAtLjY2LC41NS0xLjIxLDEuMjEtMS4yLC42NiwwLDEuMTgsLjU0LDEuMTgsMS4yWm0tMS4xOS0uNGMtLjIyLDAtLjQsLjE4LS40LC40LDAsLjIxLC4xNywuMzgsLjM4LC4zOSwuMjMsMCwuNDEtLjE2LC40MS0uMzgsMC0uMjItLjE3LS40MS0uMzktLjQxWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNOC43OSwwYy40NCwwLC44MSwuMzYsLjgxLC44LDAsLjQzLS4zNSwuNzktLjc4LC44LS40NSwwLS44MS0uMzQtLjgxLS43OEM4LC4zNiw4LjM1LDAsOC43OSwwWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNMjEuOTksNi4yMmMwLC40LS4xMywuNTktLjQsLjU4LS4yNiwwLS4zOS0uMi0uMzktLjU4LDAtLjA5LDAtLjE5LC4wMS0uMjgsLjA0LS4yMSwuMjEtLjM1LC40MS0uMzMsLjIsLjAxLC4zNSwuMTYsLjM3LC4zOCwwLC4wOCwwLC4xNiwwLC4yM1oiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTIxLDEuMjFjLjQsMCwuNTksLjEzLC41OSwuMzksMCwuMjctLjIsLjQtLjYsLjQtLjA5LDAtLjE5LDAtLjI4LS4wMi0uMjEtLjA0LS4zMi0uMTktLjMyLS40LDAtLjIsLjE2LS4zNiwuMzctLjM4LC4wOCwwLC4xNiwwLC4yMywwWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNMjMuMDksNi4xOWMuMDUsLjA0LC4yLC4xLC4yNSwuMjEsLjA1LC4xMiwuMDQsLjMtLjAyLC40MS0uMDgsLjE1LS4yMiwuMjktLjM3LC4zNy0uMTEsLjA2LS4zLC4wNy0uNDEsLjAyLS4xLS4wNS0uMTktLjIxLS4yLS4zMy0uMDMtLjI0LC40My0uNjgsLjc1LS42OFoiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTIxLjk5LDkuOGMwLC40LS4xMiwuNi0uMzksLjYtLjI3LDAtLjQxLS4yLS40MS0uNjEsMC0uMDgsMC0uMTYsMC0uMjMsLjAzLS4yMSwuMjEtLjM2LC40LS4zNSwuMjEsMCwuMzcsLjE3LC4zOSwuMzksMCwuMDcsMCwuMTQsMCwuMjFaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMC4zOSwuNjJjMCwuMDUsMCwuMTEsMCwuMTYtLjAxLC4yNC0uMTcsLjQxLS4zOSwuNDEtLjIzLDAtLjQtLjE2LS40MS0uNDIsMC0uMTIsMC0uMjMsMC0uMzUsLjAxLS4yNSwuMTgtLjQzLC40LS40MywuMjMsMCwuMzksLjE3LC4zOSwuNDMsMCwuMDYsMCwuMTIsMCwuMTlaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMC4zOSwyLjZjMCwuMDcsMCwuMTQsMCwuMjEtLjAyLC4yMy0uMTcsLjM4LS4zOSwuMzgtLjIxLDAtLjM4LS4xNS0uNC0uMzctLjAxLS4xMiwwLS4yNSwwLS4zNywwLS4yOCwuMTctLjQ0LC40MS0uNDQsLjI0LDAsLjM4LC4xNiwuMzksLjQzLDAsLjA1LDAsLjExLDAsLjE2aDBaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xOSwxLjJjLjA1LDAsLjExLDAsLjE2LDAsLjI3LC4wMSwuNDMsLjE2LC40MywuMzksMCwuMjMtLjE2LC4zOS0uNDIsLjQxLS4xMiwwLS4yNSwwLS4zNywwLS4yNS0uMDItLjQtLjE4LS4zOS0uNDEsMC0uMjIsLjE2LS4zNywuNDEtLjM5LC4wNiwwLC4xMiwwLC4xOSwwaDBaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMC4xOCw2LjE5Yy4yNSwwLC42OCwuNDMsLjY3LC42OCwwLC4yOS0uMzMsLjQ5LS41NywuMzMtLjE4LS4xMi0uMzQtLjI4LS40NS0uNDYtLjE1LS4yNCwuMDYtLjU2LC4zNS0uNTZaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMy40LDkuNDljLS4wNCwuMDUtLjEsLjItLjIxLC4yNS0uMTEsLjA1LS4yOSwuMDUtLjM5LDAtLjE2LS4wOS0uMy0uMjMtLjM5LS4zOS0uMDYtLjExLS4wNi0uMywwLS40MSwuMDUtLjEsLjIyLS4xOCwuMzQtLjE5LC4yNC0uMDIsLjY2LC40MiwuNjUsLjc1WiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==")
}

.menu-btn:hover i.new {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmR7ZmlsbDojZDYwMDAwO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYSIvPjxnIGlkPSJiIj48ZyBpZD0iYyI+PGc+PHBhdGggY2xhc3M9ImQiIGQ9Ik0uMjgsMjRjLS4yNi0uMTYtLjMxLS4zOC0uMjMtLjY4LC4yNS0uOTYsLjQ3LTEuOTIsLjcxLTIuODgsLjAzLS4xMywuMTEtLjMsLjIxLS4zNiwuMTEtLjA2LC4zLS4wNSwuNDMsMCwuMTYsLjA3LC4yLC4yNCwuMTYsLjQyLS4xNywuNy0uMzQsMS40MS0uNTEsMi4xMS0uMDIsLjEtLjA0LC4xOS0uMDcsLjMsLjA0LDAsLjA3LDAsLjA4LDAsMS4wNi0uNCwyLjEzLS44MSwzLjIyLTEuMjItLjA1LS4wNi0uMDgtLjEtLjEzLS4xNC0xLjE2LTEuMTItMS44Mi0yLjQ4LTEuOTctNC4wOC0uMDctLjc0LS4xMy0xLjQ4LS4xOC0yLjIyLS4wMi0uMjksLjE3LS40NywuNDMtLjQ1LC4yMSwuMDIsLjM0LC4xNywuMzYsLjQyLC4wNiwuNzYsLjExLDEuNTMsLjE5LDIuMjksLjE2LDEuNTUsLjg4LDIuODEsMi4wOCwzLjgsLjA0LC4wMywuMTMsLjA0LC4xOCwuMDIsMS41LS41NiwyLjk5LTEuMTMsNC41Mi0xLjcxLS4wNy0uMDQtLjEyLS4wOC0uMTctLjEtMy42NS0xLjg3LTUuODYtNC44MS02LjY1LTguODMtLjAxLS4wNi0uMDItLjEyLS4wMi0uMTktLjAxLS4yNCwuMTItLjQyLC4zNS0uNDUsLjItLjAzLC4zOSwuMTEsLjQ0LC4zNCwuMDcsLjMyLC4xMiwuNjUsLjIsLjk2LC45OSwzLjY5LDMuMjUsNi4yOCw2Ljc3LDcuNzcsLjEsLjA0LC4yMywuMDYsLjMzLC4wMiwuODYtLjMxLDEuNzEtLjY0LDIuNTYtLjk2LC4wMy0uMDEsLjA1LS4wMywuMDMtLjAyLS42Ny0uMzYtMS4zOS0uNjktMi4wNC0xLjEtMi45MS0xLjg1LTUuMjItNC4yOC02Ljg2LTcuMzItLjM0LS42My0uNTgtMS4zMS0uNjctMi4wMy0uMTUtMS4yLC42LTIuMDcsMS43Ny0yLjAzLC4wOSwwLC4xOSwuMDIsLjI4LC4wNCwuMjEsLjA2LC4zMiwuMjMsLjI5LC40NC0uMDMsLjItLjIsLjM0LS40MSwuMzMtLjA5LDAtLjE5LS4wMi0uMjgtLjAyLS41MywuMDItLjg0LC4zMy0uODYsLjg2LS4wMiwuNDksLjEzLC45NiwuMzEsMS40MSwuNSwxLjI1LDEuMjUsMi4zNCwyLjEsMy4zNywxLjYyLDEuOTcsMy40OCwzLjY1LDUuNzUsNC44NCwuNTgsLjMsMS4xOCwuNTQsMS44MywuNiwuMTQsLjAxLC4yOCwwLC40MiwwLC40LS4wNSwuNjEtLjI4LC42Ni0uNjcsLjA1LS40NS0uMDYtLjg4LS4yLTEuMzEtLjAzLS4xLS4wOC0uMjEtLjA5LS4zMS0uMDMtLjIsLjA2LS4zNSwuMjUtLjQzLC4xOC0uMDcsLjQsMCwuNDgsLjE4LC4yOSwuNzIsLjUsMS40NSwuMywyLjIzLS4xMiwuNDktLjQ0LC44My0uOTIsMS4wMS0xLjUxLC41Ny0zLjAyLDEuMTMtNC41MywxLjctMy41MSwxLjMyLTcuMDIsMi42NS0xMC41MywzLjk4LS4wNSwuMDItLjA5LC4wNS0uMTQsLjA4aC0uMjNaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMy4xNiwyNGMtLjMyLS4yMS0uMzUtLjM1LS4xOC0uNywuMjctLjU3LC4yOC0xLjE0LC4wMS0xLjcyLS4wMy0uMDYtLjA2LS4xMS0uMDktLjE2LDAsMC0uMDMsMC0uMDIsMC0uMDcsLjI2LS4xMiwuNTMtLjIyLC43Ny0uMjUsLjU5LS43MSwuOTItMS4zNSwuOTctLjY3LC4wNS0xLjE5LS4yNC0xLjUxLS44Mi0uMzEtLjU3LS4yOC0xLjE0LC4xLTEuNjgsLjMyLS40NywuNzctLjc3LDEuMzItLjkyLC4wNS0uMDEsLjEtLjAzLC4xNy0uMDYtLjUzLS42LTEuMTQtMS4wNS0xLjg2LTEuMzQtLjM1LS4xNC0uNzMtLjI0LTEuMDktLjMzLS4yOS0uMDgtLjQ1LS4yNS0uNC0uNDgsLjA1LS4yNSwuMjYtLjM3LC41Ni0uMzEsMS42NiwuMzMsMi45NiwxLjIsMy45MiwyLjU5LC4wOSwuMTQsLjIyLC4yNywuMzUsLjM2LDEuMSwuODEsMS40NiwyLjM3LC44LDMuNTYtLjA2LC4xLS4xNywuMTgtLjI1LC4yN2gtLjIzWm0tMS4wOC0yLjcyaC0uMDNjLS4wMi0uMTQtLjAyLS4yNi0uMDUtLjM4LS4xLS4zOS0uMjktLjQ5LS42Ny0uMzctLjM0LC4xLS42MSwuMy0uODEsLjYtLjI1LC4zOC0uMTQsLjg5LC4yNSwxLjEyLC40LC4yNCwuOTIsLjEsMS4xMi0uMzMsLjA5LS4yLC4xMy0uNDMsLjE5LS42NFoiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTI0LDguMTFjLS4xOSwuMjctLjY4LC40MS0uOTcsLjI0LS4xMS0uMDYtLjIyLS4yMy0uMjItLjM1LDAtLjEyLC4xMS0uMjgsLjIxLS4zNSwuMjgtLjE3LC43OC0uMDQsLjk3LC4yM3YuMjNaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik00LjAzLDQuMTVjMCwuMzYtLjI4LC41NS0uNTgsLjQtLjMtLjE0LS41OC0uMy0uODctLjQ2LS4xMi0uMDctLjIyLS4wNy0uMzUsMC0uMjcsLjE2LS41NCwuMzEtLjgzLC40My0uMTMsLjA1LS4zMywuMDYtLjQ2LDAtLjE3LS4wNy0uMi0uMjYtLjE2LS40NSwuMDYtLjMyLC4xMi0uNjUsLjE2LS45NywwLS4wOC0uMDItLjE4LS4wOC0uMjQtLjIzLS4yNC0uNDYtLjQ2LS43LS42OS0uMTMtLjEyLS4yLS4yNi0uMTQtLjQ0LC4wNi0uMTgsLjItLjI2LC4zOS0uMjksLjMyLS4wNCwuNjMtLjA4LC45NS0uMTQsLjA4LS4wMiwuMTgtLjA5LC4yMi0uMTYsLjE1LS4yNywuMjktLjU1LC40Mi0uODQsLjA4LS4xNywuMi0uMjgsLjM5LS4yOSwuMiwwLC4zMywuMTEsLjQxLC4yOSwuMTIsLjI1LC4yNiwuNSwuMzcsLjc2LC4wNywuMTYsLjE2LC4yNCwuMzQsLjI1LC4yOSwuMDIsLjU5LC4wOSwuODgsLjEyLC4xOCwuMDIsLjMyLC4xLC4zNywuMjcsLjA2LC4xOCwwLC4zMy0uMTQsLjQ2LS4yMiwuMi0uNDIsLjQyLS42NCwuNjItLjEyLC4xMS0uMTcsLjIxLS4xMywuMzksLjA4LC4zMywuMTIsLjY2LC4xNywuOTZaTTIuNCwxLjMyYy0uMTYsLjU3LS41MiwuODQtMS4xMywuNzgsLjE5LC4yMywuNDEsLjM5LC40OCwuNiwuMDcsLjIxLDAsLjQ3LS4wMiwuNzFoMS4zOWMtLjI1LS41My0uMDgtLjk0LC40LTEuMjgtLjYxLC4wMy0uOTYtLjIzLTEuMTItLjgxWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNMTIuODYsMTIuMzljLS4yNCwwLS4zOC0uMDktLjQzLS4yOC0uMDYtLjIxLC4wMS0uMzgsLjIxLS40NywuMzUtLjE3LC43LS4zNCwxLjA1LS41MSwyLjM5LTEuMTQsNC43OS0yLjI4LDcuMTgtMy40MiwuMDYtLjAzLC4xMy0uMDYsLjE5LS4wOSwuMi0uMDcsLjQxLDAsLjUsLjE5LC4wOSwuMTgsLjA0LC4zOS0uMTQsLjUxLS4wNiwuMDQtLjEyLC4wNy0uMTksLjEtMi43LDEuMjktNS40MSwyLjU3LTguMTEsMy44Ni0uMSwuMDUtLjIsLjA4LS4yNiwuMVoiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTEwLDUuMzVjMCwxLjYtLjMyLDMuMTQtLjkzLDQuNjItLjE4LC40NC0uMzYsLjg4LS41NSwxLjMyLS4xMSwuMjctLjMzLC4zNy0uNTYsLjI3LS4yMS0uMDktLjI4LS4zMi0uMTgtLjU4LC4zNS0uOTQsLjc3LTEuODYsMS4wNC0yLjgyLC40OC0xLjY3LC40OS0zLjM3LC4xNS01LjA3LDAtLjA1LS4wMi0uMDktLjAyLS4xNC0uMDUtLjI5LC4wNi0uNDksLjMtLjU0LC4yMy0uMDUsLjQ0LC4xLC40OCwuMzksLjEyLC44NSwuMjMsMS43LC4zNCwyLjU1aC0uMDdaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMC4zOSwxNC40YzAsLjI5LS4yNywuNDUtLjU3LC4zNi0uNDUtLjE0LS44OS0uMy0xLjM0LS40MS0xLjgtLjQ1LTMuNjEtLjQ3LTUuNDMtLjEyLS4zMiwuMDYtLjY1LC4xMi0uOTcsLjE2LS4yMywuMDMtLjQyLS4xLS40NS0uMzEtLjA0LS4yMiwuMDgtLjQzLC4zMS0uNDcsMS4yOC0uMjMsMi41Ny0uNDYsMy44OC0uNDIsMS40NSwuMDUsMi44NywuMyw0LjIzLC44LC4yNSwuMDksLjM1LC4yMSwuMzQsLjQyWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNMTYuMjIsNC40Yy4zMSwwLC42MiwwLC45NCwwLC4yOSwwLC40MywuMTQsLjQ0LC40MywwLC42NCwwLDEuMjgsMCwxLjkyLDAsLjI5LS4xNCwuNDQtLjQzLC40NS0uNjUsMC0xLjMsMC0xLjk0LDAtLjI4LDAtLjQyLS4xNS0uNDMtLjQyLDAtLjY2LDAtMS4zMSwwLTEuOTcsMC0uMjYsLjE1LS40LC40MS0uNDEsLjM0LDAsLjY3LDAsMS4wMSwwWm0tLjYsLjgxdjEuMTdoMS4xNnYtMS4xN2gtMS4xNloiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTE0LjQ1LDcuOTljLS4xMSwuMTUtLjE3LC4yOS0uMjgsLjM4LTEuMSwxLTIuMjEsMi0zLjMyLDIuOTktLjE5LC4xNy0uMzcsLjM0LS41NiwuNS0uMjIsLjE4LS40NCwuMTgtLjYsMC0uMTUtLjE4LS4xMy0uNDEsLjA4LS42LDEuMy0xLjE3LDIuNi0yLjM0LDMuOS0zLjUxLC4xNC0uMTMsLjMxLS4yMSwuNDktLjEsLjExLC4wNywuMTgsLjIxLC4yOSwuMzRaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMiwxNi43OWMtLjY2LDAtMS4xOS0uNTItMS4xOS0xLjE4LDAtLjY3LC41My0xLjIxLDEuMTktMS4yMSwuNjYsMCwxLjIxLC41NSwxLjIsMS4yMSwwLC42Ni0uNTQsMS4xOC0xLjIsMS4xOFptMC0uOGMuMjIsMCwuNC0uMTksLjM5LS40MSwwLS4yMS0uMTktLjM4LS4zOS0uMzktLjIyLDAtLjQsLjE4LS40LC40LDAsLjIzLC4xNywuNCwuNCwuMzlaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xMy41OSw0LjRjMCwuNjYtLjUyLDEuMTktMS4xOCwxLjItLjY3LDAtMS4yMS0uNTItMS4yMS0xLjE5LDAtLjY2LC41NS0xLjIxLDEuMjEtMS4yLC42NiwwLDEuMTgsLjU0LDEuMTgsMS4yWm0tMS4xOS0uNGMtLjIyLDAtLjQsLjE4LS40LC40LDAsLjIxLC4xNywuMzgsLjM4LC4zOSwuMjMsMCwuNDEtLjE2LC40MS0uMzgsMC0uMjItLjE3LS40MS0uMzktLjQxWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNOC43OSwwYy40NCwwLC44MSwuMzYsLjgxLC44LDAsLjQzLS4zNSwuNzktLjc4LC44LS40NSwwLS44MS0uMzQtLjgxLS43OEM4LC4zNiw4LjM1LDAsOC43OSwwWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNMjEuOTksNi4yMmMwLC40LS4xMywuNTktLjQsLjU4LS4yNiwwLS4zOS0uMi0uMzktLjU4LDAtLjA5LDAtLjE5LC4wMS0uMjgsLjA0LS4yMSwuMjEtLjM1LC40MS0uMzMsLjIsLjAxLC4zNSwuMTYsLjM3LC4zOCwwLC4wOCwwLC4xNiwwLC4yM1oiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTIxLDEuMjFjLjQsMCwuNTksLjEzLC41OSwuMzksMCwuMjctLjIsLjQtLjYsLjQtLjA5LDAtLjE5LDAtLjI4LS4wMi0uMjEtLjA0LS4zMi0uMTktLjMyLS40LDAtLjIsLjE2LS4zNiwuMzctLjM4LC4wOCwwLC4xNiwwLC4yMywwWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNMjMuMDksNi4xOWMuMDUsLjA0LC4yLC4xLC4yNSwuMjEsLjA1LC4xMiwuMDQsLjMtLjAyLC40MS0uMDgsLjE1LS4yMiwuMjktLjM3LC4zNy0uMTEsLjA2LS4zLC4wNy0uNDEsLjAyLS4xLS4wNS0uMTktLjIxLS4yLS4zMy0uMDMtLjI0LC40My0uNjgsLjc1LS42OFoiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTIxLjk5LDkuOGMwLC40LS4xMiwuNi0uMzksLjYtLjI3LDAtLjQxLS4yLS40MS0uNjEsMC0uMDgsMC0uMTYsMC0uMjMsLjAzLS4yMSwuMjEtLjM2LC40LS4zNSwuMjEsMCwuMzcsLjE3LC4zOSwuMzksMCwuMDcsMCwuMTQsMCwuMjFaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMC4zOSwuNjJjMCwuMDUsMCwuMTEsMCwuMTYtLjAxLC4yNC0uMTcsLjQxLS4zOSwuNDEtLjIzLDAtLjQtLjE2LS40MS0uNDIsMC0uMTIsMC0uMjMsMC0uMzUsLjAxLS4yNSwuMTgtLjQzLC40LS40MywuMjMsMCwuMzksLjE3LC4zOSwuNDMsMCwuMDYsMCwuMTIsMCwuMTlaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMC4zOSwyLjZjMCwuMDcsMCwuMTQsMCwuMjEtLjAyLC4yMy0uMTcsLjM4LS4zOSwuMzgtLjIxLDAtLjM4LS4xNS0uNC0uMzctLjAxLS4xMiwwLS4yNSwwLS4zNywwLS4yOCwuMTctLjQ0LC40MS0uNDQsLjI0LDAsLjM4LC4xNiwuMzksLjQzLDAsLjA1LDAsLjExLDAsLjE2aDBaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xOSwxLjJjLjA1LDAsLjExLDAsLjE2LDAsLjI3LC4wMSwuNDMsLjE2LC40MywuMzksMCwuMjMtLjE2LC4zOS0uNDIsLjQxLS4xMiwwLS4yNSwwLS4zNywwLS4yNS0uMDItLjQtLjE4LS4zOS0uNDEsMC0uMjIsLjE2LS4zNywuNDEtLjM5LC4wNiwwLC4xMiwwLC4xOSwwaDBaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMC4xOCw2LjE5Yy4yNSwwLC42OCwuNDMsLjY3LC42OCwwLC4yOS0uMzMsLjQ5LS41NywuMzMtLjE4LS4xMi0uMzQtLjI4LS40NS0uNDYtLjE1LS4yNCwuMDYtLjU2LC4zNS0uNTZaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMy40LDkuNDljLS4wNCwuMDUtLjEsLjItLjIxLC4yNS0uMTEsLjA1LS4yOSwuMDUtLjM5LDAtLjE2LS4wOS0uMy0uMjMtLjM5LS4zOS0uMDYtLjExLS4wNi0uMywwLS40MSwuMDUtLjEsLjIyLS4xOCwuMzQtLjE5LC4yNC0uMDIsLjY2LC40MiwuNjUsLjc1WiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==");
}

.menu-btn .more {
    font-weight: 400;
    margin-top: -2px;
}

.menu-btn i.arrow-down {
    width: 12px;
    height: 24px;
    margin-left: 12px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDEzLjczIj48ZGVmcz48c3R5bGU+LmR7ZmlsbDojOTk5O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYSIvPjxnIGlkPSJiIj48ZyBpZD0iYyI+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xMi4wNSw5LjZjLjE0LS4xNiwuMjMtLjMsLjM0LS40MSwyLjg2LTIuODYsNS43Mi01LjcyLDguNTctOC41OCwuNTEtLjUxLDEuMDktLjczLDEuNzktLjU0LDEuMTcsLjMxLDEuNjMsMS43MSwuOSwyLjY4LS4xMSwuMTUtLjI1LC4yOC0uMzgsLjQxLTMuMjcsMy4yOC02LjU1LDYuNTUtOS44Myw5LjgzLS45OSwuOTktMS44OSwuOTktMi44OCwwQzcuMjUsOS42NywzLjk0LDYuMzYsLjYyLDMuMDUsLjExLDIuNTQtLjEyLDEuOTYsLjA2LDEuMjcsLjM2LC4xLDEuNzYtLjM4LDIuNzMsLjM0Yy4xNiwuMTIsLjMsLjI2LC40NCwuNDEsMi44MywyLjgzLDUuNjYsNS42Niw4LjQ5LDguNDksLjEsLjEsLjIxLC4yLC4zOCwuMzZaIi8+PC9nPjwvZz48L3N2Zz4=")
}

.menu-btn:hover i.arrow-down {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDEzLjczIj48ZGVmcz48c3R5bGU+LmR7ZmlsbDojZDYwMDAwO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYSIvPjxnIGlkPSJiIj48ZyBpZD0iYyI+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xMi4wNSw5LjZjLjE0LS4xNiwuMjMtLjMsLjM0LS40MSwyLjg2LTIuODYsNS43Mi01LjcyLDguNTctOC41OCwuNTEtLjUxLDEuMDktLjczLDEuNzktLjU0LDEuMTcsLjMxLDEuNjMsMS43MSwuOSwyLjY4LS4xMSwuMTUtLjI1LC4yOC0uMzgsLjQxLTMuMjcsMy4yOC02LjU1LDYuNTUtOS44Myw5LjgzLS45OSwuOTktMS44OSwuOTktMi44OCwwQzcuMjUsOS42NywzLjk0LDYuMzYsLjYyLDMuMDUsLjExLDIuNTQtLjEyLDEuOTYsLjA2LDEuMjcsLjM2LC4xLDEuNzYtLjM4LDIuNzMsLjM0Yy4xNiwuMTIsLjMsLjI2LC40NCwuNDEsMi44MywyLjgzLDUuNjYsNS42Niw4LjQ5LDguNDksLjEsLjEsLjIxLC4yLC4zOCwuMzZaIi8+PC9nPjwvZz48L3N2Zz4=");
}

.menu-btn i.blog {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmR7ZmlsbDojOTk5O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYSIvPjxnIGlkPSJiIj48ZyBpZD0iYyI+PGc+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xMi43NSwyNGgtMS41Yy0uMDYtLjAxLS4xMi0uMDQtLjE4LS4wNC0xLjA3LS4wOC0yLjEyLS4zLTMuMTMtLjY3QzIuMDEsMjEuMTYtMS4yNSwxNC44MywuNDUsOC43NSwyLjU2LDEuMjIsMTEuMjItMi4zMSwxOC4wMSwxLjYzYzMuMiwxLjg2LDUuMTMsNC42OCw1LjgxLDguMzMsLjA4LC40MywuMTIsLjg2LC4xOCwxLjN2MS40NWMtLjAxLC4wOC0uMDMsLjE1LS4wNCwuMjMtLjA3LC40Ny0uMTEsLjk1LS4yLDEuNDEtLjkzLDQuODMtNC44NCw4LjY1LTkuNyw5LjQ3LS40NCwuMDctLjg4LC4xMi0xLjMyLC4xOFptMy44NC0xMy43YzAtLjY2LDAtMS4zMSwwLTEuOTcsMC0xLjk1LTEuODUtMy44MS0zLjgxLTMuODMtMS4zMS0uMDEtMi42Mi0uMDEtMy45NCwwLTIuNDUsLjAyLTQuMjksMS44My00LjMzLDQuMjgtLjAzLDIuMTUtLjAyLDQuMywwLDYuNDQsLjAxLDEuMDIsLjM0LDEuOTUsMS4wMSwyLjc0LC44OCwxLjA0LDIuMDMsMS41MiwzLjM2LDEuNTMsMi4wOSwuMDIsNC4xNywwLDYuMjYsMCwuMTcsMCwuMzQtLjAyLC41MS0uMDQsMi4wNC0uMjIsMy42Mi0xLjc4LDMuNzktMy44MSwuMDgtLjg4LC4wNC0xLjc4LC4wNC0yLjY3LDAtLjMxLS4wNi0uNjItLjEzLS45My0uMTktLjg3LS43Mi0xLjQyLTEuNi0xLjYtLjM3LS4wNy0uNzYtLjEtMS4xNy0uMTVaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xMi4wMSwxNS43NWMtLjkxLDAtMS44MywwLTIuNzQsMC0uNTIsMC0uOTQtLjQtMS4wMS0uOS0uMDctLjQ5LC4yNC0uOTgsLjcyLTEuMTIsLjEyLS4wNCwuMjYtLjA1LC4zOS0uMDUsMS43NiwwLDMuNTEsMCw1LjI3LDAsLjQzLDAsLjc4LC4xNiwuOTgsLjU1LC4xOSwuMzUsLjE3LC43MS0uMDQsMS4wNS0uMjEsLjMzLS41MiwuNDgtLjkxLC40OC0uODksMC0xLjc4LDAtMi42NywwaDBaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xMC45NCw4LjI1Yy41NCwwLDEuMDgsMCwxLjYyLDAsLjYzLDAsMS4wOSwuNDQsMS4xLDEuMDMsMCwuNTktLjQ1LDEuMDQtMS4wOCwxLjA1LTEuMDksMC0yLjE3LDAtMy4yNiwwLS42NCwwLTEuMDgtLjQ1LTEuMDctMS4wNSwwLS42LC40Ni0xLjAzLDEuMS0xLjAzLC41MywwLDEuMDYsMCwxLjU5LDBaIi8+PC9nPjwvZz48L2c+PC9zdmc+");
}

.menu-btn:hover i.blog {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmR7ZmlsbDojZDYwMDAwO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYSIvPjxnIGlkPSJiIj48ZyBpZD0iYyI+PGc+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xMi43NSwyNGgtMS41Yy0uMDYtLjAxLS4xMi0uMDQtLjE4LS4wNC0xLjA3LS4wOC0yLjEyLS4zLTMuMTMtLjY3QzIuMDEsMjEuMTYtMS4yNSwxNC44MywuNDUsOC43NSwyLjU2LDEuMjIsMTEuMjItMi4zMSwxOC4wMSwxLjYzYzMuMiwxLjg2LDUuMTMsNC42OCw1LjgxLDguMzMsLjA4LC40MywuMTIsLjg2LC4xOCwxLjN2MS40NWMtLjAxLC4wOC0uMDMsLjE1LS4wNCwuMjMtLjA3LC40Ny0uMTEsLjk1LS4yLDEuNDEtLjkzLDQuODMtNC44NCw4LjY1LTkuNyw5LjQ3LS40NCwuMDctLjg4LC4xMi0xLjMyLC4xOFptMy44NC0xMy43YzAtLjY2LDAtMS4zMSwwLTEuOTcsMC0xLjk1LTEuODUtMy44MS0zLjgxLTMuODMtMS4zMS0uMDEtMi42Mi0uMDEtMy45NCwwLTIuNDUsLjAyLTQuMjksMS44My00LjMzLDQuMjgtLjAzLDIuMTUtLjAyLDQuMywwLDYuNDQsLjAxLDEuMDIsLjM0LDEuOTUsMS4wMSwyLjc0LC44OCwxLjA0LDIuMDMsMS41MiwzLjM2LDEuNTMsMi4wOSwuMDIsNC4xNywwLDYuMjYsMCwuMTcsMCwuMzQtLjAyLC41MS0uMDQsMi4wNC0uMjIsMy42Mi0xLjc4LDMuNzktMy44MSwuMDgtLjg4LC4wNC0xLjc4LC4wNC0yLjY3LDAtLjMxLS4wNi0uNjItLjEzLS45My0uMTktLjg3LS43Mi0xLjQyLTEuNi0xLjYtLjM3LS4wNy0uNzYtLjEtMS4xNy0uMTVaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xMi4wMSwxNS43NWMtLjkxLDAtMS44MywwLTIuNzQsMC0uNTIsMC0uOTQtLjQtMS4wMS0uOS0uMDctLjQ5LC4yNC0uOTgsLjcyLTEuMTIsLjEyLS4wNCwuMjYtLjA1LC4zOS0uMDUsMS43NiwwLDMuNTEsMCw1LjI3LDAsLjQzLDAsLjc4LC4xNiwuOTgsLjU1LC4xOSwuMzUsLjE3LC43MS0uMDQsMS4wNS0uMjEsLjMzLS41MiwuNDgtLjkxLC40OC0uODksMC0xLjc4LDAtMi42NywwaDBaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xMC45NCw4LjI1Yy41NCwwLDEuMDgsMCwxLjYyLDAsLjYzLDAsMS4wOSwuNDQsMS4xLDEuMDMsMCwuNTktLjQ1LDEuMDQtMS4wOCwxLjA1LTEuMDksMC0yLjE3LDAtMy4yNiwwLS42NCwwLTEuMDgtLjQ1LTEuMDctMS4wNSwwLS42LC40Ni0xLjAzLDEuMS0xLjAzLC41MywwLDEuMDYsMCwxLjU5LDBaIi8+PC9nPjwvZz48L2c+PC9zdmc+");
}

.new-games .more span {
    font-size: 10px;
}

.new-games-pop-up {
    position: absolute;
    top: 100%;
    transform: translateY(8px);
    left: 0;
    width: 180px;
    background: #fff;
    padding: 8px 0px;
    z-index: 2;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

.new-games-pop-up a {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 16px;
    align-items: center;
    padding: 8px 16px;
    color: #717171;
    text-decoration: none;
}

.new-games-pop-up a:hover {
    background: #f5f5f5;
    color: #d60000;
}

.menu-mobile {
    display: none;
}

.menu-mobile i {
    font-size: 32px;
}

.menu-mobile .top-menu {
    display: flex;
    align-items: center;
    padding: 8px;
}

.menu-mobile .back-button {
    width: 28px;
    height: 28px;
    margin: 0 8px;
    display: flex;
    align-items: center;
}

.new-games-pop-up-mobile {
    display: none;
}

.head-inner .search-form {
    position: static;
    top: 100%;
    box-sizing: border-box;
    padding: 0;
    display: block;
}

.right-btn-mobile {
    display: none;
}

.right-btn-mobile .search-btn {
    width: 20px;
    height: 20px;
    background-size: cover;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ljg2Ij48ZGVmcz48c3R5bGU+LmR7ZmlsbDojYmJiO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYSIvPjxnIGlkPSJiIj48ZyBpZD0iYyI+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xMC42OSwwYy41LC4wOCwxLjAxLC4xMywxLjUsLjI0LDMuOTUsLjg1LDcuMDYsNC4wOSw3LjczLDguMDcsLjQ5LDIuOTctLjIxLDUuNjQtMi4wNyw4LjAyLS4wNCwuMDUtLjA4LC4xLS4xMiwuMTcsLjcsLjczLDEuMzksMS40NSwyLjA5LDIuMTcsMS4yNiwxLjMxLDIuNTEsMi42MSwzLjc3LDMuOTIsLjU1LC41OCwuNTYsMS4zOSwuMDIsMS45MS0uNTQsLjUyLTEuMzUsLjQ5LTEuOS0uMDktMS45MS0xLjk4LTMuODEtMy45Ni01LjcyLTUuOTUtLjA2LS4wNi0uMTEtLjEyLS4xNy0uMTktLjE5LC4xMi0uMzcsLjIzLS41NCwuMzQtNS44MSwzLjU3LTEzLjUsLjM0LTE1LjAxLTYuMzFDLS44Myw3LjU0LDEuNjIsMi43Myw2LjEsLjgxLDcuMDksLjM4LDguMTIsLjEyLDkuMTksLjA0Yy4wNiwwLC4xMi0uMDMsLjE5LS4wNCwuNDQsMCwuODcsMCwxLjMxLDBabS0uNjUsMTcuNDZjNC4xMS0uMDEsNy40My0zLjM1LDcuNDEtNy40NC0uMDItNC4xMS0zLjM1LTcuNDEtNy40NS03LjQtNC4wOSwuMDItNy40LDMuMzUtNy4zOCw3LjQ0LC4wMSw0LjA5LDMuMzUsNy40MSw3LjQyLDcuNFoiLz48L2c+PC9nPjwvc3ZnPg==");
}
#mobile-search-button img{
    height: 30px !important;
}
.menu-ul {
    display: flex;
    align-items: center;
}

.menu-ul li {
    float: left;
    position: relative;
    margin: 0 10px 0 0;
}

.menu-ul li .tooltip {
    position: absolute;
    bottom: -44px;
    left: 5px;
    z-index: 2;
}

.tooltip .arrow {
    position: absolute;
    left: 50px;
    top: -7px;
    width: 14px;
    height: 9px;
    background: url(../image/sprite.png?v=3) no-repeat;
    background-position: -342px -32px;
}

.featip {
    width: 140px;
}

.tip-txt {
    background: #d60000;
    border: 1px solid #fff;
    border-radius: 5px;
    line-height: 33px;
    font-size: 13px;
    font-family: "Nunito", sans-serif;
    text-align: center;
    color: #fff;
    padding: 0 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.menu-ul li a {
    padding: 7px 22px 9px;
    color: #484848;
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    display: block;
    margin: 0 20px;
}

.menu-ul li a.active,
.menu-ul li a:hover {
    color: #D60000;
    text-decoration: none;
}

.menu-ul li a span {
    display: block;
    margin: 0 auto;
}

.menu-ul li i {
    display: block;
    height: 40px;
    margin: 0 auto;
    background: url(../image/sprite.png?v=3) no-repeat;
}

.menu-ul li i.new {
    width: 59px;
    background-position: 0 0;
}

.menu-ul li i.best {
    width: 51px;
    background-position: -60px 0;
}

.menu-ul li i.featur {
    width: 43px;
    background-position: -159px 0;
}

.menu-ul li i.recent {
    width: 37px;
    background-position: -203px 0;
}

.menu-ul li i.blog {
    width: 37px;
    background-position: -9px -47px;
}

.menu-ul li i.cate {
    width: 43px;
    background-position: -114px 0;
}

.menu-ul li i.search {
    width: 41px;
    background-position: -244px 0;
}

.cate-list {
    position: absolute;
    top: 70px;
    right: 20px;
    background: #fff;
    width: 180px;
    z-index: 2;
}

.menu-ul li li {
    float: none;
    margin: 0;
}

.menu-ul li li a {
    font-family: "Nunito", sans-serif;
    text-transform: none;
    font-size: 14px;
    padding: 5px 10px;
    text-align: left;
    color: #043856 !important;
    margin: 0;
    cursor: pointer;
}

.menu-ul li li a:hover {
    background: #d60000;
    color: #fff !important;
}

.menu-ul li li a:hover span {
    color: #fff !important;
}

.menu-ul li li a span {
    margin: 0 0 0 5px;
    color: #d60000;
    display: inline;
}

.search-form {
    width: 450px;
    position: relative;
}
 
.search-form form {
    flex: 1;
    height: 48px;
    display: flex;
    align-items: stretch;
    position: relative;
}

.search-form .txt {
    flex: 1;
    min-height: 48px;
    background-color: rgb(69, 71, 102);
    border: 0;
    display: flex;
    align-items: center;
    padding: 0 56px 0 20px;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}



.search-form .txt::placeholder {
    color: #bfc2d3;
    opacity: 1;
}

.search-form .txt,
.search-form .txt:focus,
.search-form .txt:active {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

.search-form .btn {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    background-image: url("/static/menu-img/search.svg");
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 999px;
}


.content {
    max-width: 1200px;
    margin: auto;
    min-height: 100vh;
}

.content h1 {
    height: 0;
    line-height: 0;
    font-size: 0;
    text-indent: -9999px;
}

#content {
    margin: 20px auto;
    position: relative;
    width: 100% !important;
    height: auto !important;
}

.post {
    display: inline-block;
    width: 169px;
    height: 130px;
    margin: 0 0 10px;
    box-sizing: border-box;
}

.post:hover {
    transform: scale(1.1);
    transition: ease-in 0.2s;
    z-index: 2;
}

.post img {
    width: 169px;
    height: 125px;
    border: 2px solid #fff;
    border-radius: 10px;
}

.post .post-name {
    position: absolute;
    bottom: 2px;
    left: 2px;
    width: 100%;
    line-height: 16px;
    overflow: hidden;
    display: none;
    border-radius: 0 0 7px 7px;
    font-family: "Nunito", sans-serif;
    font-size: 13px;
    font-weight: 700;
    box-sizing: border-box;
}

.flex-similar-games .post .post-name {
    bottom: -6px;
    left: 2px;
}

.post a:hover .post-name {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 40%, rgba(1, 1, 1, 0) 100%);
    display: block;
    color: #fff;
    display: flex;
    align-items: end;
    padding: 8px;
}

.post a:hover img {
    border: 2px solid #043856;
}

.post-trick:hover {
    transform: none;
    transition: ease-in 0.2s;
    z-index: 2;
}

.post-trick,
.post-trick a:hover img,
.post-trick img {
    width: 300px;
    height: 250px;
    border: none;
}

.post-trick {
    position: relative;
    width: 355px;
    height: 267px;
    overflow: hidden;
    background: #fff;
    float: right;
    border-radius: 10px;
    border: 1px solid #002c51;
}

.ad-desc-left {
    float: left;
    width: 18px;
    padding: 3px 0 0;
    position: absolute;
    top: 92px;
    left: 7px;
}

.ad-desc-right {
    float: right;
    width: 18px;
    padding: 3px 0 0;
    position: absolute;
    top: 92px;
    right: 2px;
}

.ad-desc-left img,
.ad-desc-right img {
    width: 10px !important;
    height: 81px !important;
    border-radius: inherit;
}

.post-trick span {
    display: block;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Nunito";
    margin: 3px auto;
    text-align: center;
}

.fix {
    position: fixed;
    bottom: 0;
}

#footer {
    width: 100%;
    background: #fff;
    margin: 40px 0 0;
    /* display: none !important; */
}

.foot-inner {
    margin: 0 auto;
    padding: 0 80px;
    color: #d60000;
}

/* Firefox (uncomment to work in Firefox, although other properties will not work!)  */
/** {
  scrollbar-width: thin;
  scrollbar-color: #AAADBE #0C0D14;
}*/

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

*::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #0C0D14;
}

*::-webkit-scrollbar-track:hover {
    background-color: #0C0D14;
}

*::-webkit-scrollbar-track:active {
    background-color: #0C0D14;
}

*::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #AAADBE;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #AAADBE;
}

*::-webkit-scrollbar-thumb:active {
    background-color: #AAADBE;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

#search-results {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

#footer a {
    color: #d60000;
    line-height: 33px;
}

#footer span {
    color: #d60000;
    line-height: 33px;
}

.link-b2 {
    margin: 0 auto;
    text-align: center;
}

.ad728 {
    height: 90px;
    float: right;
}

#games-thumb,
#topad {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    min-width: 750px;
}

#topad {
    margin-top: 28px;
    margin-bottom: 5px;
}

.adbox {
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
}

.adtitle {
    display: none;
    float: left;
    width: 20px;
    padding: 3px 0 0;
}

.f-game {
    width: 180px;
    float: right;
}

.f-game li {
    width: 180px;
    height: 90px;
    float: left;
}

.f-game li img {
    width: 100%;
    height: 100%;
}

.s-list {
    width: 100%;
    overflow: hidden;
    height: 55px;
    margin: 5px 0 0 10px;
}

.s-list li {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 8px 0 0;
}

.s-list li img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

#game-col {
    margin: 20px auto;
    width: 90%;
    max-width: 1280px;
    display: flex;
    align-items: start;
    justify-content: center;
    position: relative;
}

.ad160 {
    width: 160px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}

.ad300 {
    text-align: center;
    color: #fff;
}

.game-right {
    color: #fff;
}

.game-left {
    color: #fff;
}

.relategames {
    width: 120px;
    text-align: center;
}

.game-left {
    display: none;
}

.s-list li div {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.game-title {
    font-size: 21px !important;
    margin-bottom: -11px;
    display: block;
}

.gametitle {
    height: 35px;
    border-bottom: 1px dotted #fff;
    margin: 0 0 13px;
}

.gametitle .l-link {
    float: left;
    width: 68px;
}

.gametitle .l-link a {
    float: left;
    width: 25px;
    height: 25px;
    background: url(../image/sprite.png?v=3) no-repeat;
    margin-top: 5px;
}

.gametitle .l-link a.home {
    background-position: -331px -85px;
    margin-right: 8px;
}

.gametitle .l-link a.back {
    background-position: -306px -85px;
    margin-right: 10px;
}

.gametitle .gamename {
    font-size: 18px;
    color: #fff;
    line-height: 35px;
}

.gamename .flag {
    display: inline-block;
    width: 19px;
    height: 27px;
    background-position: -287px 0;
    margin: 0 8px 0 0;
    vertical-align: -10px;
}

#gameFull,
#gameReplay,
.flag {
    display: inline-block;
    background: url(../image/sprite.png?v=3) no-repeat;
}

#gameFull {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: -307px 0;
}

#gameReplay {
    width: 17px;
    height: 17px;
    background-position: -327px 0;
}

#game-bottom {
    padding: 20px;
    box-sizing: border-box;
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
}

.tags-walkthrough-container {
    max-width: 960px;
    margin: 20px auto;
    display: flex;
}

.game-walkthrough {
    flex: 1;
    background: #fff;
    padding: 20px;
}

.game-walkthrough p {
    font-size: 1.25em;
    font-weight: 600;
    margin-bottom: 8px;
}

.game-dec {
    width: 660px;
}

.game-dec .thumb {
    position: relative;
    width: 200px;
    height: 200px;
    float: left;
    margin: 0 0 10px;
}

.game-dec .thumb img {
    width: 100%;
    height: 100%;
}

.game-dec .tags {
    margin: 10px 0 0;
}

.game-dec .thumb .tags {
    position: absolute;
    left: 5px;
    top: 10px;
    width: 190px;
}

.game-dec .tags a {
    display: inline-block;
    height: 23px;
    line-height: 23px;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #479de5;
    border-radius: 5px;
    color: #fff;
    margin: 0 8px 10px 0;
}

.game-dec .tags a:hover {
    background: #043856;
    border: 1px solid #fff;
    color: #000;
    text-decoration: none;
}

.game-dec .description {
    float: right;
    width: 440px;
    color: white;
}

.ahout-also {
    border-radius: 5px 5px 0 0;
}

.ahout-also .game-dec {
    width: 360px;
    margin-left: 10px;
    font-size: 15px;
    color: #fff;
}

.ahout-also .game-dec .description {
    float: none;
    width: auto;
    margin-left: 210px;
    min-height: 200px;
}

.ahout-also .game-dec .tags a {
    border: none;
    background: 0 0;
    padding: 0 3px;
    margin: 0;
    height: 20px;
    line-height: 20px;
}

.game-dec .description a {
    color: #d60000;
}

.ahout-also .game-dec .description a {
    color: #fff;
}

.pl {
    font-size: 13px;
    font-weight: 400;
    font-family: "Nunito", sans-serif;
    line-height: 180%;
}

.embedcode {
    width: 408px;
    height: 35px;
    background: #fff;
    border: 1px solid #fff;
    max-width: 408px;
    text-align: left;
}

p.d-text {
    clear: both;
}

.d-text a, .d-text a:visited, .d-text a:active, .d-text a:hover {
    color: #d60000;
    text-decoration: underline;
    font-weight: bold;
}

.game-video {
    width: 728px;
    margin: 20px auto 0;
}

.video-title {
    font-size: 18px;
    font-family: "Nunito", sans-serif;
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 14px;
    position: relative;
}

.video-box {
    padding: 14px 0;
    min-height: 400px;
}

.video-title a {
    position: absolute;
    top: 0;
    right: 10px;
    color: #333;
}

.pageAds .video-title a {
    color: #fff;
}

#Boxshadow {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.9;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1111;
}

#Close {
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

#Gameinner {
    width: 980px;
    margin: 0 auto;
    padding: 10px;
    min-height: 330px;
    position: relative;
    border-radius: 5px;
    padding-top: 40px;
    margin-top: 35px;
}

#Gameinner .ad160 {
    padding: 0;
}

.gamemasnory {
    max-width: 960px;
    margin: 0 auto 0 30px;
}

#Gameinner .gamemasnory {
    max-width: 820px;
    margin: 0 auto 0 15px;
}

#Gameinner a {
    cursor: pointer;
}

.game-also {
    width: 820px;
}

.game-also .adv728 {
    padding: 0 10px 10px;
}

.also-title {
    font-size: 18px;
    color: #fff;
    line-height: 35px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
}

.partners {
    padding: 0 6px 16px;
}

.single {
    float: left;
    border-bottom: 1px dotted #0164bf;
    border-right: 1px dotted #0164bf;
    padding: 15px 0;
}

.single:nth-child(even) {
    border-right: 0;
    padding-left: 15px;
}

.single p a {
    color: #043856;
    margin: 0 5px 0 0;
}

.rside {
    border-right: 0;
    padding-left: 15px;
}

.mainpic {
    width: 115px;
}

.mainpic img {
    width: 100px;
    height: 100px;
    border-radius: 5px;
}

.info {
    width: 360px;
    color: #fff;
}

.info .pl a {
    font-size: 18px;
    color: #fff;
}

.info .itext {
    line-height: 16px;
}

.info span {
    color: #043856;
    margin: 0 0 0 5px;
}

.tag {
    padding: 10px 20px;
    float: left;
    width: 282px;
    margin: 0 0 10px;
}

.tagpic {
    width: 85px;
}

.tagpic img {
    width: 70px;
    height: 70px;
    border-radius: 5px;
}

.taginfo {
    padding: 10px 0 0;
}

.taginfo .pl {
    font-size: 18px;
    color: #212121;
}

.taginfo .num {
    color: #212121;
}

.taglink:hover .tag {
    background: #d60000;
    border-radius: 10px;
}

.taglink:hover p {
    color: #fff;
}

.bottomtext {
    width: 98%;
    margin: 0 auto 50px;
}

#BackTop {
    width: 114px;
    height: 194px;
    background: url(../image/backtotop.png) no-repeat;
    position: fixed;
    bottom: 40px;
    right: 10px;
    cursor: pointer;
    display: none !important;
    z-index: 9999;
}

#BackTop:hover {
    background: url(../image/backtotoph.png) no-repeat;
}

#Pages {
    width: 960px;
    margin: 15px auto 70px;
    padding: 20px;
}

.privacy-t,
p.big-t {
    font-size: 28px;
    font-family: "Nunito", Arial, Helvetica, sans-serif;
    text-align: center;
    color: #fff;
}

p.big-t {
    font-size: 20px;
    text-align: left;
}

#Pages dl {
    margin: 15px 0;
}

#Pages dt {
    font-size: 18px;
    color: #043856;
}

#Pages dd {
    line-height: 25px;
}

/* Crazy static pages: shared readable layout for About, Contact, Privacy and Terms */
.crazy-static-page {
    width: min(100%, 1040px);
    margin: 24px auto;
    padding: clamp(22px, 3vw, 42px);
    border: 1px solid rgba(139, 92, 246, 0.22);
    border-radius: 18px;
    background: #1f2030;
    color: #f3f4f6;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
    font-size: 16px;
    line-height: 1.72;
    overflow-wrap: anywhere;
}

.crazy-static-page .privacy-t,
.crazy-static-page > h1 {
    margin: 0 0 24px;
    color: #ffffff;
    font-size: clamp(28px, 2vw, 3px);
    line-height: 1.15;
    font-weight: 700;
    text-align: left;
}

.crazy-static-meta {
    display: grid;
    gap: 6px;
    margin: 0 0 26px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 10px;
    background: #27283a;
    color: #f3f4f6;
    font-size: 14px;
    line-height: 1.45;
}

.crazy-static-meta-row {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 12px;
}

.crazy-static-meta-label {
    color: #d1d5db;
    font-weight: 700;
}

.crazy-static-page .static-page-content,
.crazy-static-page .crazy-static-content-value,
.crazy-static-page .crazy-static-intro {
    color: #e5e7eb;
}

.crazy-static-page p {
    margin: 0 0 16px;
}

.crazy-static-page h2,
.crazy-static-page h3,
.crazy-static-page h4 {
    margin: 28px 0 12px;
    color: #ffffff;
    line-height: 1.3;
    font-weight: 800;
}

.crazy-static-page h2 {
    font-size: 26px;
}

.crazy-static-page h3 {
    font-size: 21px;
}

.crazy-static-page h4 {
    font-size: 18px;
}

.crazy-static-page ul,
.crazy-static-page ol {
    margin: 0 0 18px 24px;
    padding: 0;
}

.crazy-static-page ul {
    list-style: disc;
}

.crazy-static-page ol {
    list-style: decimal;
}

.crazy-static-page li {
    margin-bottom: 8px;
}

.crazy-static-page a {
    color: #c4b5fd;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.crazy-static-page a:hover,
.crazy-static-page a:focus-visible {
    color: #ddd6fe;
}

.crazy-static-page table {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 18px 0;
    overflow-x: auto;
    border-collapse: collapse;
    -webkit-overflow-scrolling: touch;
}

.crazy-static-page th,
.crazy-static-page td {
    min-width: 150px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    text-align: left;
    vertical-align: top;
}

.crazy-static-page th {
    background: #2b2c42;
    color: #ffffff;
}

.crazy-static-contact {
    max-width: 760px;
}

.crazy-static-intro {
    margin-bottom: 22px;
}

.contact-form {
    margin-top: 22px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 12px;
    background: #181927;
}

.contact-website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.form-group {
    margin-bottom: 16px;
}

.form-group label {
    display: block;
    margin-bottom: 7px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group textarea {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid #55586f;
    border-radius: 8px;
    background: #252641;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.4;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #b6b8c8;
    opacity: 1;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: #a78bfa;
    box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.22);
    outline: none;
}

.form-group textarea {
    min-height: 130px;
    resize: vertical;
}

.contact-submit-btn {
    width: 100%;
    min-height: 48px;
    padding: 12px 24px;
    border: 1px solid #8b5cf6;
    border-radius: 8px;
    background: #5b21b6;
    color: #ffffff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 800;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.contact-submit-btn:hover,
.contact-submit-btn:focus-visible {
    border-color: #a78bfa;
    background: #4c1d95;
}

.contact-submit-btn:disabled {
    border-color: #6b7280;
    background: #4b5563;
    color: #ffffff;
    cursor: not-allowed;
}

#contactPopupMessage {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999;
    width: calc(100% - 32px);
    max-width: 430px;
    padding: 16px 20px;
    border-radius: 10px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    transform: translate(-50%, -50%);
}

#contactPopupMessage.success {
    background: #166534;
}

#contactPopupMessage.error {
    background: #991b1b;
}

@media screen and (max-width: 700px) {
    .crazy-static-page {
        width: 100%;
        margin: 16px auto;
        padding: 20px 16px;
        border-radius: 12px;
        font-size: 15px;
        line-height: 1.65;
    }

    .crazy-static-page .privacy-t,
    .crazy-static-page > h1 {
        margin-bottom: 18px;
        font-size: 30px;
    }

    .crazy-static-meta {
        padding: 12px;
    }

    .crazy-static-meta-row {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .crazy-static-page h2 {
        font-size: 23px;
    }

    .crazy-static-page h3 {
        font-size: 19px;
    }

    .contact-form {
        padding: 18px 14px;
    }
}

.nofound {
    width: 600px;
    margin: 120px auto;
    min-height: 200px;
    background: url(../image/404_logo.png) no-repeat;
    font-size: 17px;
    font-family: "Nunito", sans-serif;
}

.nofound-main {
    background: url(../image/404.png) center top no-repeat;
    margin-left: 240px;
    padding-top: 135px;
    text-align: center;
}

.nofound-main a {
    color: #043856;
    text-decoration: underline;
}

.best_icon,
.featured_icon,
.new_icon {
    width: 65px;
    height: 65px;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 10;
}

.featured_icon {
    background: url(../image/featured_icon.png) no-repeat;
}

.new_icon {
    background: url(../image/new_icon.png) no-repeat;
}

.best_icon {
    background: url(../image/best_icon.png) no-repeat;
}

#loader_container {
    margin-top: 15px;
}

#loader_container {
    width: 670px;
    height: 485px;
}

.game-zoom {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding: 0 8px;
}

.game-zoom .game-image {
        width: 40px;
        height: 40px;
        background: url("../../../static/logo/y8/logo-y8.webp") no-repeat;
        display: block;
        position: relative;
        background-size: 64px;
        background-position: center;
        margin-right: 8px;
        border-radius: 8px;
}

.game-zoom .game-zoom-info {
    display: flex;
    align-items: center;
}

.game-zoom > div {
    display: flex;
    align-items: center;
}

.game-zoom > div > p {
    margin-right: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #3a3a3a;
}

.game-zoom .game-zoom-btn {
    background-color: #d60000;
    padding: 8px;
    padding-bottom: 2px;
}

.game-left, .game-right {
    display: flex;
    position: absolute;
    height: 100%;
    max-height: 100%;
}

.game-left {
    right: 100%;
    margin-right: 16px;
}

.game-right {
    top: 0;
    left: 100%;
    margin-left: 16px;
}

.relategames {
    background-color: white;
    height: 100%;
    max-height: 100%;
    padding: 8px;
    border-radius: 8px;
    box-sizing: border-box;
}

.relategames .post-name {
    line-height: 125%;
    margin-top: 4px;
    color: #d60000;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (min-width: 1281px) {

    .game-left .ad160 {
        margin: 0 15px 0 0;
    }

    #game-col {
        width: 100%;
    }

    #loader_container {
        width: 710px;
        height: 536px;
    }

    .relategames.bgs {
        background: 0 0;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    #game-col {
        width: 1250px;
    }

    #loader_container {
        width: 610px;
    }

    .game-left .ad160 {
        margin: 0 15px 0 0;
    }

    .relategames.bgs {
        background: 0 0;
    }
}

.gameinfo {
    margin: 20px auto 0;
    padding: 20px;
    width: 900px;
    background-color: #043856;
    border-radius: 20px;
}

.gameinfo a {
    color: #ffc;
}

.gameinfo .ad160 {
    width: 160px;
    padding: 0;
    color: #fff;
}

.gameinfo .ad300 {
    width: 300px;
}

.gameinfo .gameinfo-main {
    width: 730px;
    color: #ffc;
    font-size: 16px;
    line-height: 28px;
}

.gameinfo-dec {
    width: 410px;
    margin-left: 20px;
}

.gameinfo-main-f {
    margin: 10px 0;
}

.gameinfo-main-f .thumb {
    text-align: center;
    width: 300px;
}

.gameinfo-main-f .thumb img {
    width: 200px;
    height: 200px;
    display: inline-block;
    border-radius: 10px;
}

.gameinfo-main-f .ad300 {
    margin-right: 80px;
}

.gameinfo-masnory {
    width: 960px;
    margin: 20px auto;
}

.gameinfo-masnory .gamemasnory {
    margin: 0 auto 0 10px;
    width: 960px;
}

.pageAds {
    width: 990px;
    margin: 30px auto 60px;
    color: #fff;
    background: #043856;
}

.pageAds h3 {
    font-size: 12px;
    font-family: "Nunito", tahoma, arial, sans-serif;
}

.pageAds h3.sg {
    padding: 20px 0 0 10px;
    font-size: 16px;
}

.pageAds .gamemasnory {
    width: 960px;
    margin-left: 18px;
}

.page-box {
    background: #043856;
    margin: 0;
    padding: 20px 12px 0;
}

.games-t {
    width: 250px;
    overflow: hidden;
    margin: 0 20px 0 0;
}

.games-t ul {
    width: 260px;
    margin: -5px 0 0;
}

.games-t ul li {
    float: left;
    margin: 0 10px 10px 0;
}

.games-t ul li img {
    width: 120px;
    height: 120px;
}

.page-game-banner {
    width: 990px;
    margin: 20px auto -10px;
    padding: 0 0 0 14px;
}

.page-game-banner li {
    float: left;
    width: 180px;
    height: 90px;
    margin: 0 18px 0 0;
}

.page-game-text {
    font-size: 14px;
    width: 325px;
    overflow: hidden;
    margin: 0 0 0 25px;
}

.page-game-des {
    width: 290px;
    font-size: 14px;
}

.page-game-des strong {
    color: #000;
    font-size: 16px;
}

.text-col {
    height: 255px;
    overflow: hidden;
}

.text-col .des {
    height: 250px;
    overflow-y: scroll;
}

.tipbottom {
    font-size: 14px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    background: #3990e1;
    color: #fff;
    text-transform: uppercase;
}

.tipbottomplay {
    width: 150px;
    margin: 5px auto 0;
    height: 25px;
    line-height: 25px;
    background: #609;
}

.tipbottomplay a {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}

.ad300 {
    margin: 0;
    text-align: center;
}

.page-game-img {
    width: 250px;
    text-align: center;
    margin: 0 38px 0 60px;
}

.page-game-img p {
    overflow: hidden;
}

.page-game-img p.g-link {
    padding: 6px 0;
    border-radius: 10px;
    background: #3fc0f2;
    line-height: 1.5;
    width: 135px;
    height: auto;
    margin: 0 auto;
}

.page-game-img img {
    width: 250px;
    height: 250px;
}

.page-game-img p.g-link a {
    color: #fff;
    font-size: 24px;
}

.adtit {
    color: #666;
    font-size: 10px;
}

.page-game-text p {
    margin: 0 0 10px;
}

.page-game-text p strong {
    color: #000;
    font-size: 16px;
}

.page-game-text p a {
    color: #fff;
}

.page-game-text .pt {
    margin: 0 0 5px;
    font-weight: 700;
    font-size: 20px;
    color: #000;
    height: 30px;
    overflow: hidden;
}

.page-game-text .pt a {
    color: #fff;
}

.page-game-text .tag {
    margin: 0 0 10px;
    padding: 0;
}

.page-game-text .des {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-game {
    padding: 10px;
    background: #043856;
    margin: 0 0 10px;
}

.page-game li {
    float: left;
    margin: 0 7px 0 9px;
}

.page-game li img {
    width: 136px;
    height: 136px;
    border-radius: 10px;
    border: 2px solid #fff;
}

.rads {
    padding: 10px;
    background: #043856;
    height: 90px;
    width: 760px;
    margin: 0 auto;
}

.rads .adtit {
    width: 80px;
    transform: rotate(-90deg);
    transform-origin: 45px 45px 0;
    letter-spacing: 1px;
}

.rads .ad728 {
    margin: -18px 0 0 28px;
}

.pageAds .embedcode {
    height: 80px;
    width: 100%;
    border: 0;
    background: #043856;
    color: #fff;
    font-size: 14px;
    margin: 0 0 10px;
}

.ad728list {
    margin: 20px auto;
    width: 100%;
    max-width: 728px;
}

.pageAds .game-video {
    width: 800px;
}

.walkthrough-link {
    position: fixed;
    z-index: 9999;
}

.left-top {
    left: 8%;
    top: 220px;
}

.left-bottom {
    left: 8%;
    bottom: 0;
}

.right-top {
    right: 8%;
    top: 100px;
}

.right-bottom {
    right: 8%;
    bottom: 0;
}

#cookieconsent {
    display: block !important;
    position: fixed;
    right: 10px;
    bottom: 33px;
    width: 342px;
    padding: 15px;
    background: #383b75;
    color: #fff;
    border-radius: 12px;
    font-size: 16px;
    text-align: center;
    z-index: 9999;
}

#cookieconsent span a {
    color: #aee8ff;
    text-decoration: underline;
}

.copyright {
    display: block;
    text-align: center;
    color: #6e7582;
    font-size: 12px;
}

.copyright a:focus,
.copyright a:hover {
    color: #337ab7;
}

.blog-list-content {
    display: flex;
    margin-bottom: 20px;
    text-decoration: none !important;
    color: #010101;
}

.blog-list-image {
    display: block;
    width: 200px;
    height: 150px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}

.blog-list-description {
    width: 80%;
    margin-left: 20px;
}

.blog-list-title {
    font-size: 23px;
    font-weight: bold;
    max-width: 700px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-list-title:hover,
.blog-list-more:hover {
    text-decoration: underline;
}

.blog-list-date {
    font-size: 11px;
}

.blog-list-post {
    font-size: 14px;
    max-width: 700px;
    height: 50px;
    overflow: hidden;
}

.blog-list-more {
    font-size: 13px;
    display: block;
    font-weight: bold;
    margin-top: 3px;
    font-style: italic;
    color: #d60000;
}

.blog-big {
    font-size: 40px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

.blog-post-title{margin:0 0 12px;color:#fff;font-size:clamp(26px,4vw,22px);line-height:1.15;font-weight:700;text-align:left}
.blog-post-date{color:#d1d5db;font-size:14px;line-height:1.5}
.blog-post-bottom{margin-bottom:12px}
.blog-load-more{display:block;min-height:46px;margin:8px auto 0;padding:11px 24px;border:1px solid #8b5cf6;border-radius:9px;background:#5b21b6;color:#fff;cursor:pointer;font-size:15px;font-weight:800}
.blog-load-more:hover,.blog-load-more:focus-visible{background:#4c1d95;border-color:#a78bfa}
.blog-load-more:disabled{cursor:wait;opacity:.75}

.game-item-video {
    width: 105%;
    height: 105%;
    position: absolute;
    z-index: 2;
    top: -5px;
    left: -3px;
    overflow: hidden;
    border-radius: 10px;
}

.page-title {
    color: #010101;
    text-align: center;
    max-width: 860px;
    position: relative;
    margin: 20px auto 0;
}

.page-title h1 {
    height: auto;
    text-indent: 0%;
    font-size: 40px;
    line-height: normal;
    font-weight: bold;
    line-height: 125%;
    margin-bottom: 20px;
}

.home-categories-tags-container {
    margin: 20px 25px;
    background: #fff;
    padding: 20px 20px 4px 20px;
    border-radius: 5px;
}

.home-categories,
.home-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.home-categories a,
.home-tags a {
    padding: 12px 16px;
    margin: 0 16px 16px 0;
    border-radius: 8px;
}

.home-categories a:nth-child(1) {
    background-color: #ef4444;
    /* Red 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(239, 68, 68, 0.7);
    /* Red shadow */
}

.home-categories a:nth-child(2) {
    background-color: #f97316;
    /* Orange 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(249, 115, 22, 0.7);
    /* Orange shadow */
}

.home-categories a:nth-child(3) {
    background-color: #f59e0b;
    /* Amber 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(245, 158, 11, 0.7);
    /* Amber shadow */
}

.home-categories a:nth-child(4) {
    background-color: #eab308;
    /* Yellow 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(234, 179, 8, 0.7);
    /* Yellow shadow */
}

.home-categories a:nth-child(5) {
    background-color: #84cc16;
    /* Lime 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(132, 204, 22, 0.7);
    /* Lime shadow */
}

.home-categories a:nth-child(6) {
    background-color: #22c55e;
    /* Green 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(34, 197, 94, 0.7);
    /* Green shadow */
}

.home-categories a:nth-child(7) {
    background-color: #10b981;
    /* Emerald 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(16, 185, 129, 0.7);
    /* Emerald shadow */
}

.home-categories a:nth-child(8) {
    background-color: #14b8a6;
    /* Teal 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(20, 184, 166, 0.7);
    /* Teal shadow */
}

.home-categories a:nth-child(9) {
    background-color: #06b6d4;
    /* Cyan 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(6, 182, 212, 0.7);
    /* Cyan shadow */
}

.home-categories a:nth-child(10) {
    background-color: #3b82f6;
    /* Blue 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(59, 130, 246, 0.7);
    /* Blue shadow */
}

.home-categories a:nth-child(11) {
    background-color: #6366f1;
    /* Indigo 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(99, 102, 241, 0.7);
    /* Indigo shadow */
}

.home-categories a:nth-child(12) {
    background-color: #8b5cf6;
    /* Violet 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(139, 92, 246, 0.7);
    /* Violet shadow */
}

.home-categories a:nth-child(13) {
    background-color: #a855f7;
    /* Purple 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(168, 85, 247, 0.7);
    /* Purple shadow */
}

.home-categories a:nth-child(14) {
    background-color: #d946ef;
    /* Fuchsia 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(217, 70, 239, 0.7);
    /* Fuchsia shadow */
}

.home-categories a:nth-child(15) {
    background-color: #ec4899;
    /* Pink 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(236, 72, 153, 0.7);
    /* Pink shadow */
}

.home-categories a:nth-child(16) {
    background-color: #f43f5e;
    /* Rose 500 */
    color: #ffffff;
    box-shadow: 0 8px 18px -8px rgba(244, 63, 94, 0.7);
    /* Rose shadow */
}

.home-categories a:last-child {
    background-color: #d3d3d3;
    box-shadow: 0 8px 18px -8px rgba(213, 213, 213, 0.7);
}

.home-categories a:hover {
    filter: brightness(110%);
    transform: translate(0, -2px);
    transition: box-shadow 0.2s,
        transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.home-categories a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.home-categories a:nth-child(n+6) {
    display: none;
}

.home-categories a:last-child {
    color: #000;
    display: flex;
}

.home-categories a img {
    width: 20px;
    border-radius: 4px;
    margin-right: 8px;
}

.home-categories a span {
    margin-left: 8px;
    font-weight: bold;
    padding-left: 8px;
    border-left: solid white 1px;
}

.home-tags a {
    border: solid 1px #d3d3d3;
    text-decoration: none;
}

.home-tags a:hover {
    border: solid 1px #d3d3d3;
    background-color: #f1f1f1;
}

.home-tags a {
    color: #000;
    font-weight: 600;
    text-decoration: none;
}

.home-categories a:nth-child(n+7) {
    display: none;
}

.home-categories a:last-child {
    display: flex;
    background-color: #d3d3d3;
}

.home-tags a:nth-child(n+23) {
    display: none;
}

.home-tags a:last-child {
    display: flex;
    background-color: #d3d3d3;
}

.category-section-top {
    position: relative;
    width: 90%;
    max-width: 960px;
    color: #010101;
    margin: 40px auto;
    display: flex;
    justify-content: center;
}

.category-divider {
    width: 100%;
    height: 1px;
    background-color: #d3d3d3;
    margin-bottom: 40px;
}

.category-section-top img {
    width: 96px;
    height: 96px;
    border-radius: 12px;
    flex-shrink: 0;
    margin-right: 20px;
    margin-top: 8px;
}

.category-section-top h1 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 8px;
}

.category-section-top > div {
    flex: 1;
}

.category-section-top #header-desc {
    font-size: 14px;
}

#special-page-header-desc {
    width: 1080px;
    text-align: center;
    margin: 0 auto;
    max-width: 90%;
    font-size: 12px;
}


.walkthrough-shell {
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 320px;
}

#showmore-footer-description {
    position: relative;
}

#showmore-button-footer-description {
    bottom: 0px;
    height: 20px;
    box-sizing: border-box;
    background: white;
}


.blog-post-image {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 1280 / 720;
}

@media screen and (max-width: 600px) {
    ::-webkit-scrollbar {
        display: none;
    }
    .content {
        padding: 0;
    }

    .post-trick {
        display: none;
    }

    body {
    background: #0C0D14;
    overflow-x: hidden;
}

.bg-diamonds {
    display: none;
}

    #header {
        max-width: 100vw;
        min-width: 10vw;
    }

    #footer {
        display: none;
    }

    .menu {
        display: none;
    }

a.logo {
    width: 180px;
    height: 60px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

    .head-inner {
        width: 100%;
        padding: 8px 20px;
        box-sizing: border-box;
    }

    .menu-mobile {
        position: fixed;
        z-index: 9999999999;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        display: block;
        position: relative;
        background: #0C0D14;
    }

    .menu-mobile i {
        font-size: 32px;
    }

    .new-games-pop-up-mobile {
        position: fixed;
        z-index: 9999;
        box-sizing: border-box;
        width: 100vw;
        margin-top: -8px;
        background: #fff;
        padding: 8px 0px;
        display: flex;
        flex-direction: column;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }

    .new-games-pop-up-mobile.static-position {
        position: relative;
    }

    .new-games-pop-up-mobile .new-games-btns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 0 16px 16px;
        box-sizing: border-box;
        border-bottom: solid 1px #f5f5f5;
    }

    .new-games-pop-up-mobile .new-games-btns a {
        display: grid;
        grid-template-columns: 24px 1fr;
        gap: 16px;
        align-items: center;
        padding: 8px 16px;
        color: #717171;
        text-decoration: none;
        border-radius: 5px;
    }

    .new-games-pop-up-mobile .new-games-btns a:hover {
        background: #f5f5f5;
        color: #d60000;
    }

   

    .new-games-pop-up-mobile .home-categories {
        padding: 20px 32px 16px;
        border-bottom: solid 1px #f5f5f5;
    }

    .new-games-pop-up-mobile .home-categories li {
        padding: 8px 12px;
        margin: 0 6px 8px 0;
    }

    .new-games-pop-up-mobile .home-tags {
        padding: 20px 36px 20px;
    }

    .new-games-pop-up-mobile .home-tags a {
        padding: 8px 12px;
        margin: 0 6px 8px 0;
    }

    .head-inner .other-btn {
        display: none;
    }

    .right-btn-mobile {
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .right-btn-mobile .search-btn {
        width: 20px;
        height: 20px;
        background-size: cover;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ljg2Ij48ZGVmcz48c3R5bGU+LmR7ZmlsbDojYmJiO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYSIvPjxnIGlkPSJiIj48ZyBpZD0iYyI+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xMC42OSwwYy41LC4wOCwxLjAxLC4xMywxLjUsLjI0LDMuOTUsLjg1LDcuMDYsNC4wOSw3LjczLDguMDcsLjQ5LDIuOTctLjIxLDUuNjQtMi4wNyw4LjAyLS4wNCwuMDUtLjA4LC4xLS4xMiwuMTcsLjcsLjczLDEuMzksMS40NSwyLjA5LDIuMTcsMS4yNiwxLjMxLDIuNTEsMi42MSwzLjc3LDMuOTIsLjU1LC41OCwuNTYsMS4zOSwuMDIsMS45MS0uNTQsLjUyLTEuMzUsLjQ5LTEuOS0uMDktMS45MS0xLjk4LTMuODEtMy45Ni01LjcyLTUuOTUtLjA2LS4wNi0uMTEtLjEyLS4xNy0uMTktLjE5LC4xMi0uMzcsLjIzLS41NCwuMzQtNS44MSwzLjU3LTEzLjUsLjM0LTE1LjAxLTYuMzFDLS44Myw3LjU0LDEuNjIsMi43Myw2LjEsLjgxLDcuMDksLjM4LDguMTIsLjEyLDkuMTksLjA0Yy4wNiwwLC4xMi0uMDMsLjE5LS4wNCwuNDQsMCwuODcsMCwxLjMxLDBabS0uNjUsMTcuNDZjNC4xMS0uMDEsNy40My0zLjM1LDcuNDEtNy40NC0uMDItNC4xMS0zLjM1LTcuNDEtNy40NS03LjQtNC4wOSwuMDItNy40LDMuMzUtNy4zOCw3LjQ0LC4wMSw0LjA5LDMuMzUsNy40MSw3LjQyLDcuNFoiLz48L2c+PC9nPjwvc3ZnPg==");
    }

    .right-btn-mobile .blog-link-mobile > div {
        display: none;
    }

    .right-btn-mobile .blog-link-mobile i.blog {
        margin-right: 0;
    }

    .post {
        width: 48%;
    }

    .post img {
        width: 100%;
        height: 100%;
        border: 2px solid #fff;
        border-radius: 10px;
    }

    #game-bottom,
    #games-thumb,
    #topad,
    .fn-right,
    .gametitle {
        /* display: none !important; */
        width: 100%;
    }

    #topad {
        display: none !important;
    }

    .ad728 {
        width: 100%;
    }

    #game-col {
        width: 100%;
        margin: 0;
    }

    .game-info {
        width: 100%;
    }

    .post .post-name {
        bottom: -4px;
    }

    #loader_container {
        width: 100%;
        height: 100%;
    }

    .head-inner {
        width: 100%;
    }

    #gameDiv {
        height: 75vh;
    }

    #ava-game_container {
        height: 75vh;
        min-height: 0;
    }

    body {
    background: #0C0D14;
    overflow-x: hidden;
}

.bg-diamonds {
    display: none;
}

    .home-categories-tags-container {
        display: none;
    }

    .tags-walkthrough-container {
        flex-direction: column;
    }

    .tags-walkthrough-container .game-tags {
        margin-left: 0;
        margin-top: 20px;
        flex: 1;
        width: auto;
    }

    #BackTop {
        display: none !important;
    }

    .home-categories li:last-child {
        display: none;
        background-color: #d3d3d3;
    }

    .home-tags a:last-child {
        display: none;
        background-color: #d3d3d3;
    }

    .splide-container {
        display: none;
    }

 
}

    .category-section-top img {
        width: 64px;
        height: 64px;
        border-radius: 12px;
        flex-shrink: 0;
        margin-right: 20px;
        margin-top: 8px;
    }

    .category-section-top h1 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 8px;
    }

    .category-section-top #header-desc {
        font-size: 14px;
    }

    .game-zoom {
        display: none;
    }

    #Gameinner {
        max-width: 100vw;
        box-sizing: border-box;
    }

    .categories-page-container {
        display: grid;
        max-width: 100vw;
    }

    .categories-page-container a {
        width: 100%;
    }

    .bottomtext {
        box-sizing: border-box;
    }

    .page-title {
        padding: 0 16px;
        box-sizing: border-box;
    }


@media screen and (orientation: landscape) and (max-width: 960px) {
    ::-webkit-scrollbar {
        display: none;
    }

    .content {
        padding: 0;
    }

    #footer {
        display: none;
    }

    .logo {
        margin: 0 auto;
        text-align: center;
        position: relative;
        left: 50%;
        margin-left: -78px;
    }

    .menu {
        display: none;
    }

    .head-inner {
        width: 100%;
    }

    .post {
        width: 175px;
        height: 137px;
    }

    .post img {
        width: 100%;
        height: 100%;
        border: 2px solid #fff;
        border-radius: 10px;
    }

    #game-bottom,
    #games-thumb,
    #topad,
    .fn-right,
    .gametitle {
        display: none !important;
    }

    #game-col {
        width: 100%;
    }

    .game-info {
        width: 100%;
    }

    .post .post-name {
        bottom: -4px;
    }

    #loader_container {
        width: 100%;
        height: 100%;
    }

    .head-inner {
        width: 100%;
    }

    #gameDiv {
        height: 200px;
    }

    #ava-game_container {
        height: 100%;
    }

    /*  */
    body {
    background: #0C0D14;
    overflow-x: hidden;
    }

    .bg-diamonds {
        display: none;
    }
    
   
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .home-games-list>a:nth-child(5),
    .home-games-list>a:nth-child(6),
    .home-games-list>a:nth-child(11),
    .home-games-list>a:nth-child(12),
    .home-games-list>a:nth-child(17),
    .home-games-list>a:nth-child(18),
    .home-games-list>a:nth-child(23),
    .home-games-list>a:nth-child(24) {
        grid-column: span 2;
    }

    .home-games-list>a:nth-child(5) div span,
    .home-games-list>a:nth-child(6) div span,
    .home-games-list>a:nth-child(11) div span,
    .home-games-list>a:nth-child(12) div span,
    .home-games-list>a:nth-child(17) div span,
    .home-games-list>a:nth-child(18) div span,
    .home-games-list>a:nth-child(23) div span,
    .home-games-list>a:nth-child(24) div span {
        display: none;
    }

    .home-games-list>a:not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(11)):not(:nth-child(12)):not(:nth-child(17)):not(:nth-child(18)):not(:nth-child(23)):not(:nth-child(24)) div div {
        display: none;
    }

    .home-games-list>a:last-child {
        display: none;
    }

    ::-webkit-scrollbar {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
 #sidebar-menu {
    left: 0 !important;
    width: 56px !important;
    max-width: 56px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    transition: width .22s ease, max-width .22s ease !important;
}

#sidebar-menu::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

    #sidebar-menu:hover {
        width: 245px !important;
        max-width: 245px !important;
    }

    #sidebar-menu:not(:hover) .sidebar-text,
    #sidebar-menu:not(:hover) span {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        white-space: nowrap !important;
    }

    #sidebar-menu:hover .sidebar-text,
    #sidebar-menu:hover span {
        opacity: 1 !important;
        visibility: visible !important;
    }

    #sidebar-menu:not(:hover) .gm-sidebar-language-icon {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    div.px-4.pt-20.pb-5 {
        padding-left: 4.5rem !important;
    }
}

.footer-description h2,
.footer-description h3,
.footer-description h4,
.footer-description h5,
.footer-description h6 {
    font-weight: 700;
    color: #fff;
    margin: 16px 0;
}

.footer-description h3 {
    font-size: 20px;
}

.footer-description h2 {
    font-size: 24px;
}

.footer-description h4 {
    font-size: 18px;
}

.footer-description h5 {
    font-size: 16px;
}

.footer-description b {
    font-weight: 700;
}

.footer-description a {
    color: #b797ff;
    font-weight: 700;
    text-decoration: underline !important;
}

.bg-gradient-name {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(1, 1, 1, 0) 40%);
}
/* === CRAZYGAMES-LIKE PLAY PAGE HERO + ACTION BAR === */
.play-game-page-container .play-now-button {
    background: linear-gradient(180deg, #7c4dff 0%, #5f35ff 100%) !important;
    color: #fff !important;
    box-shadow: 0 14px 34px rgba(95, 53, 255, .30), 0 10px 28px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255,255,255,.18);
}

.play-game-page-container #gm-play-preview-video {
    pointer-events: none;
    overflow: hidden;
    opacity: 0;
    transition: opacity .25s ease;
}

.play-game-page-container #top-section.gm-preview-playing #gm-play-preview-video {
    opacity: 1;
}

.play-game-page-container #top-section.gm-preview-playing .gm-play-hero-bg-image {
    opacity: 0 !important;
}

.play-game-page-container .gm-play-preview-video-element {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 1;
}

.play-game-page-container #vote-container {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.play-game-page-container .vote-buttons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.play-game-page-container .vote-button,
.play-game-page-container .favorite-button,
.play-game-page-container .dropdown-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 42px;
    min-width: 44px;
    padding: 0 13px;
    border: 0 !important;
    border-radius: 999px !important;
    background: #2d3048 !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 1;
    cursor: pointer;
    transition: background .16s ease, color .16s ease, transform .16s ease;
}

.play-game-page-container .vote-button i,
.play-game-page-container .favorite-button i,
.play-game-page-container .dropdown-toggle i {
    color: inherit !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
}

.play-game-page-container .vote-button span {
    color: inherit !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-left: 8px;
}

.play-game-page-container .vote-button:hover,
.play-game-page-container .favorite-button:hover,
.play-game-page-container .dropdown-toggle:hover {
    background: #373a57 !important;
    transform: translateY(-1px);
}

.play-game-page-container #like-button.voted,
.play-game-page-container #like-button.voted i,
.play-game-page-container #like-button.voted span {
    color: #8b5cf6 !important;
}

.play-game-page-container #dislike-button.voted,
.play-game-page-container #dislike-button.voted i,
.play-game-page-container #dislike-button.voted span {
    color: #ff4f7b !important;
}

.play-game-page-container .favorite-button.favorited,
.play-game-page-container .favorite-button.favorited i {
    color: #ff4f7b !important;
}

.play-game-page-container .report-dropdown {
    position: relative;
}

.play-game-page-container .report-dropdown .dropdown-menu {
    top: auto !important;
    bottom: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;
    width: 160px !important;
    margin: 0 !important;
    padding: 8px !important;
    border-radius: 14px !important;
    background: #30334d !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.42) !important;
    overflow: hidden;
}

.play-game-page-container .report-dropdown .dropdown-menu .report-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px !important;
    border-radius: 10px;
    background: transparent !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

.play-game-page-container .report-dropdown .dropdown-menu .report-option:hover {
    background: rgba(255,255,255,.08) !important;
}

.play-game-page-container .game-zoom-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    background: #2d3048 !important;
    box-shadow: none !important;
}

.play-game-page-container #exitFullscreen-btn.hidden {
    display: none !important;
}

.play-game-page-container #exitFullscreen-btn:not(.hidden) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    background: #2d3048 !important;
}

.play-game-page-container #gameFull {
    width: 20px !important;
    height: 20px !important;
    transform: scale(1.08);
}

@media screen and (max-width: 767px) {
    .play-game-page-container #top-section {
        min-height: 455px !important;
        overflow: hidden;
        background: #080a12;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .play-game-page-container #top-section .gm-play-hero-bg-image {
        opacity: .72 !important;
        filter: saturate(1.08) contrast(1.04);
    }

    .play-game-page-container #top-section .z-30 {
        background: linear-gradient(180deg, rgba(8,10,18,0) 0%, rgba(8,10,18,.42) 34%, rgba(8,10,18,.90) 70%, #080a12 100%) !important;
    }

    .play-game-page-container #top-section.gm-preview-playing .z-30 {
        background: linear-gradient(180deg, rgba(8,10,18,.05) 0%, rgba(8,10,18,.32) 38%, rgba(8,10,18,.86) 72%, #080a12 100%) !important;
    }

    .play-game-page-container #top-section .z-40 {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .play-game-page-container #top-section .z-40 .flex-1 {
        justify-content: center !important;
        padding-top: 20px !important;
        padding-bottom: 0 !important;
        gap: 11px !important;
    }

    .play-game-page-container #top-section .z-40 .relative.w-\[200px\] {
        width: 230px !important;
        height: 150px !important;
        border-radius: 18px !important;
        box-shadow: 0 20px 54px rgba(0,0,0,.44) !important;
    }

    .play-game-page-container #top-section .z-40 .relative.w-\[200px\] img[alt="{{PLAY_GAME_NAME}}"],
    .play-game-page-container #top-section .z-40 .relative.w-\[200px\] .relative.z-10 img {
        width: 230px !important;
        height: 150px !important;
        object-fit: cover !important;
        border-radius: 18px !important;
    }

    .play-game-page-container #top-section .text-2xl {
        max-width: 92% !important;
        margin: 4px auto 0 !important;
        color: #fff !important;
        font-size: 30px !important;
        line-height: 1.06 !important;
        font-weight: 800 !important;
        letter-spacing: -.5px !important;
        text-align: center !important;
        text-shadow: 0 5px 18px rgba(0,0,0,.9), 0 1px 2px rgba(0,0,0,1) !important;
    }

    .play-game-page-container #top-section p,
    .play-game-page-container #top-section .flex.items-center.text-sm {
        margin: 0 !important;
        color: rgba(255,255,255,.92) !important;
        font-size: 16px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        text-shadow: 0 3px 12px rgba(0,0,0,.86) !important;
    }

    .play-game-page-container #top-section .play-now-button {
        width: min(340px, 86vw) !important;
        height: 62px !important;
        margin: 4px auto 0 !important;
        border-radius: 999px !important;
        font-size: 28px !important;
        font-weight: 800 !important;
    }

    .play-game-page-container #top-section .play-now-button img {
        width: 28px !important;
        height: 28px !important;
        margin-right: 12px !important;
    }

    .play-game-page-container #top-section #vote-container {
        margin-top: 2px !important;
        margin-bottom: 0 !important;
    }

    .play-game-page-container #top-section .vote-buttons {
        gap: 10px !important;
    }

    .play-game-page-container #top-section .vote-button,
    .play-game-page-container #top-section .favorite-button,
    .play-game-page-container #top-section .dropdown-toggle {
        height: 42px !important;
        min-width: 46px !important;
        padding: 0 14px !important;
        background: #2d3048 !important;
        color: #fff !important;
    }

    .play-game-page-container #top-section .vote-button i,
    .play-game-page-container #top-section .favorite-button i,
    .play-game-page-container #top-section .dropdown-toggle i {
        font-size: 20px !important;
    }

    .play-game-page-container #top-section .vote-button span {
        font-size: 15px !important;
    }

    .play-game-page-container #top-section #dislike-count {
        display: inline !important;
    }

    .play-game-page-container > main.flex.flex-col.gap-6 > .w-full.lg\:w-\[340px\] {
        margin-top: -70px !important;
        padding-top: 0 !important;
    }

    .play-game-page-container main.px-4.mt-10 {
        margin-top: 0 !important;
    }
}

@media screen and (min-width: 768px) {
    .play-game-page-container #gameDiv > .flex.justify-between {
        min-height: 54px !important;
        background: #212233 !important;
    }

    .play-game-page-container #gameDiv > .flex.justify-between > .flex:last-child {
        gap: 16px !important;
    }
}

a[data-wt-video],
.gm-updated-card {
    position: relative;
    overflow: hidden;
}

a[data-wt-video]:hover::before,
.gm-updated-card:hover::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 20;
    pointer-events: none;
    box-sizing: border-box;
    border-radius: inherit;
    border: 4px solid #8b5cf6;
    box-shadow: none;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 72%,rgba(0,0,0,.28) 82%,rgba(0,0,0,.78) 100%);
}

a[data-wt-video]:hover::after,
.gm-updated-card:hover::after {
    content: attr(aria-label);
    position: absolute;
    left: 16px;
    right: 12px;
    bottom: 10px;
    z-index: 30;
    pointer-events: none;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 2px 4px rgba(0,0,0,.9);
    -webkit-font-smoothing: antialiased;
}

@media (max-width: 768px) {
    a[data-wt-video]:hover::after,
    .gm-updated-card:hover::after {
        left: 14px;
        right: 10px;
        bottom: 9px;
        font-size: 11px;
    }
}

a[data-wt-video] img,
.gm-updated-card > img {
    position: relative;
    z-index: 1;
}

a[data-wt-video] .video-container,
.gm-updated-card .video-container {
    z-index: 5 !important;
}

a[data-wt-video] .featured_icon,
a[data-wt-video] .favorite-icon,
a[data-wt-video] .game-icon,
.gm-updated-card .gm-updated-label {
    z-index: 40 !important;
}

.splide-items-container a[data-wt-video],
.splide-items-container a[data-wt-video]:hover::after {
    border-radius: 8px;
}

.new-games-list[data-wt-video],
.new-games-list[data-wt-video]:hover::after,
.home-top-games-list[data-wt-video],
.home-top-games-list[data-wt-video]:hover::after {
    border-radius: 16px;
}

#tags-container {
    display: contents;
}

#load-more-tags-wrap {
    grid-column: 1 / -1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    margin-bottom: 12px;
}

#load-more-tags-btn {
    width: 320px;
    min-width: 320px;
    max-width: 320px;
    height: 94px;
    min-height: 94px;
    max-height: 94px;
    padding: 0 32px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 22px;
    background: linear-gradient(180deg, #2a2d44 0%, #1c1f31 100%);
    color: #ffffff;
    font-family: "Nunito", tahoma, arial, sans-serif;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.1;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0 12px 28px rgba(0,0,0,0.34);
}

#load-more-tags-btn:hover {
    transform: translateY(-1px);
    background: linear-gradient(180deg, #343854 0%, #252941 100%);
    box-shadow: 0 14px 32px rgba(0,0,0,0.38);
}

#load-more-tags-btn:active {
    transform: translateY(0);
}

#load-more-tags-btn:focus-visible {
    outline: 2px solid #8b5cf6;
    outline-offset: 3px;
}


/* Game page category/tag cards */
.game-tags-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 20px 0 !important;
    padding: 0 !important;
}

.game-tags-grid > div {
    width: 100%;
}

.game-tags-grid .category-card-clean {
    width: 100%;
    height: 66px;
    min-height: 66px;
    padding: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 10px;
    background: #212233;
    text-decoration: none !important;
    transition: background-color .18s ease, transform .18s ease;
}

.game-tags-grid .category-card-clean img {
    width: 66px;
    height: 66px;
    flex: 0 0 66px;
    object-fit: cover;
    border-radius: 0;
    margin: 0;
}

.game-tags-grid .category-card-text {
    min-width: 0;
    padding: 0 14px;
}

.game-tags-grid .category-card-text strong {
    display: -webkit-box;
    max-height: 40px;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 900;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.game-tags-grid .category-card-clean:hover {
    background: #4c1d95;
    transform: translateY(-1px);
}

@media screen and (max-width: 600px) {
    .game-tags-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .game-tags-grid .category-card-clean {
        height: 60px;
        min-height: 60px;
    }

    .game-tags-grid .category-card-clean img {
        width: 60px;
        height: 60px;
        flex-basis: 60px;
    }
}

.sidebar-link{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.sidebar-icon-wrap{
    width:22px;
    min-width:22px;
    max-width:22px;
    height:22px;
    min-height:22px;
    max-height:22px;
    margin-left:20px;
    margin-right:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    overflow:hidden;
}

.sidebar-icon{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    display:block;
    flex-shrink:0;
    pointer-events:none;
}

.sidebar-link:hover .sidebar-text{
    padding-left:8px;
}

.sidebar-link:hover{
    opacity:.65;
}

 
#sidebar-menu a img{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    min-height:25px !important;
    max-width:25px !important;
    max-height:25px !important;
    object-fit:contain !important;
    flex-shrink:0 !important;
 margin-top: 4px !important;
 
}
#sidebar-menu .tag-menu-icon-svg{
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 32px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
    transform: translate(-4px, 0px) !important;
}

#sidebar-menu .category-menu-icon-wrap-svg{
    width: 35px !important;
    height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 18px !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;
}

#sidebar-menu .category-menu-icon-svg{
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
    transform: translate(-6px, 0px) !important;
}

/* CLEAN SEARCH RESULTS STYLE */
#search-results,
#search-results-tablet,
#search-results-desktop {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#search-results::-webkit-scrollbar,
#search-results-tablet::-webkit-scrollbar,
#search-results-desktop::-webkit-scrollbar {
    display: none;
}

#search-results a,
#search-results-tablet a,
#search-results-desktop a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 14px;
    margin: 0 8px 6px;
    border-radius: 14px;
    color: #fff !important;
    text-decoration: none !important;
}

#search-results a:hover,
#search-results-tablet a:hover,
#search-results-desktop a:hover {
    background: rgba(255,255,255,0.06);
}

#search-results a img,
#search-results-tablet a img,
#search-results-desktop a img {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    display: block;
    flex-shrink: 0;
    margin: 0 !important;
    border: 0 !important;
}

#search-results a span,
#search-results a div,
#search-results-tablet a span,
#search-results-tablet a div,
#search-results-desktop a span,
#search-results-desktop a div {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
    #search-results a,
    #search-results-tablet a,
    #search-results-desktop a {
        gap: 12px;
        padding: 8px 12px;
        margin: 0 6px 6px;
        border-radius: 12px;
    }

    #search-results a img,
    #search-results-tablet a img,
    #search-results-desktop a img {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        max-width: 56px !important;
        max-height: 56px !important;
        border-radius: 12px !important;
    }

    #search-results a span,
    #search-results a div,
    #search-results-tablet a span,
    #search-results-tablet a div,
    #search-results-desktop a span,
    #search-results-desktop a div {
        font-size: 14px !important;
    }
}

.mobile-search-modern {
    position: relative;
    flex: 1;
    min-width: 0;
    height: 42px;
    margin-left: 8px;
}

.mobile-search-modern-input {
    width: 100%;
    height: 42px;
    padding: 0 42px 0 18px;
    border: 0;
    outline: none;
    border-radius: 999px;
    background: rgb(69, 71, 102);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    box-shadow: none;
}

.mobile-search-modern-input::placeholder {
    color: #c2c5d6;
    opacity: 1;
}

@media screen and (max-width: 1023px) {
    #sidebar-menu {
        overflow: hidden;
    }

    #sidebar {
        min-height: 0;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
    }
}


 @media (max-width: 767px) {
    .home-games-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
        align-items: start !important;
    }

    .home-games-list > a {
    grid-column: span 1;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 16px;
}

.home-games-list > a:nth-child(5n) {
    grid-column: span 2;
}

.home-games-list > a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
}


@media (max-width: 767px) {
    .home-games-list {
        display: none !important;
    }
 }
 
  
 @media (max-width: 767px) {
    .mobile-slider-section {
        width: 100%;
        margin-bottom: 24px;
    }

    .mobile-slider-banner {
        position: relative;
        display: block;
        width: 100%;
        height: 136px;
        overflow: hidden;
        border-radius: 18px;
        margin-bottom: 10px;
        background: #111;
    }

    .mobile-slider-banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .mobile-slider-banner-text {
        position: absolute;
        inset: 0;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 22px;
        color: #fff;
        font-weight: 900;
        background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.1));
    }

    .mobile-slider-banner-text div {
        font-size: 28px;
        line-height: 1.1;
    }

    .mobile-slider-banner-text span {
        margin-top: 6px;
        font-size: 16px;
    }

    .mobile-slider-big-game {
        --big-w: 100%;
        --big-h: auto;
        width: var(--big-w);
        margin-bottom: 12px;
    }

    .mobile-slider-big-game > a {
        display: block;
        width: var(--big-w);
        height: var(--big-h);
        aspect-ratio: 250 / 150;
        overflow: hidden;
        border-radius: 18px;
        position: relative;
    }

    .mobile-slider-big-game > a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        min-height: 0 !important;
    }

        .mobile-slider-big-game > a {
        position: relative;
        overflow: hidden;
        border-radius: 18px;
    }

    .mobile-slider-big-game .video-container {
        z-index: 10;
    }

    .mobile-slider-big-game > a > div[class*="bottom-0"] {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 30 !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 74px;
        padding: 10px 14px !important;
        background: rgba(35, 35, 48, .72) !important;
        backdrop-filter: blur(8px);
        border-radius: 0 0 18px 18px !important;
        color: #fff !important;
    }

    .mobile-slider-big-game > a > div[class*="bottom-0"] span {
        display: block;
        color: #fff !important;
        font-size: 18px;
        font-weight: 900;
        line-height: 1.15;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

  .mobile-slider-section {
        padding: 12px;
        margin-bottom: 24px;
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(88, 28, 135, .32), rgba(12, 13, 20, .05));
    }


.mobile-slider-small-games {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px 8px;
    width: 100%;
}

.mobile-small-game-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px;
    width: 100%;
    overflow: hidden !important;
    text-decoration: none !important;
}

.mobile-small-game-card img {
    display: block;
    width: 100% !important;
    aspect-ratio: 1 / 1;
    height: auto !important;
    object-fit: cover;
    border-radius: 14px;
    min-height: 0 !important;
}

.mobile-small-game-card span {
    display: block;
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .new-games-list .absolute.bottom-0 {
        display: block !important;
        z-index: 50 !important;
        background: rgba(35,35,48,.72) !important;
        backdrop-filter: blur(8px);
    }

    .new-games-list .absolute.bottom-0 .flex.items-center {
        display: flex !important;
    }

        .mobile-big-game-card {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        overflow: hidden !important;
        border-radius: 18px !important;
    }

    .mobile-big-game-card > img {
        width: 100% !important;
        aspect-ratio: 250 / 150 !important;
        height: auto !important;
        object-fit: cover !important;
        border-radius: 18px !important;
    }

    .mobile-big-game-overlay {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 60 !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 10px !important;
        min-height: 72px !important;
        background: rgba(35, 35, 48, 0.25) !important;
        border-radius: 0 0 18px 18px !important;
    }

    .mobile-big-game-thumb {
        width: 46px !important;
        height: 46px !important;
        border-radius: 10px !important;
        object-fit: cover !important;
        flex-shrink: 0 !important;
    }

    .mobile-big-game-info {
        flex: 1 !important;
        min-width: 0 !important;
    }

    .mobile-big-game-title {
        color: #fff !important;
        font-size: 17px !important;
        line-height: 1.15 !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .mobile-big-game-category {
        color: #fff !important;
        opacity: .9 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin-top: 3px !important;
    }

    .mobile-big-game-play {
        width: 54px !important;
        height: 54px !important;
        border-radius: 999px !important;
        background: #8b5cf6 !important;
        color: #fff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 24px !important;
        font-weight: 900 !important;
        flex-shrink: 0 !important;
    }

    .mobile-big-game-card .video-container {
        z-index: 20 !important;
    }
}


.blog-list-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 13px !important; /* increase space */
    max-width: 920px !important;
    margin: 0 auto !important;
}

.blog-mobile-card {
    width: 100% !important;
    color: #fff !important;
    text-decoration: none !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: rgba(124, 58, 237, .10) !important;
    border: 1px solid rgba(167, 139, 250, .16) !important;
}

.blog-mobile-card-img {
    display: block !important;
    object-fit: cover !important;
    border-radius: 14px !important;
}

.blog-mobile-date {
    color: #a78bfa !important;
    font-size: 13px !important;
    margin-bottom: 5px !important;
}

.blog-mobile-title {
    color: #fff !important;
    font-size: 21px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    margin-bottom: 7px !important;
}

.blog-mobile-desc {
    color: rgba(255, 255, 255, .82) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.blog-list-more {
    color: #a78bfa !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin-top: 8px !important;
    font-style: italic !important;
}

.blog-load-more {
    display: block !important;
    width: fit-content !important;
    margin: 10px auto 0 !important;
    padding: 13px 24px !important;
    border-radius: 14px !important;
    background: #7c3aed !important;
    color: #fff !important;
    cursor: pointer !important;
    font-weight: 800 !important;
    text-align: center !important;
}

/* Mobile */
@media (max-width: 767px) {
    .blog-mobile-card {
        display: block !important;
        padding: 10px !important;
        background: linear-gradient(180deg, rgba(124, 58, 237, .20), rgba(33, 34, 51, .95)) !important;
    }

    .blog-mobile-card-img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
    }

    .blog-mobile-card-body {
        padding: 11px 4px 2px !important;
    }

    .blog-mobile-desc {
        -webkit-line-clamp: 4 !important;
    }
}

/* PC */
@media (min-width: 768px) {
    .blog-mobile-card {
        display: grid !important;
        grid-template-columns: 240px 1fr !important;
        gap: 16px !important;
        align-items: center !important;
        padding: 12px !important;
    }

    .blog-mobile-card-img {
        width: 240px !important;
        height: 135px !important;
    }

    .blog-mobile-card-body {
        min-width: 0 !important;
    }
}

/* Logo two-line color from admin color pickers */
#siteHeaderLogo::after {
    color: transparent !important;
    background: linear-gradient(
        to bottom,
        var(--site-logo-top-color, #ffffff) 0%,
        var(--site-logo-top-color, #ffffff) 48%,
        var(--site-logo-bottom-color, #8b5cff) 52%,
        var(--site-logo-bottom-color, #8b5cff) 100%
    ) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

/* Footer descriptions: search, category, tag, updated, static pages */
.search-footer-description,
.footer-description-content,
.footer-description,
.play-game-desc {
    width: 100%;
    max-width: 1180px;
    margin: 40px auto 20px;
    padding: 24px;
    border-radius: 18px;
    background: rgba(255,255,255,.08);
    color: #f3f4f6;
    font-size: 15px;
    line-height: 1.75;
    overflow: hidden;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}

.search-footer-description p,
.footer-description-content p,
.footer-description p,
.play-game-desc p {
    margin: 0 0 14px;
    color: #e5e7eb;
}

.search-footer-description h2,
.footer-description-content h2,
.footer-description h2,
.play-game-desc h2 {
    margin: 24px 0 10px;
    color: #fff;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 900;
}

.search-footer-description h3,
.footer-description-content h3,
.footer-description h3,
.play-game-desc h3 {
    margin: 20px 0 8px;
    color: #fff;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 900;
}

.search-footer-description h4,
.footer-description-content h4,
.footer-description h4,
.play-game-desc h4 {
    margin: 18px 0 6px;
    color: #fff;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 800;
}

.search-footer-description a,
.footer-description-content a,
.footer-description a,
.play-game-desc a {
    color: #c4b5fd;
    font-weight: 800;
    text-decoration: underline !important;
}

@media (max-width: 768px) {
    .search-footer-description,
    .footer-description-content,
    .footer-description,
    .play-game-desc {
        margin: 28px auto 15px;
        padding: 18px;
        font-size: 14px;
    }

    .search-footer-description h2,
    .footer-description-content h2,
    .footer-description h2,
    .play-game-desc h2 {
        font-size: 21px;
    }

    .search-footer-description h3,
    .footer-description-content h3,
    .footer-description h3,
    .play-game-desc h3 {
        font-size: 17px;
    }
}


/* Search popup clean rows */
#search-results-desktop .search-popup-tag-row,
#search-results-desktop .search-popup-game-row,
#search-results-tablet .search-popup-tag-row,
#search-results-tablet .search-popup-game-row,
#search-results .search-popup-tag-row,
#search-results .search-popup-game-row {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    padding: 9px 14px !important;
    min-height: 74px !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
}

#search-results-desktop .search-popup-tag-row:hover,
#search-results-desktop .search-popup-game-row:hover,
#search-results-tablet .search-popup-tag-row:hover,
#search-results-tablet .search-popup-game-row:hover,
#search-results .search-popup-tag-row:hover,
#search-results .search-popup-game-row:hover {
    background: rgba(255,255,255,.08) !important;
}

/* Tag image: wide, but not huge */
#search-results-desktop .search-popup-tag-img,
#search-results-tablet .search-popup-tag-img,
#search-results .search-popup-tag-img {
    width: 118px !important;
    height: 58px !important;
    flex: 0 0 118px !important;
    max-width: 118px !important;
    min-width: 118px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 13px !important;
    display: block !important;
}

/* Game image: square */
#search-results-desktop .search-popup-game-img,
#search-results-tablet .search-popup-game-img,
#search-results .search-popup-game-img {
    width: 58px !important;
    height: 58px !important;
    flex: 0 0 58px !important;
    max-width: 58px !important;
    min-width: 58px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 13px !important;
    display: block !important;
}

#search-results-desktop .search-popup-tag-text,
#search-results-desktop .search-popup-game-text,
#search-results-tablet .search-popup-tag-text,
#search-results-tablet .search-popup-game-text,
#search-results .search-popup-tag-text,
#search-results .search-popup-game-text {
    min-width: 0 !important;
    display: block !important;
}

#search-results-desktop .search-popup-tag-text strong,
#search-results-desktop .search-popup-game-text strong,
#search-results-tablet .search-popup-tag-text strong,
#search-results-tablet .search-popup-game-text strong,
#search-results .search-popup-tag-text strong,
#search-results .search-popup-game-text strong {
    display: block !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#search-results-desktop .search-popup-tag-text small,
#search-results-tablet .search-popup-tag-text small,
#search-results .search-popup-tag-text small {
    display: block !important;
    margin-top: 3px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: rgba(255,255,255,.82) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Mobile */
@media (max-width: 767px) {
    #search-results .search-popup-tag-row,
    #search-results .search-popup-game-row,
    #search-results-tablet .search-popup-tag-row,
    #search-results-tablet .search-popup-game-row {
        gap: 10px !important;
        padding: 8px 10px !important;
        min-height: 66px !important;
    }

    #search-results .search-popup-tag-img,
    #search-results-tablet .search-popup-tag-img {
        width: 96px !important;
        height: 50px !important;
        flex-basis: 96px !important;
        max-width: 96px !important;
        min-width: 96px !important;
        border-radius: 12px !important;
    }

    #search-results .search-popup-game-img,
    #search-results-tablet .search-popup-game-img {
        width: 50px !important;
        height: 50px !important;
        flex-basis: 50px !important;
        max-width: 50px !important;
        min-width: 50px !important;
        border-radius: 12px !important;
    }

    #search-results .search-popup-tag-text strong,
    #search-results .search-popup-game-text strong,
    #search-results-tablet .search-popup-tag-text strong,
    #search-results-tablet .search-popup-game-text strong {
        font-size: 15px !important;
    }

    #search-results .search-popup-tag-text small,
    #search-results-tablet .search-popup-tag-text small {
        font-size: 12px !important;
    }
}



/* =========================
   Categories Page Wide Cards
   Same fixed responsive size
   ========================= */

.category-tags-grid {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 1536px !important;
}

@media (min-width: 768px) {
    .category-tags-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1024px) {
    .category-tags-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

.category-tags-grid .slider-cat-card,
.category-tags-grid .categories-page-slider-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 728 / 312 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #21113f !important;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
    transform: translateZ(0) !important;
}

.category-tags-grid .slider-cat-card:hover,
.category-tags-grid .categories-page-slider-card:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.30) !important;
    text-decoration: none !important;
}

.category-tags-grid .slider-cat-card > img,
.category-tags-grid .categories-page-slider-card > img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center right !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    z-index: 0 !important;
}

.category-tags-grid .slider-cat-card::after,
.category-tags-grid .categories-page-slider-card::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(
        90deg,
       	rgba(18,8,38,.92) 0%,
		rgba(18,8,38,.72) 22%,
		rgba(18,8,38,.18) 50%
    ) !important;
}

.category-tags-grid .slider-cat-card-text {
    position: absolute !important;
    left: 12px !important;
    top: 20% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 92% !important;
    max-width: 300px !important;
    color: #fff !important;
}

.category-tags-grid .slider-cat-card-text strong {
    display: block !important;
    font-size: 16px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    color: #fff !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.40) !important;
}

.category-tags-grid .slider-cat-card-text small {
    display: block !important;
    margin-top: 7px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    color: rgba(255,255,255,.88) !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.40) !important;
}

@media (max-width: 640px) {
    .category-tags-grid .slider-cat-card-text {
        left: 14px !important;
        width: 80% !important;
        max-width: 240px !important;
    }

    .category-tags-grid .slider-cat-card-text strong {
        font-size: 18px !important;
    }

    .category-tags-grid .slider-cat-card-text small {
        font-size: 12px !important;
    }
}

/* =========================
   Tags Page Image Cards
   Only /tags page
   ========================= */

.tags-list-container {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 20px 0 !important;
    box-sizing: border-box !important;
}

@media (min-width: 768px) {
    .tags-list-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1024px) {
    .tags-list-container {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

.tags-list-container > .my-2 {
    grid-column: 1 / -1 !important;
}

/* =========================
   Unified Wide Tag Cards
   Used on /tags and game page
   Images already include left fade
   ========================= */

.tags-list-container .tag-page-card,
.game-tags-grid .tag-page-card {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	aspect-ratio: 728 / 312 !important;
	min-height: 112px !important;
	overflow: hidden !important;
	border-radius: 14px !important;
	background: #21113f !important;
	text-decoration: none !important;
	box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
	transform: translateZ(0) !important;
}

.tags-list-container .tag-page-card:hover,
.game-tags-grid .tag-page-card:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 12px 28px rgba(0,0,0,.30) !important;
	text-decoration: none !important;
}

.tags-list-container .tag-page-card img,
.game-tags-grid .tag-page-card img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center right !important;
	display: block !important;
	border: 0 !important;
	border-radius: 0 !important;
	z-index: 0 !important;
}

/* Old/fallback tag images still need a left text fade */
.tags-list-container .tag-page-card.has-old-tag-image::after,
.game-tags-grid .tag-page-card.has-old-tag-image::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	background: linear-gradient(
		90deg,
		rgba(18,8,38,.92) 0%,
		rgba(18,8,38,.72) 22%,
		rgba(18,8,38,.18) 50%
	) !important;
	pointer-events: none !important;
}

/* Light text-safe fade for every image tag card.
   This also works on AJAX/scroll cards even if has-ai-tag-image class is missing. */
.tags-list-container .tag-page-card:not(.tag-page-card-default)::before,
.game-tags-grid .tag-page-card:not(.tag-page-card-default)::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	pointer-events: none !important;
	display: block !important;
	background:
		linear-gradient(
			90deg,
			rgba(5, 3, 12, .50) 0%,
			rgba(10, 6, 24, .32) 30%,
			rgba(10, 6, 24, .10) 55%,
			rgba(10, 6, 24, 0) 76%
		),
		linear-gradient(
			180deg,
			rgba(5, 3, 12, .34) 0%,
			rgba(5, 3, 12, .10) 42%,
			rgba(5, 3, 12, 0) 72%
		) !important;
}

.tags-list-container .tag-page-card span,
.game-tags-grid .tag-page-card span {
	position: absolute !important;
	left: 12px !important;
	top: 12px !important;
	transform: none !important;
	z-index: 2 !important;
	width: 99% !important;
	max-width: 280px !important;
	color: #fff !important;
	display: block !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	box-shadow: none !important;
}

.tags-list-container .tag-page-card strong,
.game-tags-grid .tag-page-card strong {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	font-size: 13px !important;
	line-height: 1.08 !important;
	font-weight: 900 !important;
	color: #fff !important;
	text-shadow:
		0 2px 10px rgba(0, 0, 0, 0.85),
		0 1px 2px rgba(0, 0, 0, 0.9) !important;
}

.tags-list-container .tag-page-card small,
.game-tags-grid .tag-page-card small {
	display: block !important;
	margin-top: 5px !important;
	font-size: 11px !important;
	line-height: 1.1 !important;
	font-weight: 800 !important;
	color: rgba(255,255,255,.9) !important;
	text-shadow:
		0 2px 8px rgba(0, 0, 0, 0.8),
		0 1px 2px rgba(0, 0, 0, 0.9) !important;
}

.tags-list-container .tag-page-card-default,
.game-tags-grid .tag-page-card-default {
	background: linear-gradient(180deg, #2a2d44 0%, #1c1f31 100%) !important;
}

.tags-list-container .tag-page-card-default span,
.game-tags-grid .tag-page-card-default span {
	width: calc(100% - 40px) !important;
	max-width: none !important;
}

/* Game page tag grid */
.game-tags-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 12px !important;
	width: 100% !important;
}

@media (max-width: 900px) {
	.game-tags-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 560px) {
	.game-tags-grid {
		grid-template-columns: 1fr !important;
	}
}


.category-tags-grid .slider-cat-card.has-manual-category-image::after {
	display: none !important;
}



/* =========================
   Home Category Carousel
   Fixed arcadegames-style cards
   ========================= */

.home-category-carousel-section {
	display: grid !important;
	grid-template-columns: 540px minmax(0, 1fr) !important;
	gap: 10px !important;
	width: 100% !important;
	margin: 18px 0 22px !important;
	align-items: stretch !important;
}

.home-category-carousel-info {
	height: 274px !important;
	min-height: 274px !important;
	border-radius: 18px !important;
	background: linear-gradient(145deg, #271348 0%, #1c0e35 100%) !important;
	padding: 28px !important;
	color: #fff !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
	overflow: hidden !important;
}

.home-category-carousel-title {
	font-size: 26px !important;
	line-height: 1.28 !important;
	font-weight: 900 !important;
	letter-spacing: -.02em !important;
	margin: 0 0 12px !important;
	color: #fff !important;
}

.home-category-carousel-desc {
	position: relative !important;
	flex: 1 1 auto !important;
	max-height: 128px !important;
	overflow: hidden !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	font-weight: 400 !important;
	color: rgba(255,255,255,.78) !important;
	margin: 0 0 12px !important;
}

.home-category-carousel-desc::after {
	content: "" !important;
	position: absolute !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	height: 30px !important;
	background: linear-gradient(transparent, #1c0e35) !important;
	pointer-events: none !important;
}

.home-category-carousel-desc > .footer-description {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: inherit !important;
	font: inherit !important;
	overflow: visible !important;
}

.home-category-carousel-desc > .footer-description > :first-child {
	margin-top: 0 !important;
}

.home-category-carousel-desc .footer-description p {
	margin: 0 0 10px !important;
	color: inherit !important;
	font: inherit !important;
}

.home-category-carousel-desc .footer-description h2,
.home-category-carousel-desc .footer-description h3,
.home-category-carousel-desc .footer-description h4 {
	margin: 0 0 8px !important;
	color: #fff !important;
	font-size: 16px !important;
	line-height: 1.35 !important;
	font-weight: 800 !important;
}

.home-category-carousel-desc .footer-description strong,
.home-category-carousel-desc .footer-description b {
	color: rgba(255,255,255,.96) !important;
	font-weight: 700 !important;
}

.home-category-carousel-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 34px !important;
	padding: 6px 13px !important;
	border: 1px solid rgba(196,181,253,.32) !important;
	border-radius: 999px !important;
	background: rgba(167,139,250,.12) !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	font-weight: 800 !important;
	color: #c4b5fd !important;
	cursor: pointer !important;
	width: fit-content !important;
	transition: color .18s ease, background-color .18s ease, border-color .18s ease !important;
}

.home-category-carousel-link:hover,
.home-category-carousel-link:focus-visible {
	color: #fff !important;
	background: rgba(167,139,250,.24) !important;
	border-color: rgba(196,181,253,.7) !important;
	outline: none !important;
}

.home-category-carousel-wrap {
	position: relative !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 274px !important;
	overflow: hidden !important;
}

.home-category-carousel-row {
	display: grid !important;
	grid-auto-flow: column !important;
	grid-template-rows: repeat(2, 132px) !important;
	grid-auto-columns: 300px !important;
	gap: 10px !important;
	width: 100% !important;
	height: 274px !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scroll-behavior: smooth !important;
	scroll-snap-type: x mandatory !important;
	white-space: normal !important;
	padding: 0 !important;
}

.home-category-carousel-row::-webkit-scrollbar {
	display: none !important;
}

.home-category-carousel-row {
	scrollbar-width: none !important;
}

.home-category-carousel-row .home-category-card {
	position: relative !important;
	display: block !important;
	width: 300px !important;
	height: 132px !important;
	min-width: 300px !important;
	min-height: 132px !important;
	max-width: 300px !important;
	max-height: 132px !important;
	overflow: hidden !important;
	border-radius: 14px !important;
	background: #21113f !important;
	text-decoration: none !important;
	color: #fff !important;
	box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
	border: 0 !important;
	scroll-snap-align: start !important;
}

.home-category-carousel-row .home-category-card img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center right !important;
	border: 0 !important;
	border-radius: 0 !important;
	margin: 0 !important;
	z-index: 0 !important;
}

.home-category-carousel-row .home-category-card.is-lazy-home-category {
	background:
		linear-gradient(135deg, rgba(124,58,237,.45), rgba(35,16,70,.96)),
		#21113f !important;
}

.home-category-carousel-row .home-category-card.is-lazy-home-category img {
	opacity: 0 !important;
}

.home-category-carousel-row .home-category-card:not(.is-lazy-home-category) img {
	opacity: 1 !important;
}

.home-category-carousel-row .home-category-card::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(
        90deg,
        rgba(18,8,38,.92) 0%,
        rgba(18,8,38,.72) 22%,
        rgba(18,8,38,.18) 50%
    ) !important;
}

.home-category-carousel-row .home-category-card span {
    position: absolute !important;
    left: 12px !important;
    bottom: 90px !important;
    z-index: 2 !important;
	width: 99% !important;
	max-width: 220px !important;
	color: #fff !important;
	margin: 0 !important;
	padding: 0 !important;
}

.home-category-carousel-row .home-category-card.is-lazy-home-category img {
	object-position: center !important;
}

.home-category-carousel-row .home-category-card strong {
	display: block !important;
	font-size: 16px !important;
	line-height: 1.05 !important;
	font-weight: 900 !important;
	color: #fff !important;
	text-shadow: 0 2px 8px rgba(0,0,0,.45) !important;
}

.home-category-carousel-row .home-category-card small {
	display: block !important;
	margin-top: 6px !important;
	font-size: 11px !important;
	line-height: 1.1 !important;
	font-weight: 800 !important;
	color: rgba(255,255,255,.88) !important;
	text-shadow: 0 2px 8px rgba(0,0,0,.40) !important;
}

.home-category-carousel-arrow {
	position: absolute !important;
	top: 0 !important;
	z-index: 5 !important;
	width: 48px !important;
	height: 100% !important;
	align-items: center !important;
	justify-content: center !important;
	border: 0 !important;
	color: #fff !important;
	font-size: 24px !important;
	background: rgba(0,0,0,.62) !important;
	cursor: pointer !important;
}

.home-category-carousel-arrow-right {
	right: 0 !important;
}

.home-category-carousel-arrow-left {
	left: 0 !important;
}

@media (max-width: 1200px) {
	.home-category-carousel-section {
		grid-template-columns: 1fr !important;
	}

	.home-category-carousel-info {
		height: auto !important;
		min-height: 220px !important;
	}
}

@media (max-width: 760px) {
	.home-category-carousel-info {
		padding: 22px !important;
	}

	.home-category-carousel-title {
		font-size: 22px !important;
	}

	.home-category-carousel-row {
		grid-template-rows: repeat(2, 118px) !important;
		grid-auto-columns: 268px !important;
		height: 246px !important;
	}

	.home-category-carousel-wrap {
		height: 246px !important;
	}

	.home-category-carousel-row .home-category-card {
		width: 268px !important;
		height: 118px !important;
		min-width: 268px !important;
		min-height: 118px !important;
		max-width: 268px !important;
		max-height: 118px !important;
	}

	.home-category-carousel-row .home-category-card strong {
		font-size: 19px !important;
	}
}


.search-related-tag-card {
    grid-column: span 2 / span 2;
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 11 / 4;
    overflow: hidden;
    border-radius: 16px;
    background: #1d0b3d;
}

.search-related-tag-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border: 0;
    border-radius: 16px;
}

.search-related-tag-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,.48), rgba(0,0,0,.08));
    z-index: 1;
}

.search-related-tag-card span {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    color: #fff;
    max-width: 90%;
    text-shadow: 0 2px 4px rgba(0,0,0,.65);
}

.search-related-tag-card strong,
.search-related-tag-card small {
    display: block;
    font-weight: 900;
    line-height: 1.15;
}

.search-related-tag-card strong {
    font-size: 18px;
}

.search-related-tag-card small {
    margin-top: 4px;
    font-size: 14px;
}


/* SEARCH PAGE MOBILE LAYOUT LIKE HOME */
@media (max-width: 767px) {
    .search-results-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: start !important;
    }

    .search-results-grid .search-related-tag-card {
        grid-column: 1 / -1 !important;
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 136px !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
        border-radius: 18px !important;
        background: #111 !important;
    }

    .search-results-grid .search-related-tag-card img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        border-radius: 18px !important;
    }

    .search-results-grid .search-related-tag-card::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.1)) !important;
        z-index: 1 !important;
    }

    .search-results-grid .search-related-tag-card span {
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        padding: 20px !important;
        color: #fff !important;
        text-shadow: 0 2px 4px rgba(0,0,0,.65) !important;
    }

    .search-results-grid .search-related-tag-card strong {
        display: block !important;
        font-size: 26px !important;
        font-weight: 900 !important;
        line-height: 1.1 !important;
    }

    .search-results-grid .search-related-tag-card small {
        display: block !important;
        margin-top: 5px !important;
        font-size: 15px !important;
        font-weight: 900 !important;
    }

    .search-results-grid .new-games-list {
        display: block !important;
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
        border-radius: 14px !important;
    }

    .search-results-grid .new-games-list img {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        display: block !important;
        border-radius: 14px !important;
    }

    .search-results-grid .new-games-list > div {
        font-size: 10px !important;
        line-height: 1.15 !important;
        padding: 4px 5px !important;
        border-radius: 0 0 14px 14px !important;
    }
}
/* Crazy mobile home: hide desktop/category carousel section only on mobile.
   Keeps mobile game slider + mobile scroll load-more working. */
@media (max-width: 767px) {
    .home-category-carousel-section {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}
.footer-description > h1.privacy-t {
    margin: 0 0 20px;
    color: #fff;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
}

/* Crazy blog list and article pages: shared stable layout */
.crazy-blog-main{width:100%}
.crazy-blog-shell{width:min(100%,1040px);margin:24px auto;padding:clamp(22px,3vw,42px);border:1px solid rgba(139,92,246,.22);border-radius:18px;background:#1f2030;color:#f3f4f6;box-shadow:0 16px 40px rgba(0,0,0,.22);font-size:16px;line-height:1.72;overflow-wrap:anywhere}
.crazy-blog-list-page>h1{margin:0 0 24px;color:#fff;font-size:clamp(26px,4vw,24px);line-height:1.15;font-weight:700;text-align:left}
.blog-list-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;max-width:920px!important;margin:0 auto!important}
.blog-mobile-card{display:grid!important;grid-template-columns:240px minmax(0,1fr);width:100%!important;min-height:150px;overflow:hidden!important;border:1px solid rgba(167,139,250,.18)!important;border-radius:14px!important;background:#27283a!important;color:#fff!important;text-decoration:none!important}
.blog-mobile-card:hover,.blog-mobile-card:focus-visible{border-color:rgba(196,181,253,.55)!important;background:#2b2c42!important;text-decoration:none!important}
.blog-mobile-card-img{width:240px!important;height:100%!important;min-height:150px;border-radius:0!important;object-fit:cover!important}
.blog-mobile-card-body{min-width:0;padding:18px 20px}
.blog-mobile-date{margin-bottom:6px!important;color:#c4b5fd!important;font-size:13px!important}
.blog-mobile-title{margin-bottom:8px!important;color:#fff!important;font-size:21px!important;line-height:1.28!important;font-weight:800!important}
.blog-mobile-desc{display:-webkit-box!important;overflow:hidden!important;color:#d1d5db!important;font-size:15px!important;line-height:1.5!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important}
.blog-list-more{margin-top:9px!important;color:#c4b5fd!important;font-size:13px!important;font-weight:800!important;font-style:normal!important}
.crazy-blog-description,.crazy-blog-content{color:#e5e7eb}
.crazy-blog-description h2,.crazy-blog-description h3,.crazy-blog-description h4,.crazy-blog-content h2,.crazy-blog-content h3,.crazy-blog-content h4{margin:28px 0 12px;color:#fff;line-height:1.3;font-weight:800}
.crazy-blog-description h2,.crazy-blog-content h2{font-size:26px}
.crazy-blog-description h3,.crazy-blog-content h3{font-size:21px}
.crazy-blog-description h4,.crazy-blog-content h4{font-size:18px}
.crazy-blog-description p,.crazy-blog-content p{margin:0 0 16px}
.crazy-blog-description ul,.crazy-blog-description ol,.crazy-blog-content ul,.crazy-blog-content ol{margin:0 0 18px 24px;padding:0}
.crazy-blog-description ul,.crazy-blog-content ul{list-style:disc}
.crazy-blog-description ol,.crazy-blog-content ol{list-style:decimal}
.crazy-blog-description li,.crazy-blog-content li{margin-bottom:8px}
.crazy-blog-description a,.crazy-blog-content a{color:#c4b5fd;text-decoration:underline!important;text-underline-offset:3px}
.crazy-blog-description a:hover,.crazy-blog-description a:focus-visible,.crazy-blog-content a:hover,.crazy-blog-content a:focus-visible{color:#ddd6fe}
.crazy-blog-divider{height:1px;margin:18px 0 24px;border:0;background:rgba(255,255,255,.12)}
.blog-post-image{width:100%;height:auto;margin:0 0 24px;border-radius:14px;aspect-ratio:16/9;object-fit:cover}
.crazy-blog-content table{display:block;width:100%;max-width:100%;margin:22px 0;overflow-x:auto;border-collapse:collapse;-webkit-overflow-scrolling:touch}
.crazy-blog-content th,.crazy-blog-content td{min-width:150px;padding:11px 12px;border:1px solid rgba(255,255,255,.14);color:#e5e7eb;text-align:left;vertical-align:top}
.crazy-blog-content th{background:#2b2c42;color:#fff}
.splide-container{position:relative;margin:0 0 24px;padding:16px;border-radius:12px;background:#2b2c42}
.splide__track{overflow:hidden}
.splide__list{display:flex;margin:0;padding:0;list-style:none;transition:transform .35s ease;will-change:transform}
.splide__slide{flex:0 0 120px;width:120px;margin-right:12px}
.splide__slide .game-item{display:block;position:relative;overflow:hidden;border-radius:10px;aspect-ratio:1/1;background:#181927}
.splide__slide .game-item img{width:100%;height:100%;object-fit:cover}
.splide__slide .post-name{display:flex;position:absolute;inset:auto 0 0;align-items:flex-end;min-height:42px;padding:8px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);color:#fff;font-size:11px;line-height:1.25}
.splide__arrow{position:absolute;top:50%;z-index:2;width:40px;height:40px;border:1px solid #8b5cf6;border-radius:50%;background:#fff;cursor:pointer;transform:translateY(-50%)}
.splide__arrow--prev{left:-12px}.splide__arrow--next{right:-12px}.splide__arrow:disabled{cursor:not-allowed;opacity:.45}
@media screen and (max-width:700px){.crazy-blog-shell{width:100%;margin:16px auto;padding:20px 16px;border-radius:12px;font-size:15px;line-height:1.65}.blog-mobile-card{grid-template-columns:112px minmax(0,1fr);min-height:112px}.blog-mobile-card-img{width:112px!important;min-height:112px}.blog-mobile-card-body{padding:12px}.blog-mobile-title{font-size:16px!important}.blog-mobile-desc{-webkit-line-clamp:2!important;font-size:13px!important}.blog-list-more{display:none}.splide__slide{flex-basis:104px;width:104px}}
/* Visitor language selector: loaded only when a visitor chooses a language. */
.gm-language-widget{position:fixed;right:20px;bottom:20px;z-index:2147483000;font-family:Arial,sans-serif}.gm-language-widget-stored{display:none!important}.gm-language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 15px;border:0;border-radius:10px;color:#fff;background:#0875bd;font:700 15px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 8px 22px rgba(0,80,150,.28)}.gm-language-toggle span{color:#fff}.gm-language-icon{display:inline-grid;width:25px;height:25px;place-items:center;border:2px solid currentColor;border-radius:50%;font:800 13px/1 Arial,sans-serif;letter-spacing:-1px}.gm-language-icon:after{content:"文";margin-left:-3px;font-size:10px}.gm-language-panel{position:absolute;right:0;bottom:calc(100% + 9px);width:252px;padding:14px;border-radius:16px;background:#fff;box-shadow:0 16px 38px rgba(0,0,0,.25);color:#29445e}.gm-language-panel strong{display:block;margin:0 0 10px;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.gm-language-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.gm-language-options button,.gm-language-options a,.gm-language-reset{display:flex;min-height:38px;align-items:center;justify-content:center;padding:0 8px;border:1px solid #dbe7f1;border-radius:7px;color:#29445e;background:#f8fbff;font:700 13px Arial,sans-serif;cursor:pointer;text-align:center;text-decoration:none}.gm-language-options button:hover,.gm-language-options a:hover,.gm-language-reset:hover{border-color:#0875bd;color:#075d96;background:#edf8ff}.gm-language-reset{width:100%;margin-top:10px}.gm-google-translate{display:none}@media(max-width:600px){.gm-language-widget{right:10px;bottom:10px}.gm-language-toggle{min-height:40px;padding:0 11px;font-size:12px}.gm-language-toggle span{display:inline}.gm-language-widget-legacy .gm-language-panel{position:fixed;right:10px;bottom:58px;width:min(252px,calc(100vw - 20px))}}
.gm-language-recommendation{position:fixed;right:20px;bottom:20px;z-index:2147483647;width:290px;padding:14px;border:1px solid #dbe7f1;border-radius:14px;background:#fff;box-shadow:0 16px 38px rgba(0,0,0,.25);color:#29445e}.gm-language-recommendation[hidden]{display:none}.gm-language-recommendation p{margin:0 0 11px;color:#29445e;font:700 14px/1.4 Arial,sans-serif}.gm-language-recommendation-actions{display:flex;align-items:center;gap:8px}.gm-language-recommendation-open,.gm-language-recommendation-close{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:8px;font:700 13px Arial,sans-serif;cursor:pointer}.gm-language-recommendation-open{flex:1;padding:0 13px;background:#0875bd;color:#fff!important;text-decoration:none!important}.gm-language-recommendation-close{padding:0 12px;border:1px solid #dbe7f1;background:#f8fbff;color:#29445e}@media(max-width:600px){.gm-language-recommendation{right:10px;bottom:10px;width:min(290px,calc(100vw - 20px))}}
.gm-sidebar-language-control{position:relative;width:100%}.gm-sidebar-language-toggle{display:flex;width:100%;height:44px;align-items:center;padding:0;border:0;border-left:4px solid transparent;color:#fff;background:transparent;font:600 15px/1 Arial,sans-serif;cursor:pointer;text-align:left}.gm-sidebar-language-toggle:hover,.gm-sidebar-language-toggle:focus-visible,.gm-sidebar-language-toggle[aria-expanded="true"]{background:rgba(139,92,246,.12)}.gm-sidebar-language-icon{display:grid;width:24px;height:24px;flex:0 0 24px;margin:0 20px 0 12px;place-items:center;border:2px solid #8b5cf6;border-radius:50%;color:#fff;font:800 10px/1 Arial,sans-serif;letter-spacing:-1px}.gm-sidebar-language-panel{position:fixed!important;right:auto!important;bottom:auto!important;z-index:2147483647;width:252px}.gm-sidebar-language-panel[hidden]{display:none}

/* Embedded Tailwind utilities: removes a separate render-blocking request. */
.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-\[20\%\]{bottom:20%}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-\[70px\]{top:70px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[4\]{z-index:4}.z-\[999999999999999\]{z-index:999999999999999}.z-\[99999999999\]{z-index:99999999999}.z-\[99999999\]{z-index:99999999}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-span-2{grid-row:span 2/span 2}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-mt-0\.5{margin-top:-.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-\[-250\%\]{margin-left:-250%}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-5{margin-right:1.25rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-\[18px\]{width:18px;height:18px}.h-0{height:0}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-\[100\%\]{height:100%}.h-\[100px\]{height:100px}.h-\[267px\]{height:267px}.h-\[282px\]{height:282px}.h-\[34px\]{height:34px}.h-\[400px\]{height:400px}.h-\[45px\]{height:45px}.h-\[548px\]{height:548px}.h-\[600px\]{height:600px}.h-\[calc\(100svh-200px\)\]{height:calc(100svh - 200px)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\[calc\(100svh-240px\)\]{max-height:calc(100svh - 240px)}.max-h-\[calc\(100svh-45px\)\]{max-height:calc(100svh - 45px)}.max-h-\[calc\(100svh-80px\)\]{max-height:calc(100svh - 80px)}.max-h-full{max-height:100%}.min-h-\[200px\]{min-height:200px}.min-h-\[90px\]{min-height:90px}.w-1\/2{width:50%}.w-10\/12{width:83.333333%}.w-12{width:3rem}.w-16{width:4rem}.w-32{width:8rem}.w-48{width:12rem}.w-8{width:2rem}.w-8\/12{width:66.666667%}.w-\[120px\]{width:120px}.w-\[144px\]{width:144px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[300px\]{width:300px}.w-\[460px\]{width:460px}.w-\[600\%\]{width:600%}.w-\[90\%\]{width:90%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-4xl{max-width:56rem}.max-w-\[600px\]{max-width:600px}.max-w-\[720px\]{max-width:720px}.max-w-\[calc\(100\%-120px\)\]{max-width:calc(100% - 120px)}.max-w-\[calc\(100\%-472px\)\]{max-width:calc(100% - 472px)}.max-w-full{max-width:100%}.max-w-screen-2xl{max-width:1536px}.max-w-screen-lg{max-width:1024px}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[17px\]{border-radius:17px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.border{border-width:1px}.border-l-4{border-left-width:4px}.border-\[\#28293D\]{--tw-border-opacity:1;border-color:rgb(40 41 61/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-violet-500{--tw-border-opacity:1;border-color:rgb(139 92 246/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#0C0D14\]{--tw-bg-opacity:1;background-color:rgb(12 13 20/var(--tw-bg-opacity,1))}.bg-\[\#181925\]{--tw-bg-opacity:1;background-color:rgb(24 25 37/var(--tw-bg-opacity,1))}.bg-\[\#1F1F30\]{--tw-bg-opacity:1;background-color:rgb(31 31 48/var(--tw-bg-opacity,1))}.bg-\[\#1a1b28\]{--tw-bg-opacity:1;background-color:rgb(26 27 40/var(--tw-bg-opacity,1))}.bg-\[\#212233\]{--tw-bg-opacity:1;background-color:rgb(33 34 51/var(--tw-bg-opacity,1))}.bg-\[\#373952\]{--tw-bg-opacity:1;background-color:rgb(55 57 82/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-violet-600{--tw-bg-opacity:1;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-\[rgba\(19\2c 20\2c 30\2c 0\)\]{--tw-gradient-from:rgba(19,20,30,0) var(--tw-gradient-from-position);--tw-gradient-to:rgba(19,20,30,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[rgb\(12\2c 13\2c 20\)_60\%\]{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0c0d14 60% var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[rgb\(12\2c 13\2c 20\)_100\%\]{--tw-gradient-to:#0c0d14 100% var(--tw-gradient-to-position)}.fill-violet-500{fill:#8b5cf6}.fill-white{fill:#fff}.object-cover{-o-object-fit:cover;object-fit:cover}.object-bottom{-o-object-position:bottom;object-position:bottom}.object-center{-o-object-position:center;object-position:center}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-5{padding-bottom:1.25rem}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pr-12{padding-right:3rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[15px\]{font-size:15px}.text-\[24px\]{font-size:24px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-tight{line-height:1.25}.text-\[\#babbcc\]{--tw-text-opacity:1;color:rgb(186 187 204/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-violet-400{--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity,1))}.text-violet-500{--tw-text-opacity:1;color:rgb(139 92 246/var(--tw-text-opacity,1))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-opacity-100,.text-white{--tw-text-opacity:1}.text-opacity-60{--tw-text-opacity:0.6}.text-opacity-75{--tw-text-opacity:0.75}.no-underline{text-decoration-line:none}.opacity-80{opacity:.8}.shadow-\[0px_0px_90px_0px_rgb\(0\2c 0\2c 0\)\]{--tw-shadow:0px 0px 90px 0px #000;--tw-shadow-colored:0px 0px 90px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-inset{--tw-ring-inset:inset}.ring-violet-600{--tw-ring-opacity:1;--tw-ring-color:rgb(124 58 237/var(--tw-ring-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-\[102\%\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[102\%\]:hover{--tw-scale-x:102%;--tw-scale-y:102%}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-violet-900:hover{--tw-bg-opacity:1;background-color:rgb(76 29 149/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-violet-700:hover{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.hover\:text-opacity-65:hover{--tw-text-opacity:0.65}.hover\:ring-1:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\:flex{display:flex}@media (min-width:768px){.md\:-left-full{left:-100%}.md\:col-span-6{grid-column:span 6/span 6}.md\:my-4{margin-top:1rem;margin-bottom:1rem}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:size-6{width:1.5rem;height:1.5rem}.md\:size-8{width:2rem;height:2rem}.md\:h-24{height:6rem}.md\:h-\[calc\(100svh-300px\)\]{height:calc(100svh - 300px)}.md\:min-h-0{min-height:0}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:gap-2{gap:.5rem}.md\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.md\:pb-10{padding-bottom:2.5rem}.md\:pr-5{padding-right:1.25rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:1024px){.lg\:left-0{left:0}.lg\:z-20{z-index:20}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:size-\[22px\]{width:22px;height:22px}.lg\:h-\[156px\]{height:156px}.lg\:h-full{height:100%}.lg\:min-h-0{min-height:0}.lg\:w-20{width:5rem}.lg\:w-52{width:13rem}.lg\:w-\[234px\]{width:234px}.lg\:w-\[340px\]{width:340px}.lg\:w-\[364px\]{width:364px}.lg\:w-\[464px\]{width:464px}.lg\:w-\[62px\]{width:62px}.lg\:w-\[calc\(100\%-364px-16px\)\]{width:calc(100% - 380px)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:overflow-x-hidden{overflow-x:hidden}.lg\:rounded-lg{border-radius:.5rem}.lg\:border-r{border-right-width:1px}.lg\:border-\[\#2d2e3b\]{--tw-border-opacity:1;border-color:rgb(45 46 59/var(--tw-border-opacity,1))}.lg\:bg-\[\#1F1F30\]{--tw-bg-opacity:1;background-color:rgb(31 31 48/var(--tw-bg-opacity,1))}.lg\:pb-6{padding-bottom:1.5rem}.lg\:pl-20{padding-left:5rem}.lg\:pr-0{padding-right:0}.lg\:pt-4{padding-top:1rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:hover\:w-auto:hover{width:auto}.group:hover .lg\:group-hover\:overflow-y-auto{overflow-y:auto}.group:hover .lg\:group-hover\:pr-5{padding-right:1.25rem}}@media (min-width:1536px){.\32xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\32xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:1920px){.min-\[1920px\]\:w-\[240px\]{width:240px}.min-\[1920px\]\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.min-\[1920px\]\:overflow-y-auto{overflow-y:auto}.min-\[1920px\]\:pl-\[256px\]{padding-left:256px}.min-\[1920px\]\:pr-5{padding-right:1.25rem}.min-\[1920px\]\:hover\:w-\[240px\]:hover{width:240px}.group:hover .min-\[1920px\]\:group-hover\:pr-0{padding-right:0}}@media (min-width:2560px){.min-\[2560px\]\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}}.\[\&\>\*\:nth-child\(n\+4\)\]\:hidden>:nth-child(n+4){display:none}.\[\&\>div\.truncate\]\:mr-2>div.truncate{margin-right:.5rem}.hover\:\[\&\>div\.truncate\]\:mr-0>div.truncate:hover{margin-right:0}.hover\:\[\&\>div\.truncate\]\:pl-2>div.truncate:hover{padding-left:.5rem}.\[\&\>div\]\:mr-2>div{margin-right:.5rem}.hover\:\[\&\>div\]\:mr-0>div:hover{margin-right:0}.hover\:\[\&\>div\]\:pl-2>div:hover{padding-left:.5rem}