/* Admin-configured sidebar: CrazyGames-sized 60px icon rail, closed by default. */
.gx-dashboard-shell{--gx-atlas:url(../images/x-menu-atlas-v2.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}
@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}}

/* Mentolatux identity: semantic Font Awesome navigation, no sprite fallback. */
.gx-dashboard-shell .gx-admin-sidebar-menu{
    border-color:#20335b;
    background:linear-gradient(165deg,rgba(7,14,35,.99),rgba(5,8,22,.995));
    box-shadow:inset 0 1px 0 rgba(110,226,255,.06),0 14px 34px rgba(0,0,0,.34);
}
.gx-dashboard-shell .gx-admin-sidebar-menu>a:hover,
.gx-dashboard-shell .gx-admin-sidebar-menu>button:hover,
.gx-dashboard-shell .gx-admin-sidebar-menu>a:focus-visible,
.gx-dashboard-shell .gx-admin-sidebar-menu>button:focus-visible,
.gx-dashboard-shell .gx-admin-sidebar-menu>a.is-active{
    background:linear-gradient(100deg,rgba(20,81,132,.94),rgba(104,39,154,.92));
    box-shadow:inset 3px 0 0 #57e3ff,0 0 18px rgba(76,165,255,.2);
}
.gx-dashboard-shell .gx-nav-icon{
    display:grid!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    place-items:center;
    background:none!important;
    color:var(--gx-icon-color,#68dcff)!important;
    -webkit-text-fill-color:var(--gx-icon-color,#68dcff)!important;
    font-size:28px!important;
    font-style:normal!important;
    line-height:1!important;
    filter:drop-shadow(0 0 7px color-mix(in srgb,var(--gx-icon-color,#68dcff) 48%,transparent));
    transition:transform .16s ease,filter .16s ease;
}
.gx-dashboard-shell .gx-nav-icon.fa-solid{font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif!important;font-weight:900!important}
.gx-dashboard-shell .gx-nav-icon.fa-brands{font-family:"Font Awesome 6 Brands"!important;font-weight:400!important}
.gx-dashboard-shell .gx-nav-icon.fa-solid:before{content:var(--gx-glyph,"\25A3");display:block!important;color:var(--gx-icon-color,#68dcff)!important;-webkit-text-fill-color:var(--gx-icon-color,#68dcff)!important;font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif!important;font-size:28px!important;font-style:normal!important;font-weight:900!important;line-height:1!important;opacity:1!important}
.gx-dashboard-shell .gx-nav-icon.fa-play{--gx-glyph:"\25B6"}
.gx-dashboard-shell .gx-nav-icon.fa-house{--gx-glyph:"\2302"}
.gx-dashboard-shell .gx-nav-icon.fa-clock-rotate-left{--gx-glyph:"\25F7"}
.gx-dashboard-shell .gx-nav-icon.fa-fire-flame-curved{--gx-glyph:"\2668"}
.gx-dashboard-shell .gx-nav-icon.fa-heart{--gx-glyph:"\2665"}
.gx-dashboard-shell .gx-nav-icon.fa-star{--gx-glyph:"\2605"}
.gx-dashboard-shell .gx-nav-icon.fa-clock{--gx-glyph:"\25F4"}
.gx-dashboard-shell .gx-nav-icon.fa-car-side{--gx-glyph:"\25B8"}
.gx-dashboard-shell .gx-nav-icon.fa-square-parking{--gx-glyph:"P"}
.gx-dashboard-shell .gx-nav-icon.fa-shirt{--gx-glyph:"\2640"}
.gx-dashboard-shell .gx-nav-icon.fa-puzzle-piece{--gx-glyph:"\25C8"}
.gx-dashboard-shell .gx-nav-icon.fa-crosshairs{--gx-glyph:"\2295"}
.gx-dashboard-shell .gx-nav-icon.fa-shield-halved{--gx-glyph:"\25C6"}
.gx-dashboard-shell .gx-nav-icon.fa-bolt{--gx-glyph:"\26A1"}
.gx-dashboard-shell .gx-nav-icon.fa-gamepad{--gx-glyph:"\25A3"}
.gx-dashboard-shell .gx-nav-icon.fa-wand-magic-sparkles{--gx-glyph:"\2726"}
.gx-dashboard-shell .gx-nav-icon.fa-user-group{--gx-glyph:"\2637"}
.gx-dashboard-shell .gx-nav-icon.fa-user{--gx-glyph:"\25CF"}
.gx-dashboard-shell .gx-nav-icon.fa-futbol{--gx-glyph:"\26BD"}
.gx-dashboard-shell .gx-nav-icon.fa-basketball{--gx-glyph:"\25C9"}
.gx-dashboard-shell .gx-nav-icon.fa-plane{--gx-glyph:"\2708"}
.gx-dashboard-shell .gx-nav-icon.fa-layer-group{--gx-glyph:"\2637"}
.gx-dashboard-shell .gx-nav-icon.fa-computer-mouse{--gx-glyph:"\25C9"}
.gx-dashboard-shell .gx-nav-icon.fa-palette{--gx-glyph:"\2725"}
.gx-dashboard-shell .gx-nav-icon.fa-circle-dot{--gx-glyph:"\2299"}
.gx-dashboard-shell .gx-nav-icon.fa-hand{--gx-glyph:"\261D"}
.gx-dashboard-shell .gx-nav-icon.fa-cube{--gx-glyph:"\25A6"}
.gx-dashboard-shell .gx-nav-icon.fa-code{--gx-glyph:"\2329"}
.gx-dashboard-shell .gx-nav-icon.fa-compass{--gx-glyph:"\25C8"}
.gx-dashboard-shell .gx-nav-icon.fa-bullseye{--gx-glyph:"\25CE"}
.gx-dashboard-shell .gx-nav-icon.fa-door-open{--gx-glyph:"\21AA"}
.gx-dashboard-shell .gx-nav-icon.fa-ghost{--gx-glyph:"\2620"}
.gx-dashboard-shell .gx-nav-icon.fa-biohazard{--gx-glyph:"\2623"}
.gx-dashboard-shell .gx-nav-icon.fa-dragon{--gx-glyph:"\2694"}
.gx-dashboard-shell .gx-nav-icon.fa-person-running{--gx-glyph:"\27A4"}
.gx-dashboard-shell .gx-nav-icon.fa-paw{--gx-glyph:"\2663"}
.gx-dashboard-shell .gx-nav-icon.fa-truck{--gx-glyph:"\25B6"}
.gx-dashboard-shell .gx-nav-icon.fa-motorcycle{--gx-glyph:"\25B9"}
.gx-dashboard-shell .gx-nav-icon.fa-newspaper{--gx-glyph:"\25A4"}
.gx-dashboard-shell .gx-nav-icon.fa-envelope{--gx-glyph:"\2709"}
.gx-dashboard-shell .gx-nav-icon.fa-file-shield{--gx-glyph:"\25A3"}
.gx-dashboard-shell .gx-nav-icon.fa-circle-info{--gx-glyph:"\24D8"}
.gx-dashboard-shell .gx-nav-icon.fa-shapes{--gx-glyph:"\25A6"}
.gx-dashboard-shell .gx-nav-icon.fa-tags{--gx-glyph:"#"}
.gx-dashboard-shell .gx-nav-icon.fa-dice{--gx-glyph:"\2684"}
.gx-dashboard-shell .gx-nav-icon.fa-gem{--gx-glyph:"\25C6"}
.gx-dashboard-shell .gx-nav-icon.fa-rocket{--gx-glyph:"\2197"}
.gx-dashboard-shell .gx-nav-icon.fa-chess-knight{--gx-glyph:"\265E"}
.gx-dashboard-shell .gx-nav-icon.fa-meteor{--gx-glyph:"\2604"}
.gx-dashboard-shell .gx-admin-sidebar-menu>a:hover .gx-nav-icon,
.gx-dashboard-shell .gx-admin-sidebar-menu>a:focus-visible .gx-nav-icon,
.gx-dashboard-shell .gx-admin-sidebar-menu>a.is-active .gx-nav-icon{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    filter:drop-shadow(0 0 8px var(--gx-icon-color,#68dcff));
    transform:scale(1.08);
}
.gx-dashboard-shell .gx-admin-sidebar-menu>a:hover .gx-nav-icon:before,
.gx-dashboard-shell .gx-admin-sidebar-menu>a:focus-visible .gx-nav-icon:before,
.gx-dashboard-shell .gx-admin-sidebar-menu>a.is-active .gx-nav-icon:before{color:#fff!important;-webkit-text-fill-color:#fff!important}
.gx-dashboard-shell .gx-sidebar-separator{border-color:#23345b}
.gx-dashboard-shell .gx-sidebar-separator .gx-sidebar-label{background:#070d21;color:#70dffc}
.gx-dashboard-shell .gx-category-block>.gx-nav-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border:1px solid color-mix(in srgb,var(--gx-icon-color,#68dcff) 42%,transparent);
    border-radius:12px;
    background:color-mix(in srgb,var(--gx-icon-color,#68dcff) 10%,transparent)!important;
}

/* 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}
}

/* Keep group dividers the same height when the sidebar expands. */
html .gx-left-sidebar .gx-sidebar-separator{width:calc(100% - 16px)!important;min-height:10px!important;height:10px!important;margin:4px 8px!important}
html .gx-left-sidebar .gx-sidebar-separator .gx-sidebar-label{display:none!important}
