@font-face{font-family:ZenDots;src:url(/fonts/ZenDots-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:ZenDots,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;box-sizing:border-box;font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}h3{margin-top:0;font-style:italic}p{font-style:normal;font-size:1rem;margin-bottom:.1rem;margin-top:.1rem}p+p{margin-top:.5rem}li{font-style:normal;font-size:1rem}ul{margin-top:.5rem;margin-bottom:.5rem}nav{position:fixed;height:64px;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;background-color:#1a1a1a;padding-left:10px;padding-right:10px}nav a{color:#f5f5f5;text-decoration:none;opacity:0}nav a.visible{opacity:1}#nav_title{position:absolute;text-transform:uppercase;font-size:1rem;font-weight:800;transform:scaleY(1.2);letter-spacing:.4rem;margin-right:-.4rem;word-spacing:1rem;transition:opacity .5s ease-out,transform 3s ease}#nav_title span{display:inline-block}#nav_title.animate{transform:translate(calc(-49vw + 50% + 10px));transition-delay:0ms,1s}#nav_title.lock{transition:none}.nav_links{position:absolute;right:2vw;display:flex;align-items:center;gap:.5rem;--animation-stagger: .5s}.nav_links a{display:flex;align-items:center;justify-content:center;--link-height: 2.5rem;height:var(--link-height);padding:0rem 1rem;background-color:#000;border-radius:12px;font-size:.9rem;line-height:1;animation:none;animation-timing-function:ease-out;animation-duration:.5s;animation-fill-mode:forwards;transition:color .2s ease,background-color .2s ease}.nav_links.animate a{animation-name:fadeIn;animation-delay:calc(var(--animation-index) * var(--animation-stagger))}.nav_links a:nth-child(1){--animation-index: 0}.nav_links a:nth-child(2){--animation-index: 1}.nav_links a:nth-child(3){--animation-index: 2}.nav_links a:nth-child(4){--animation-index: 3}.nav_links a:nth-child(5){--animation-index: 4}.nav_links a:nth-child(6){--animation-index: 5}.nav_links a:hover{color:#000;background-color:#f5f5f5}.nav_links a.nav_icon_link{height:var(--link-height);aspect-ratio:1;padding:0}.nav_icon{width:auto;height:60%;aspect-ratio:1;transition:filter .2s ease}.nav_links a.nav_icon_link:hover .nav_icon{filter:invert(1)}body{margin:0;display:flex;flex-direction:column;align-items:center;max-width:100vw;min-height:100vh;overflow-x:hidden}canvas{width:100%;height:100%;display:block}.canvasbox{position:relative;margin-top:64px;box-sizing:border-box;padding:10px;height:calc(100vh - 64px);width:100%;display:flex}.canvasbox canvas{flex:1;display:block;border-radius:12px;z-index:0}.canvasbox .overlay{display:flex;flex-direction:column;position:absolute;z-index:1;inset:20px;padding:inherit;overflow-y:auto;justify-content:flex-start;align-items:flex-start;opacity:0;pointer-events:none;transition:opacity .3s ease}.canvasbox .overlay h1{margin:0}.canvasbox .overlay.visible{opacity:1;pointer-events:auto}