*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#000;color:#fff;overflow:hidden;height:100svh;height:100vh}#container{position:relative;width:100vw;height:100svh;height:100vh;background:#000}canvas{display:block;width:100%;height:100%}#navbar{position:absolute;top:0;left:0;right:0;z-index:10;background:transparent;padding:20px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:40px;row-gap:20px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;letter-spacing:3px;opacity:0}#navbar a{color:#fff;text-decoration:none;position:relative;padding-bottom:5px;transition:color .3s ease,opacity .3s ease;font-weight:500;opacity:.7}#navbar a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}#navbar a:hover:after{transform:scaleX(1)}#navbar a:hover{opacity:1}@media (max-width: 768px){body{overflow-x:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#container{max-width:100vw;max-height:100svh;max-height:100vh;touch-action:manipulation}canvas{-webkit-transform:translateZ(0);transform:translateZ(0)}#navbar{padding:15px;gap:20px;font-size:14px;position:fixed}}@media (max-width: 480px){#navbar{padding:10px;gap:15px;font-size:12px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}