html,body{margin:0;height:100%;overflow:hidden;background:#000e25;
    touch-action:none;-webkit-user-select:none;user-select:none;
    -webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;
    overscroll-behavior:none;-webkit-text-size-adjust:100%}
  #wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;
    background:
      radial-gradient(circle at 12% 18%, rgba(3,230,254,.22) 0%, rgba(3,230,254,0) 42%),
      radial-gradient(circle at 88% 82%, rgba(251,120,0,.20) 0%, rgba(251,120,0,0) 45%),
      radial-gradient(circle at 50% 50%, #1a0d4a 0%, #000e25 75%)}
  canvas{display:block;touch-action:none;-webkit-touch-callout:none;image-rendering:pixelated;image-rendering:crisp-edges;
    box-shadow:0 24px 60px rgba(0,0,0,.6), 0 0 0 3px rgba(255,255,255,.06)}
  #dev{position:fixed;top:4px;left:4px;color:#ffffff;font:12px monospace;display:none;z-index:9}