*{box-sizing:border-box}html,body,main{background:#020914;width:100%;height:100%;margin:0;overflow:hidden}body{font-family:ui-monospace,SFMono-Regular,Noto Sans SC,monospace}canvas{outline:none;width:100%;height:100%;display:block}.loader{text-align:center;color:#8ef8d3;letter-spacing:.15em;z-index:5;background:radial-gradient(circle at 50% 65%,#083a42,#020914 58%);place-content:center;display:grid;position:fixed;inset:0}.loader span{font-size:48px;animation:1.4s infinite pulse}.loader p{font-size:17px}.loader small{color:#749293;max-width:560px}.error{color:#ff8b75}.grain{pointer-events:none;opacity:.13;z-index:4;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes pulse{50%{opacity:.25;transform:scale(.88)}}