.footer-mobile{min-height:58px;padding:4px max(4px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));z-index:100;background:#0b0f19fa;border-top:1px solid #00f0ff33;flex-shrink:0;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:space-around;align-items:center;width:100%;display:grid}.footer-item{opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:44px;padding:3px 0 2px;transition:opacity .2s,transform .1s;display:flex;position:relative}.footer-notification-badge{z-index:2;color:#fff;pointer-events:none;background:#00aeca;border:1px solid #ffffff80;border-radius:3px;min-width:30px;padding:1px 4px;font-size:8px;font-weight:900;line-height:1.2;position:absolute;top:1px;left:calc(50% + 5px);box-shadow:0 0 8px #00f0ff61}.footer-unread-badge{z-index:3;color:#fff;background:var(--ui-combat,#d64242);pointer-events:none;border:1px solid #ffffff94;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:8px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:0;left:calc(50% + 8px)}.footer-upcoming-badge{z-index:3;color:#ffffffe6;white-space:nowrap;pointer-events:none;background:#11131cf0;border:1px solid #ffffff3d;border-radius:3px;min-width:34px;padding:2px 4px;font-size:7px;font-weight:900;line-height:1;position:absolute;top:0;left:calc(50% - 17px)}.footer-item.active{opacity:1}.footer-item.upcoming{opacity:.42;cursor:default}.footer-icon{object-fit:contain;filter:brightness(1.15);flex-shrink:0;width:23px;min-width:23px;height:23px;min-height:23px}.footer-label{color:#dce4ee;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:800;line-height:1;overflow:hidden}.footer-item.active .footer-icon{filter:drop-shadow(0 0 6px #00f0ff9e)}.footer-item.active .footer-label{color:var(--neon-cyan,#00f0ff)}.footer-item--shop:not(.upcoming){background:#f4ca701a;border-radius:6px;box-shadow:inset 0 0 0 1px #f4ca704d}.footer-item--shop:not(.upcoming):not(.active) .footer-label{color:#f4d58a}.footer-item--shop.active{background:#00f0ff1a;box-shadow:inset 0 0 0 1px #00f0ff66}.footer-item:focus-visible{outline:2px solid var(--neon-cyan,#00f0ff);outline-offset:-2px}