@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Righteous&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Mono}a,p{text-decoration:none;text-transform:uppercase;color:#000;font-size:.85rem;font-weight:600;line-height:.9;display:block}nav{position:fixed;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.nav-buttons{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.site-name a{width:4rem;font-family:Righteous;font-size:2rem}.menu p{padding:.75rem 1.25rem;border-radius:.25rem;background-color:#000;color:#fff}.button{padding:.75rem 1.25rem;border-radius:.25rem;background-color:#000;color:#fff;text-decoration:none;text-transform:uppercase;font-size:.85rem;font-weight:600;line-height:.9;display:inline-block;cursor:pointer;transition:all .2s ease;width:6rem;text-align:center}.button:hover{background-color:#333;transform:translateY(-1px)}.hero{position:relative;width:100%;height:100svh;overflow:hidden}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.copyable-element{position:absolute;top:80%;left:50%;transform:translate(-50%);background-color:#000000e6;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;z-index:3;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:all .2s ease;border:2px solid #ffffff}.copyable-element:hover{background-color:#929292;transform:translate(-50%) translateY(-2px)}.copy-text{color:#fff;font-family:DM Mono;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.copy-hint{color:#fff;font-family:DM Mono;font-size:.7rem;opacity:.8}.mobile-touch-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0f0c;color:#000;padding:.5rem 1rem;border-radius:.25rem;font-family:DM Mono;font-size:.8rem;font-weight:600;text-transform:uppercase;z-index:10;opacity:0;transition:opacity .3s ease;pointer-events:none;text-align:center}.mobile-touch-indicator.show{opacity:1}.touch-coords{font-size:.6rem;margin-top:.25rem;font-weight:400}@media(min-width:768px){.mobile-touch-indicator{display:none}}.hero-footer{position:absolute;bottom:0;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:flex-end;z-index:2}