/* One phone header for every CrazyGamesX page. Loaded after page-specific CSS. */
.gx-login-icon{display:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.gx-profile-mobile-brand{display:none}

@media(max-width:760px){
    .gx-dashboard-shell .gx-header-main{
        height:68px;
        gap:6px;
        padding:0 10px;
    }
    .gx-dashboard-shell .gx-menu-button{
        position:relative;
        order:1;
        display:block;
        width:40px;
        height:40px;
        flex:0 0 40px;
        margin:0;
    }
    .gx-dashboard-shell .gx-menu-button>i{display:none}
    .gx-dashboard-shell .gx-menu-button:before,
    .gx-dashboard-shell .gx-menu-button:after{
        content:"";
        position:absolute;
        left:10px;
        right:10px;
        height:2px;
        border-radius:2px;
        background:#fff;
        box-shadow:none;
    }
    .gx-dashboard-shell .gx-menu-button:before{top:15px}
    .gx-dashboard-shell .gx-menu-button:after{top:23px}
    .gx-dashboard-shell .gx-brand{
        order:2;
        display:flex;
        min-width:0;
        flex:0 1 auto;
        margin:0;
        font-size:14px;
        letter-spacing:-.65px;
        white-space:nowrap;
    }
    .gx-dashboard-shell .gx-brand-mascot{
        display:block;
        width:36px;
        height:36px;
        flex:0 0 36px;
        margin-right:4px;
    }
    .gx-dashboard-shell .gx-brand strong{display:block;font:900 14px/1 Inter,Arial,sans-serif}
    .gx-dashboard-shell .gx-brand>i{
        display:grid;
        place-items:center;
        margin-left:2px;
        font:italic 900 19px/1 Arial,sans-serif;
    }
    .gx-dashboard-shell .gx-brand>small{display:none}
    .gx-dashboard-shell .gx-search{
        position:static;
        order:3;
        display:block;
        width:38px;
        height:38px;
        max-width:38px;
        flex:0 0 38px;
        margin:0 0 0 auto;
    }
    .gx-dashboard-shell .gx-search label,
    .gx-dashboard-shell .gx-search input{width:38px;height:38px}
    .gx-dashboard-shell .gx-search button{width:38px;height:38px}
    .gx-dashboard-shell .gx-account{
        order:4;
        display:flex;
        flex:0 0 auto;
        margin:0;
    }
    .gx-dashboard-shell .gx-account>.gx-login-trigger{
        width:38px;
        height:38px;
        min-width:38px;
        padding:0;
        border-radius:50%;
    }
    .gx-dashboard-shell .gx-login-icon{display:block;width:23px;height:23px}
    .gx-dashboard-shell .gx-login-label{
        position:absolute;
        width:1px;
        height:1px;
        padding:0;
        margin:-1px;
        overflow:hidden;
        clip:rect(0,0,0,0);
        white-space:nowrap;
        border:0;
    }
    .gx-dashboard-shell .gx-account>a.gx-player-chip{
        display:flex;
        width:38px;
        height:38px;
        padding:0;
    }
    .gx-dashboard-shell .gx-player-chip-avatar,
    .gx-dashboard-shell .gx-player-chip-avatar img{width:36px;height:36px}
    .gx-dashboard-shell .gx-player-chip-copy{display:none}
    .gx-dashboard-shell .gx-search.is-open,
    .gx-dashboard-shell .gx-search:focus-within{
        position:absolute;
        z-index:4;
        left:10px;
        right:10px;
        top:66px;
        width:auto;
        max-width:none;
    }
    .gx-dashboard-shell .gx-header:has(.gx-search.is-open),
    .gx-dashboard-shell .gx-header:has(.gx-search:focus-within){padding-bottom:52px}

    .gx-profile-active .gps-bcg-profile-page{padding-top:76px}
    .gx-profile-active .gps-bcg-profile-topbar{
        height:68px;
        min-height:68px;
        flex-wrap:nowrap;
        align-content:center;
        gap:6px;
        padding:0 10px;
    }
    .gx-profile-active .gps-bcg-profile-topbar>[data-bcg-profile-nav-toggle]{
        position:relative;
        order:1;
        display:block;
        width:40px;
        height:40px;
        flex:0 0 40px;
    }
    .gx-profile-active [data-bcg-profile-nav-toggle]>i{display:none}
    .gx-profile-active [data-bcg-profile-nav-toggle]:before,
    .gx-profile-active [data-bcg-profile-nav-toggle]:after{
        content:"";
        position:absolute;
        left:10px;
        right:10px;
        height:2px;
        border-radius:2px;
        background:#fff;
    }
    .gx-profile-active [data-bcg-profile-nav-toggle]:before{top:15px}
    .gx-profile-active [data-bcg-profile-nav-toggle]:after{top:23px}
    .gx-profile-active .gx-profile-mobile-brand{
        order:2;
        display:flex;
        align-items:center;
        min-width:0;
        flex:0 1 auto;
        color:#fff;
        text-decoration:none;
        white-space:nowrap;
    }
    .gx-profile-active .gx-profile-mobile-brand img{display:block;width:36px;height:36px;flex:0 0 36px;margin-right:4px}
    .gx-profile-active .gx-profile-mobile-brand strong{font:900 14px/1 Inter,Arial,sans-serif;letter-spacing:-.65px}
    .gx-profile-active .gx-profile-mobile-brand>i{display:grid;place-items:center;margin-left:2px;color:#fff;font:italic 900 19px/1 Arial,sans-serif;text-shadow:-2px 0 #00e7ff,2px 0 #ff168f;transform:skewX(-9deg)}
    .gx-profile-active .gx-profile-mobile-brand>small{display:none}
    .gx-profile-active .gps-bcg-profile-topbar>.gps-bcg-profile-earn,
    .gx-profile-active .gps-bcg-profile-topbar>.gps-bcg-profile-balance,
    .gx-profile-active .gps-bcg-profile-topbar>.gps-bcg-profile-xp,
    .gx-profile-active .gps-bcg-profile-topbar>.gm-player-logout{display:none!important}
    .gx-profile-active .gps-bcg-profile-topbar>form{
        position:relative;
        order:3;
        display:block;
        width:38px;
        max-width:38px;
        flex:0 0 38px;
        margin:0 0 0 auto;
    }
    .gx-profile-active .gps-bcg-profile-topbar>form input{
        width:38px;
        height:38px;
        padding:0;
        border-radius:50%;
        color:transparent;
        cursor:text;
    }
    .gx-profile-active .gps-bcg-profile-topbar>form input::placeholder{color:transparent}
    .gx-profile-active .gps-bcg-profile-topbar>form>i{right:11px;top:11px;color:#eef1ff;font-size:16px;pointer-events:none}
    .gx-profile-active .gps-bcg-profile-topbar>form:focus-within{
        position:absolute;
        z-index:3;
        left:10px;
        right:10px;
        top:70px;
        width:auto;
        max-width:none;
    }
    .gx-profile-active .gps-bcg-profile-topbar>form:focus-within input{
        width:100%;
        height:44px;
        padding:0 42px 0 14px;
        border-radius:18px;
        color:#fff;
        background:#080f32;
    }
    .gx-profile-active .gps-bcg-profile-topbar>form:focus-within input::placeholder{color:#8792b6}
    .gx-profile-active .gps-bcg-profile-topbar>form:focus-within>i{right:14px;top:14px}
    .gx-profile-active .gps-bcg-profile-topbar .gps-bcg-profile-mini{
        order:4;
        min-width:38px;
        flex:0 0 38px;
        margin:0;
    }
    .gx-profile-active .gps-bcg-profile-mini>span{width:38px;height:38px}
    .gx-profile-active .gps-bcg-profile-mini>b{display:none}
}

@media(max-width:350px){
    .gx-dashboard-shell .gx-header-main,
    .gx-profile-active .gps-bcg-profile-topbar{gap:4px;padding-inline:7px}
    .gx-dashboard-shell .gx-brand-mascot,
    .gx-profile-active .gx-profile-mobile-brand img{width:32px;height:32px;flex-basis:32px;margin-right:2px}
    .gx-dashboard-shell .gx-brand strong,
    .gx-profile-active .gx-profile-mobile-brand strong{font-size:13px}
    .gx-dashboard-shell .gx-brand>i,
    .gx-profile-active .gx-profile-mobile-brand>i{font-size:18px}
}