.bottom-nav{border-radius:27px;gap:3px;width:min(100% - 12px,468px);height:86px;padding:6px 7px;bottom:12px}.bottom-nav button{border-radius:20px;gap:0;min-height:100%;padding:3px 0}.bottom-nav button img{object-fit:contain;object-position:center;opacity:.9;filter:drop-shadow(0 0 10px #b7ff1938);width:48px;height:48px;transform:none}.bottom-nav button span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bottom-nav button.active img{opacity:1;filter:drop-shadow(0 0 16px #b7ff1999);transform:scale(1.1)}.bottom-nav.pro-mode-nav{width:min(100% - 10px,468px);padding-inline:6px}.bottom-nav.pro-mode-nav button img{width:44px;height:44px}.bottom-nav.standard-mode-nav{width:min(100% - 16px,430px)}.bottom-nav.standard-mode-nav button img{width:49px;height:49px}@media (max-width:430px){.bottom-nav{width:min(100% - 8px,420px);height:82px;padding-inline:5px}.bottom-nav.pro-mode-nav{width:min(100% - 6px,414px);padding-inline:4px}.bottom-nav.standard-mode-nav{width:min(100% - 8px,398px);padding-inline:5px}.bottom-nav.pro-mode-nav button img{width:40px;height:40px}.bottom-nav.standard-mode-nav button img{width:45px;height:45px}}@media (max-width:370px){.bottom-nav.pro-mode-nav button img{width:36px;height:36px}}@media (min-width:760px){.bottom-nav,.bottom-nav.pro-mode-nav,.bottom-nav.standard-mode-nav{width:min(100% - 24px,500px)}}@media (max-width:760px){.bottom-nav,.bottom-nav.pro-mode-nav,.bottom-nav.standard-mode-nav{bottom:max(10px, env(safe-area-inset-bottom));border-radius:28px;gap:4px;width:min(100% - 14px,520px);height:88px;padding:7px}.bottom-nav button{border-radius:20px}.bottom-nav.pro-mode-nav button img,.bottom-nav.standard-mode-nav button img,.bottom-nav button img{width:clamp(43px,11.7vw,53px);height:clamp(43px,11.7vw,53px)}}@media (max-width:390px){.bottom-nav,.bottom-nav.pro-mode-nav,.bottom-nav.standard-mode-nav{width:min(100% - 10px,430px);height:84px;padding:6px}.bottom-nav.pro-mode-nav button img,.bottom-nav.standard-mode-nav button img,.bottom-nav button img{width:42px;height:42px}}@media (max-width:760px){.bottom-nav,.bottom-nav.pro-mode-nav,.bottom-nav.standard-mode-nav{border-radius:26px!important;gap:3px!important;width:min(100% - 24px,500px)!important;height:82px!important;padding:6px!important}.bottom-nav button{border-radius:19px!important;min-height:68px!important}.bottom-nav.pro-mode-nav button img,.bottom-nav.standard-mode-nav button img,.bottom-nav button img{width:clamp(40px,10.8vw,48px)!important;height:clamp(40px,10.8vw,48px)!important}.bottom-nav button.active img{transform:scale(1.06)!important}}@media (max-width:900px){.bottom-nav,.bottom-nav.pro-mode-nav,.bottom-nav.standard-mode-nav{width:calc(100vw - 14px)!important;max-width:none!important;left:7px!important;right:7px!important;bottom:max(8px, env(safe-area-inset-bottom))!important;border-radius:24px!important;gap:3px!important;height:78px!important;padding:5px!important;transform:none!important}.bottom-nav button{border-radius:18px!important;min-width:0!important;min-height:66px!important}.bottom-nav.pro-mode-nav button img,.bottom-nav.standard-mode-nav button img,.bottom-nav button img{width:clamp(38px,9.8vw,47px)!important;height:clamp(38px,9.8vw,47px)!important}}@media (min-width:901px){.bottom-nav,.bottom-nav.pro-mode-nav,.bottom-nav.standard-mode-nav{width:min(100vw - 24px,620px)!important;max-width:620px!important}}@media (hover:none),(pointer:coarse),(max-width:900px){.bottom-nav,.bottom-nav.pro-mode-nav,.bottom-nav.standard-mode-nav{width:calc(100vw - 12px)!important;max-width:none!important;left:6px!important;right:6px!important;bottom:max(8px, env(safe-area-inset-bottom))!important;border-radius:28px!important;gap:3px!important;height:94px!important;padding:7px 6px!important;transform:none!important}.bottom-nav button{border-radius:22px!important;min-width:0!important;min-height:78px!important;padding:4px 0!important}.bottom-nav.pro-mode-nav button img,.bottom-nav.standard-mode-nav button img,.bottom-nav button img{object-fit:contain!important;width:clamp(48px,12.8vw,56px)!important;max-width:100%!important;height:clamp(48px,12.8vw,56px)!important}.bottom-nav button.active{box-shadow:inset 0 0 0 1px #b7ff192e,0 0 20px #b7ff1929!important}.bottom-nav button.active img{filter:drop-shadow(0 0 18px #b7ff19b8)!important;transform:scale(1.12)!important}}@media (hover:none) and (max-width:370px),(pointer:coarse) and (max-width:370px){.bottom-nav,.bottom-nav.pro-mode-nav,.bottom-nav.standard-mode-nav{height:88px!important;padding:6px 5px!important}.bottom-nav.pro-mode-nav button img,.bottom-nav.standard-mode-nav button img,.bottom-nav button img{width:clamp(44px,12vw,50px)!important;height:clamp(44px,12vw,50px)!important}}@media (hover:hover) and (pointer:fine) and (min-width:901px){.bottom-nav,.bottom-nav.pro-mode-nav,.bottom-nav.standard-mode-nav{width:min(100vw - 24px,700px)!important;max-width:700px!important}}