*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#000;overflow:hidden}
#v{position:fixed;inset:0;width:100%;height:100%;border:0}
.bar{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:4px;background:#000d;border:1px solid #2a2a2a;font:11px/1 Departure,monospace;letter-spacing:.06em;z-index:2;max-width:calc(100vw - 20px);transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s}
.bar.off{transform:translate(-50%,calc(100% + 20px));opacity:0}
.bar ol{display:flex;gap:2px;list-style:none;overflow-x:auto;scrollbar-width:none}
.bar button{font:inherit;letter-spacing:inherit;color:#8a8a8a;background:none;border:0;padding:7px 9px;cursor:pointer;white-space:nowrap}
.bar button:hover{color:#fff;background:#1a1a1a}
.bar button[aria-current="true"]{color:#000;background:#3cff8e}
.bar button:focus-visible{outline:1px solid #3cff8e;outline-offset:-1px}
.bar .nav{color:#fff}
@media (max-width:700px){.bar li button{padding:7px 6px}.bar li button span{display:none}}