html,body{margin:0;height:100%;background:#070b12;color:#e8f3ea;font-family:system-ui,sans-serif;overflow:hidden}needle-engine{position:absolute;inset:0}#ui{position:absolute;left:0;right:0;bottom:max(24px,env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none}#ui button{pointer-events:auto;font:600 16px/1 system-ui,sans-serif;letter-spacing:.04em;padding:16px 28px;border-radius:999px;border:1px solid #8cffc0;background:#0a1e1699;color:#e8fff1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}#ui button:focus-visible{outline:2px solid #ffd27a;outline-offset:3px}