*{margin:0;padding:0}html,body{overflow:hidden;font-family:Helvetica,Arial,serif;background-color:#000}#App{width:100vw;height:100vh}canvas{image-rendering:-webkit-optimize-contrast}.loading{position:absolute;top:50%;left:50%;width:195px;height:260px;text-align:center;transform:translate(-50%,-50%) scale(.8);font-weight:700;color:#fff;transition:all .8s ease;pointer-events:none}.loading picture{display:block;position:absolute;top:0;left:0}.loading img{image-rendering:-webkit-optimize-contrast}.loading picture:nth-child(1){z-index:1;opacity:.5}.loading picture:nth-child(2){z-index:2;clip-path:inset(100% 0 0 0)}.loading.end{opacity:0}legend{position:fixed;bottom:0;right:0;color:#fff;padding:25px;opacity:.5;display:flex;align-items:center;gap:5px}legend a{color:#fff;text-decoration:none;transition:opacity .4s ease}legend a:hover{opacity:.6}