.footer{margin-bottom:40px}
.p_f_m{position:fixed;width:100%;height:40px;font-size:12px;background:var(--color-1);display:inline-block;z-index:999;bottom:0;max-width:502px;left:50%;transform:translateX(-50%);border-top:1px solid var(--color-4)}
.p_f_m a{color:var(--color-7);position:relative;-webkit-tap-highlight-color:#0000}
.p_f_m a.active{box-shadow:0 -25px 0 -21px var(--mainColor) inset!important;animation:none;opacity:1}
.p_f_m .t{display:inline-block;cursor:pointer;transition:.3s;position:relative;border-right:1px solid var(--color-2)}
.p_f_m a.t2.active{box-shadow:0 -25px 0 -21px #79b93f inset!important}
.p_f_m a.active::after{content:"";height:4px;position:absolute;background:var(--mainColor);bottom:-1px;left:0;z-index:1;width:100%}
.p_f_m a.active .na{color:#000;font-weight:700}
.p_f_m a.active .b{background:var(--mainColor);z-index:2;position:relative;background-image:linear-gradient(135deg,#ffffff4d,#0000004d)}
.p_f_m a.t1.active .im{background:#000;filter:brightness(1);-webkit-mask-box-image:url(/images16/menu-sneakers-100.png);mask-image:image(url(mask.png),skyblue);mask:url(/images16/menu-sneakers-100.png);mask-size:cover}
.p_f_m a.t2.active .im{background:#000;filter:brightness(1);-webkit-mask-box-image:url(/images16/menu-trophy-30.png);mask-image:image(url(mask.png),skyblue);mask:url(/images16/menu-trophy-30.png);mask-size:cover}
.p_f_m a.t3.active .im{background:#000;filter:brightness(1);-webkit-mask-box-image:url(/images16/menu-ticket-28654.png);mask:url(/images16/menu-ticket-28654.png);mask-size:cover}
.p_f_m a.t4.active .im{background:#000;filter:brightness(1);-webkit-mask-box-image:url(/images16/menu-leaderboard-26.png);mask-image:image(url(mask.png),skyblue);mask:url(/images16/menu-leaderboard-26.png);mask-size:cover}
.p_f_m a.t6.active .im{background:#000;filter:brightness(1);-webkit-mask-box-image:url(/images16/menu-v-bucks-50.png);mask-image:image(url(mask.png),skyblue);mask:url(/images16/menu-v-bucks-50.png);mask-size:cover}
.p_f_m a.t6.active .na{color:#000}
.p_f_m a.t6.active::after{content:"";height:4px;position:absolute;background:#79b93f;bottom:-1px;left:0;z-index:1;width:100%}
.p_f_m .t.t6.active .b{background:var(--virtualColor)}
.p_f_m a.t7.active .im{background:#000;filter:brightness(1);-webkit-mask-box-image:url(/images16/menu-dice-90.png);mask-image:image(url(mask.png),skyblue);mask:url(/images16/menu-dice-90.png);mask-size:cover}
.p_f_m a.t8.active .im{background:#000;filter:brightness(1);-webkit-mask-box-image:url(/images16/menu-wallet-28653.png);mask:url(/images16/menu-wallet-28653.png);mask-size:cover}
.p_f_m a.t9.active .im{background:#000;filter:brightness(1);-webkit-mask-box-image:url(/images16/menu-camera-29276.png);mask-image:image(url(mask.png),skyblue);mask:url(/images16/menu-camera-29276.png);mask-size:cover}
.p_f_m .m{width:100%;max-width:600px;text-align:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}
.p_f_m .se{float:left;width:1px;height:40px;background:#292929;display:inline-block}
.p_f_m[login="0"] .t{width:200px}
.p_f_m[login="1"] .t{width:200px}
.p_f_m .t:last-child{border-right:none}
.p_f_m .t .b{margin:0 auto;display:block;position:relative;width:100%;height:40px;background:var(--color-1)}
.p_f_m .t .im{width:20px;height:20px;display:inline-block;position:absolute;left:50%;top:3px;transform:translateX(-50%);filter:brightness(0.5)}
.p_f_m .t .im::before{content:"";width:100%;height:14px;position:absolute;z-index:2;background:linear-gradient(0deg,var(--color-1) 20%,#3330 100%);bottom:0;left:0;display:none}
.p_f_m .t.t1 .im{background:url(/images16/menu-sneakers-100.png) no-repeat scroll center / cover}
.p_f_m .t.t2 .im{background:url(/images16/menu-trophy-30.png) no-repeat scroll center / cover}
.p_f_m .t.t3 .im{background:url(/images16/menu-ticket-28654.png) no-repeat scroll center / cover}
.p_f_m .t.t4 .im{background:url(/images16/menu-leaderboard-26.png) no-repeat scroll center / cover}
.p_f_m .t.t5{position:relative}
.p_f_m .t.t5::before{content:"";width:35px;height:33px;position:absolute;top:-10.5px;z-index:-2;left:50%;transform:translateX(-50%);border-radius:100px;border:2px solid var(--color-4);background:var(--color-1)}
.p_f_m .t.t5.active::before{content:"";width:35px;height:33px;position:absolute;top:-10.5px;z-index:-2;left:50%;transform:translateX(-50%);border-radius:100px;border:2px solid var(--color-4);background:var(--mainColor);background-image:linear-gradient(135deg,#ffffff4d,#0000004d)}
.p_f_m .t.t5 .im{background:url(/images16/user_v1.png) no-repeat scroll center / cover;position:absolute;border-radius:100px;top:-4px;width:25px;height:25px;left:50%;transform:translateX(-50%);background-color:#141414;opacity:1;filter:none;display:block}
.p_f_m .t.t6 .im{background:url(/images16/menu-v-bucks-50.png) no-repeat scroll center / cover}
.p_f_m .t.t7 .im{background:url(/images16/menu-dice-90.png) no-repeat scroll center / cover}
.p_f_m .t.t8 .im{background:url(/images16/menu-wallet-28653.png) no-repeat scroll center / cover}
.p_f_m .t.t9 .im{background:url(/images16/menu-camera-29276.png) no-repeat scroll center / cover}
.p_f_m .t .na{position:absolute;width:100%;text-align:center;bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bottomMenuLoading {
    background: var(--mainBackground);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1005;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
    contain: layout style paint;
}

.bottomMenuLoading.active {
    opacity: 1;
    pointer-events: auto;
}

/* Spinner - فقط زمانی فعال باشه */
.bottomMenuLoading::before {
    content: "";
    width: 50px;
    height: 50px;
    border: 5px solid rgba(255,255,255,0.2);
    border-top: 5px solid var(--mainColor);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    animation-play-state: paused;
    margin-bottom: 150px;
}

.bottomMenuLoading.active::before {
    animation-play-state: running;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* متن‌ها - فقط زمانی انیمیشن بخورن */
.bottomMenuLoading .textOne,
.bottomMenuLoading .textTwo {
    opacity: 0;
    text-align: center;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    margin: 3px 0;
    transform: translateY(15px);
    will-change: opacity, transform;
}

.bottomMenuLoading.active .textOne,
.bottomMenuLoading.active .textTwo {
    animation: fadeIn 0.3s ease-out forwards;
}

.bottomMenuLoading.active .textOne {
    background: white;
    color: black;
    animation-delay: 0.5s;
}

.bottomMenuLoading.active .textTwo {
    background: var(--mainColor);
    color: black;
    animation-delay: 0.7s;
}

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* متن لودینگ */
.bottomMenuLoading .loadingText {
    color: var(--color-9);
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 150px;
    opacity: 0;
}

.bottomMenuLoading.active .loadingText {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

/* لوگو */
.bottomMenuLoading .loadingSiteLogo {
    margin: 0 0 10px 0;
    opacity: 0;
transform:scale(5);
}

.bottomMenuLoading.active .loadingSiteLogo {
    animation: fadeIn 0.5s ease-out forwards;
}

.bottomMenuLoading .loadingSiteLogo .logoFirst {
    fill: var(--mainColor) !important;
}

.bottomMenuLoading .loadingSiteLogo .logoSecond {
    fill: var(--color-9) !important;
}

/* پاک کردن conflict های قدیمی */
.bottomMenuLoading .loadingText,
.bottomMenuLoading .textOne,
.bottomMenuLoading .textTwo,
.bottomMenuLoading .loadingSiteLogo {
}




.und-dev{background:var(--color-3);position:absolute;bottom:60px;left:50%;transform:translateX(-50%);padding:5px 10px;border-radius:10px;display:block;background-image:linear-gradient(135deg,#fff3,#0000001a);border:1px solid var(--color-3);box-shadow:0 0 30px var(--color-2);width:220px}
.und-dev img{width:40px;aspect-ratio:1;display:inline-block;float:left;margin-top:7px;filter:invert(.5)}
.und-dev p{display:inline-block;width:calc(100% - 60px)}
@-webkit-keyframes textOne {
0%{transform:skew(0deg,-20deg) translateX(-50%) scale(.7);opacity:0}
}
@-webkit-keyframes textTwo {
0%{transform:skew(0deg,-20deg) translateX(-50%) scale(.6);opacity:0}
}
@media only screen and (max-width:320px) {
.p_f_m{border-radius:0}
.p_f_m .t .na{font-size:11px;white-space:nowrap}
}