html,body{background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#canvas{touch-action:none;width:100vw;height:100dvh;display:block}.bar{-webkit-backdrop-filter:blur(20px)saturate(180%);color:#ffffffeb;letter-spacing:.5px;background:#ffffff14;font:14px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;position:fixed}.bar-top{-webkit-backdrop-filter:none;background:0 0;border:none;align-items:center;gap:12px;font-size:16px;font-weight:600;display:flex;top:16px;left:16px}.bar-top .logo{height:48px}.bar-bottom a{color:inherit;text-decoration:none}.bar-bottom a:hover{text-decoration:underline}.bar-bottom .label{opacity:.55;margin-right:4px;font-size:.9em}.bar-bottom{font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#ffffff29 0%,#ffffff0f 55%,#fff0 100%);border-top:1px solid #ffffff2e;justify-content:center;gap:32px;padding:16px 48px 16px 24px;display:flex;bottom:0;left:0;right:0}@media (width<=600px){.bar-bottom{flex-wrap:wrap;gap:6px 20px;padding:10px 16px;font-size:12px}}