:root{color-scheme:dark;background:#302a38}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,transparent 48%,rgba(41,31,49,.16) 100%)}#loader{position:fixed;inset:0;z-index:10;display:grid;place-content:center;background:#302a38;transition:opacity 1.8s ease,visibility 1.8s}.loaded #loader{opacity:0;visibility:hidden;pointer-events:none}.loader-ripple{position:relative;width:48px;height:48px}.loader-ripple i{position:absolute;inset:0;border:1px solid #e7c3a3;border-radius:50%;opacity:0;animation:ripple 3.8s ease-out infinite}.loader-ripple i:nth-child(2){animation-delay:1.9s}.loader-ripple span{position:absolute;inset:22px;border-radius:50%;background:#e7c3a3;opacity:.65}#retry{margin:14px auto 0;padding:12px;border:0;background:transparent;color:#e7c3a3;cursor:pointer}#retry:focus-visible{outline:1px solid #e7c3a3;border-radius:50%}@keyframes ripple{0%{transform:scale(.15);opacity:0}20%{opacity:.35}to{transform:scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.loader-ripple i:first-child{opacity:.2}}