/* Admin-configured sidebar: CrazyGames-sized 60px icon rail, closed by default. */
.gx-dashboard-shell{--gx-atlas:url(../images/x-menu-atlas.webp)}
.gx-dashboard-shell .gx-menu-button{position:relative;display:grid;order:-1;flex:0 0 40px;place-items:center;margin:0 4px 0 0;cursor:pointer}
.gx-dashboard-shell.is-sidebar-open .gx-menu-button{border-color:#a540ff;background:#22104e;box-shadow:0 0 18px rgba(167,53,255,.24)}
.gx-dashboard-shell.is-sidebar-hidden .gx-menu-button{border-color:#00bcd8;background:#071b2c;box-shadow:0 0 18px rgba(0,210,255,.18)}
.gx-main.gx-dashboard{grid-template-columns:60px minmax(0,1fr) 240px}
.gx-left-sidebar{position:sticky;z-index:80;top:88px;display:block!important;width:60px;max-height:calc(100vh - 100px);overflow:visible;transition:width .18s ease}
.gx-admin-sidebar-menu{display:flex;width:60px;max-height:calc(100vh - 100px);flex-direction:column;gap:2px;padding:6px 0;overflow-x:hidden;overflow-y:auto;border:1px solid #352067;border-radius:10px;background:linear-gradient(145deg,rgba(9,10,29,.985),rgba(4,7,18,.995));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.28);scrollbar-width:none;transition:width .18s ease}
.gx-admin-sidebar-menu::-webkit-scrollbar{display:none}
.gx-admin-sidebar-menu>a,.gx-admin-sidebar-menu>button{position:relative;display:flex;width:100%;height:40px;min-height:40px;align-items:center;justify-content:flex-start;gap:12px;padding:3px 12px;border:0;border-radius:7px;background:transparent;color:#e8e9f4;font:700 14px/1 Inter,Arial,sans-serif;text-align:left;white-space:nowrap;cursor:pointer}
.gx-admin-sidebar-menu>a:hover,.gx-admin-sidebar-menu>button:hover,.gx-admin-sidebar-menu>a:focus-visible,.gx-admin-sidebar-menu>button:focus-visible,.gx-admin-sidebar-menu>a.is-active{background:linear-gradient(100deg,#351071,#5518ab);color:#fff;outline:0;box-shadow:inset 3px 0 0 #ba4cff,0 0 17px rgba(133,38,255,.16)}
.gx-nav-icon{display:block!important;width:34px!important;height:34px!important;min-width:34px;background-image:var(--gx-atlas)!important;background-repeat:no-repeat!important;background-size:600% 600%!important;color:transparent!important;font-size:0!important;filter:drop-shadow(0 0 5px rgba(104,106,255,.26))}
.gx-sidebar-label{display:block;width:0;overflow:hidden;opacity:0;visibility:hidden;font-size:14px;line-height:1;transition:opacity .12s ease}
.gx-sidebar-separator{display:block;position:relative;width:44px;min-height:10px;margin:4px 8px;border-top:1px solid #302251}
.gx-sidebar-separator .gx-sidebar-label{position:absolute;left:10px;top:-7px;padding:0 7px;background:#07081b;color:#9d7bcc;font-size:11px;font-weight:850;letter-spacing:.35px;text-transform:uppercase}
.gx-dashboard-shell.is-sidebar-open .gx-left-sidebar,.gx-dashboard-shell.is-sidebar-open .gx-admin-sidebar-menu{width:248px}
.gx-dashboard-shell.is-sidebar-open .gx-admin-sidebar-menu{box-shadow:inset 0 1px 0 rgba(255,255,255,.03),18px 18px 40px rgba(0,0,0,.48)}
.gx-dashboard-shell.is-sidebar-open .gx-sidebar-label{width:auto;overflow:visible;opacity:1;visibility:visible}
.gx-dashboard-shell.is-sidebar-open .gx-sidebar-separator{width:224px;min-height:20px;margin:7px 12px}
@media(min-width:901px) and (hover:hover){.gx-left-sidebar:hover,.gx-left-sidebar:focus-within,.gx-left-sidebar:hover .gx-admin-sidebar-menu,.gx-left-sidebar:focus-within .gx-admin-sidebar-menu{width:248px}.gx-left-sidebar:hover .gx-admin-sidebar-menu,.gx-left-sidebar:focus-within .gx-admin-sidebar-menu{box-shadow:inset 0 1px 0 rgba(255,255,255,.03),18px 18px 40px rgba(0,0,0,.48)}.gx-left-sidebar:hover .gx-sidebar-label,.gx-left-sidebar:focus-within .gx-sidebar-label{width:auto;overflow:visible;opacity:1;visibility:visible}.gx-left-sidebar:hover .gx-sidebar-separator,.gx-left-sidebar:focus-within .gx-sidebar-separator{width:224px;min-height:20px;margin:7px 12px}}
.gx-nav-home{background-position:0 0!important}.gx-nav-search{background-position:20% 0!important}.gx-nav-new{background-position:40% 0!important}.gx-nav-popular{background-position:60% 0!important}.gx-nav-featured{background-position:80% 0!important}
.gx-nav-liked{background-image:url(/static/menu-img/most-liked-games.svg)!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}
.gx-nav-minecraft{background-position:0 20%!important}.gx-nav-racing{background-position:20% 20%!important}.gx-nav-action{background-position:40% 20%!important}.gx-nav-puzzle{background-position:60% 20%!important}.gx-nav-dress-up{background-position:80% 20%!important}.gx-nav-shooting{background-position:100% 20%!important}
.gx-nav-bmx{background-position:0 40%!important}.gx-nav-truck{background-position:20% 40%!important}.gx-nav-drifting{background-position:40% 40%!important}.gx-nav-adventure{background-position:60% 40%!important}.gx-nav-skill{background-position:80% 40%!important}.gx-nav-trucks{background-position:100% 40%!important}
.gx-nav-tanks{background-position:0 60%!important}.gx-nav-tower-defence{background-position:20% 60%!important}.gx-nav-sports{background-position:40% 60%!important}.gx-nav-pixel{background-position:60% 60%!important}.gx-nav-driving{background-position:80% 60%!important}.gx-nav-two-player{background-position:100% 60%!important}
.gx-nav-escape{background-position:0 80%!important}.gx-nav-fps{background-position:20% 80%!important}.gx-nav-dinosaur{background-position:40% 80%!important}.gx-nav-stickman{background-position:60% 80%!important}.gx-nav-one-player{background-position:80% 80%!important}.gx-nav-horror{background-position:100% 80%!important}
.gx-nav-cars{background-position:0 100%!important}.gx-nav-gun{background-position:20% 100%!important}.gx-nav-zombie{background-position:40% 100%!important}.gx-nav-blog{background-position:60% 100%!important}.gx-nav-youtube{background-position:80% 100%!important}.gx-nav-fallback{background-position:100% 100%!important}
.gx-quick-actions>a>i,.gx-lucky-card>i,.gx-side-missions>div>span>i,.gx-category-block>i,.gx-card-copy em>i{background-size:600% 600%!important}
.gx-card-copy em>i,.gx-quick-actions .fa-line-chart{background-position:60% 0!important}.gx-side-missions .fa-star{background-position:80% 0!important}.gx-quick-actions .fa-users{background-position:100% 60%!important}.gx-lucky-card>i{background-position:100% 100%!important}
.gx-category-block:nth-child(1)>i{background-position:60% 0!important}.gx-category-block:nth-child(2)>i{background-position:0 20%!important}.gx-category-block:nth-child(3)>i{background-position:60% 20%!important}.gx-category-block:nth-child(4)>i{background-position:40% 20%!important}.gx-category-block:nth-child(5)>i{background-position:20% 20%!important}.gx-category-block:nth-child(6)>i{background-position:40% 60%!important}
@media(max-width:1200px) and (min-width:901px){.gx-main.gx-dashboard{grid-template-columns:60px minmax(0,1fr) 214px}.gx-admin-sidebar-menu>a,.gx-admin-sidebar-menu>button{font-size:14px}.gx-sidebar-label{font-size:14px}}
@media(max-width:900px){.gx-main.gx-dashboard{display:block;padding:10px}.gx-left-sidebar{position:fixed;z-index:130;left:8px;top:70px;display:none!important;width:248px;max-height:calc(100vh - 80px)}.gx-dashboard-shell.is-sidebar-open .gx-left-sidebar{display:block!important}.gx-admin-sidebar-menu{width:248px;max-height:calc(100vh - 80px)}.gx-sidebar-label{width:auto;overflow:visible;opacity:1;visibility:visible}.gx-sidebar-separator{width:224px;min-height:20px;margin:7px 12px}.gx-right-sidebar{display:none}.gx-dashboard-shell .gx-search{top:69px}.gx-dashboard-shell.is-sidebar-open .gx-search{display:none}.gx-dashboard-shell.is-search-open .gx-search{display:block}}
@media(max-width:680px){.gx-dashboard-shell .gx-menu-button{display:grid}}
@media(min-width:901px){.gx-dashboard-shell.is-sidebar-hidden .gx-left-sidebar{display:none!important}.gx-dashboard-shell.is-sidebar-hidden .gx-main.gx-dashboard{grid-template-columns:minmax(0,1fr) 240px}}
@media(min-width:901px) and (max-width:1200px){.gx-dashboard-shell.is-sidebar-hidden .gx-main.gx-dashboard{grid-template-columns:minmax(0,1fr) 214px}}

/* Full-width desktop header: reference-sized menu and reserved player area. */
@media(min-width:901px){
    .gx-dashboard-shell .gx-header-main{width:100%;max-width:none;height:80px;padding-inline:16px;gap:20px}
    .gx-dashboard-shell .gx-menu-button{width:56px;height:56px;flex-basis:56px;margin-right:0;border-radius:10px}
    .gx-dashboard-shell .gx-menu-button:before{top:18px;left:15px;right:15px;box-shadow:0 9px 0 #fff}
    .gx-dashboard-shell .gx-menu-button:after{top:36px;left:15px;right:15px}
    .gx-dashboard-shell .gx-search{min-width:180px;max-width:none;margin:0}
    .gx-dashboard-shell .gx-account{min-width:0;flex:0 0 auto}
}
