.hud-tabs{z-index:60;max-width:100vw;height:var(--tabbar-h);padding-bottom:env(safe-area-inset-bottom,0px);padding-right:var(--ui-sbw,0px);color:var(--ash);transition:transform .32s cubic-bezier(.2,0,0,1);position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.hud-tabs{display:none}}.hud-tabs__surface{background:color-mix(in srgb, var(--void) 96%, transparent);box-shadow:inset 0 2px 0 0 var(--crypt-2), inset 0 4px 0 0 color-mix(in srgb, var(--void) 60%, transparent);position:absolute;inset:0}.hud-tabs__edge{pointer-events:none;height:12px;position:absolute;bottom:100%;left:0;right:0}.hud-tabs__edge>svg{height:100%;display:block}.hud-tabs__tabs{height:var(--tabbar-core);max-width:640px;padding:0 max(4px, env(safe-area-inset-right,0px)) 0 max(4px, env(safe-area-inset-left,0px));grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto;list-style:none;display:grid;position:relative}.hud-tabs__tabs>li{min-width:0}.hud-tabs__tab{isolation:isolate;width:100%;height:100%;font-family:var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;color:var(--ash);outline-offset:-4px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0;padding:6px 0 2px;font-size:8px;line-height:1;transition:color 90ms step-end;display:flex;position:relative}.hud-tabs__tab-icon{color:var(--bone);opacity:.78;transition:translate .12s steps(2,end),opacity 90ms step-end;display:block}.hud-tabs__tab-label{white-space:nowrap;max-width:100%;padding-left:.06em;display:block;overflow:hidden}@media (hover:hover){.hud-tabs__tab:hover{color:var(--bone)}.hud-tabs__tab:hover .hud-tabs__tab-icon{opacity:1}}.hud-tabs__tab:active .hud-tabs__tab-icon{translate:0 2px}.hud-tabs__tab[aria-current],.hud-tabs__tab[aria-expanded=true]{color:var(--gold)}.hud-tabs__tab[aria-current] .hud-tabs__tab-icon,.hud-tabs__tab[aria-expanded=true] .hud-tabs__tab-icon{color:var(--gold);opacity:1;filter:drop-shadow(0 2px 0 var(--blood-deep));translate:0 -2px}.hud-tabs__tab[aria-current]:before{content:"";background:var(--gold);width:32px;height:4px;box-shadow:0 0 12px 0 color-mix(in srgb, var(--gold) 55%, transparent);clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% 100%,0 100%,0 2px,2px 2px);margin-left:-16px;position:absolute;top:0;left:50%}.hud-tabs__tab[aria-current]:after{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--gold) 16%, transparent), transparent);pointer-events:none;position:absolute;inset:0 18% 18%}@media (max-width:1023px) and (orientation:landscape) and (max-height:500px){.hud-tabs[data-hidden]{transform:translateY(calc(100% + 12px))}.hud-tabs__tab{gap:0;padding:2px 0 0}.hud-tabs__tab-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hud-tabs__tab[aria-current]:after{inset:0 30% 8%}}[data-motion=reduce] .hud-tabs{transition:none}