html{font-size:20px}body{background:#000;margin:0;overflow:hidden}#title{z-index:10;padding:0;font-family:monospace;position:fixed;top:24px;left:24px}.title-main{letter-spacing:.15em;color:#fff;font-size:2.5rem;font-weight:300}.title-sub{letter-spacing:.25em;text-transform:uppercase;color:#ffffffbe;margin-top:8px;font-size:.65rem}.title-controls{letter-spacing:.15em;color:#ffffff8c;margin-top:12px;font-size:.55rem}.title-sub:after{content:"";background:#ffffff96;width:200px;height:1px;margin-top:12px;display:block}.header{letter-spacing:1px;color:#fff;font-weight:700}.sub{color:#fff9;margin-bottom:8px;font-size:.6rem}.divider{background:#00ffc840;height:1px;margin:8px 0}.row{grid-template-columns:1fr auto;gap:1rem;font-size:.6rem;display:grid}.row span:first-child{color:#fff9}.row span:last-child{color:#0fc}canvas{z-index:0;width:100vw;height:100vh;position:fixed;inset:0}.container{z-index:10;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:20px;left:20px}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border:1px solid #00ffc833;padding:1rem 1.5rem 1rem 1rem;font-family:monospace;box-shadow:inset 0 0 0 1px #ffffff05,0 0 20px #00ffc814}