@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;800&family=Inter:wght@400;900&display=swap";:root{--blue: #3b82f6;--bg-dark: #020617}canvas{position:fixed;top:0;left:0;outline:none;z-index:0}body{margin:0;padding:0;background-color:var(--bg-dark);font-family:Inter,sans-serif;color:#fff;overflow-x:hidden}#ui{position:relative;z-index:10;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;box-sizing:border-box;pointer-events:none}#ui *{pointer-events:auto}header h1{font-size:2.5rem;letter-spacing:-.05em;font-weight:900;margin:0}header .highlight{color:var(--blue)}header .tagline{font-family:JetBrains Mono,monospace;font-size:.8rem;opacity:.6;margin-top:.5rem;letter-spacing:.1em}#instructions{font-family:JetBrains Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;opacity:.5;text-align:center}footer{width:100%}.status-bar{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.1em;opacity:.4;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}@media (max-width: 640px){.status-bar{flex-direction:column;gap:.5rem;align-items:center}}