@import url("./typography.css?v=1");
:root { --armr-nav-height: 70px; --armr-nav-space: calc(var(--armr-nav-height) + env(safe-area-inset-bottom, 0px)); }
.armr-primary-nav { box-sizing:border-box; position:fixed; inset:auto 0 0; margin-inline:auto; width:min(100%,740px); min-height:var(--armr-nav-space); z-index:80; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:start; padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px)); background:linear-gradient(180deg,#0b0c0ff5,#050506 72%); border-top:1px solid #292a30; box-shadow:0 -8px 24px #0005; }
.armr-primary-nav a { box-sizing:border-box; display:flex; min-width:0; min-height:54px; flex-direction:column; align-items:center; justify-content:center; gap:6px; color:#a0a1a8; text-decoration:none; font:800 10px/1.1 system-ui,sans-serif; letter-spacing:.035em; -webkit-tap-highlight-color:transparent; }
.armr-nav-icon-wrap{position:relative;display:grid;place-items:center;width:30px;height:26px}.armr-primary-nav svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }.armr-nav-badge{position:absolute;right:-7px;top:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#d9b63f;color:#070707;font:950 8px/1 system-ui,sans-serif;font-style:normal;box-shadow:0 0 10px #d9b63f55}.armr-nav-badge[hidden]{display:none}
.armr-primary-nav [aria-current=page] { color:#ffe273; }
.armr-primary-nav [aria-current=page] svg { filter:drop-shadow(0 0 7px #efc64d66); }
.armr-primary-nav a:focus-visible { outline:2px solid #ffe273; outline-offset:0; border-radius:8px; }
.app,.app-frame { padding-bottom:calc(var(--armr-nav-space) + 24px) !important; }
@media(max-width:350px) { .armr-primary-nav { padding-inline:4px; } .armr-primary-nav a { font-size:9px; letter-spacing:0; } }