/* THE BOTTOM OF THE DOCUMENT, RESERVED ONCE, HERE.

   `.footer` is the last thing in every page's flow, so it is the only element
   that can reserve the fixed furniture: a padding anywhere further up reserves
   space in the MIDDLE of a page, and -- measured at the foot of a match page --
   pushes the real reserve up into view instead of sitting behind the bar. That
   is exactly what two blocks on the match page were doing, 53px each, on top of
   the 40 here and the 10 `.content` carries. Both are gone; this is the figure.

   It follows the measurement rather than staying a constant, because 40px is
   only right while the navigation is the tallest thing down there -- with the
   action bar up, p_ga_ma_custom_bottomReserve reports 88 and this was never
   enough. max() means it can only ever grow: no measurement, and the page keeps
   the 40px it has had since 2017. The 10px is what `.content` already
   contributes, so the two together come to exactly the figure measured.

   NO env(safe-area-inset-bottom) HERE OR ANYWHERE ELSE ON THIS PATH: the
   reserve is computed as `window.innerHeight - top + 12`, and innerHeight is
   the visual viewport, so a phone's home indicator is already inside the
   number. Adding env() counted it twice. */
:root{--xw-foot-tail:max(40px, calc(var(--xw-bottom-reserve, 40px) - 10px))}
.footer{margin-bottom:var(--xw-foot-tail)}
.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(/images/menu-sneakers-100.png);mask-image:image(url(mask.png),skyblue);mask:url(/images/menu-sneakers-100.png);mask-size:cover}
.p_f_m a.t2.active .im{background:#000;filter:brightness(1);-webkit-mask-box-image:url(/images/menu-trophy-30.png);mask-image:image(url(mask.png),skyblue);mask:url(/images/menu-trophy-30.png);mask-size:cover}
.p_f_m a.t3.active .im{background:#000;filter:brightness(1);-webkit-mask-box-image:url(/images/menu-ticket-28654.png);mask:url(/images/menu-ticket-28654.png);mask-size:cover}
.p_f_m a.t4.active .im{background:#000;filter:brightness(1);-webkit-mask-box-image:url(/images/menu-leaderboard-26.png);mask-image:image(url(mask.png),skyblue);mask:url(/images/menu-leaderboard-26.png);mask-size:cover}
.p_f_m a.t6.active .im{background:#000;filter:brightness(1);-webkit-mask-box-image:url(/images/menu-v-bucks-50.png);mask-image:image(url(mask.png),skyblue);mask:url(/images/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(/images/menu-dice-90.png);mask-image:image(url(mask.png),skyblue);mask:url(/images/menu-dice-90.png);mask-size:cover}
.p_f_m a.t8.active .im{background:#000;filter:brightness(1);-webkit-mask-box-image:url(/images/menu-wallet-28653.png);mask:url(/images/menu-wallet-28653.png);mask-size:cover}
.p_f_m a.t9.active .im{background:#000;filter:brightness(1);-webkit-mask-box-image:url(/images/menu-camera-29276.png);mask-image:image(url(mask.png),skyblue);mask:url(/images/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(/images/menu-sneakers-100.png) no-repeat scroll center / cover}
.p_f_m .t.t2 .im{background:url(/images/menu-trophy-30.png) no-repeat scroll center / cover}
.p_f_m .t.t3 .im{background:url(/images/menu-ticket-28654.png) no-repeat scroll center / cover}
.p_f_m .t.t4 .im{background:url(/images/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:var(--surface-radius-circle, 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:var(--surface-radius-circle, 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(/images/user_v1.png) no-repeat scroll center / cover;position:absolute;border-radius:var(--surface-radius-circle, 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(/images/menu-v-bucks-50.png) no-repeat scroll center / cover}
.p_f_m .t.t7 .im{background:url(/images/menu-dice-90.png) no-repeat scroll center / cover}
.p_f_m .t.t8 .im{background:url(/images/menu-wallet-28653.png) no-repeat scroll center / cover}
.p_f_m .t.t9 .im{background:url(/images/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: var(--surface-radius-xs, 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:var(--surface-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}
}