:root{--background-color: #121212;--page-padding: 24px;--topbar-height: 56px;--low-emphasis-color: #a0a0a0;font-family:Fira Code,Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{padding:0;margin:0;min-height:100dvh}button{padding:0;border:none;background:transparent;cursor:pointer}h2{font-weight:500}#motion-warning-overlay>div{max-width:80ch}#motion-warning-dismiss-button{font:inherit;text-decoration:underline}#loading-logo{width:56px;height:56px}#app{min-height:100dvh;padding:var(--page-padding)}#topbar{height:var(--topbar-height);display:flex;justify-content:space-between;align-items:center}#logo{width:24px;height:24px}#title{display:none}#universe-controls-container{display:flex;justify-content:flex-end;gap:16px}#universe-controls-container>button{width:24px;height:24px}#universe-controls-container>button:active{padding:2px}#universe-controls-container>button:active>svg{width:20px;height:20px}#universe-canvas-container{border:1px solid color-mix(in srgb,var(--low-emphasis-color) 50%,#000);border-radius:8px;margin:auto;max-width:min-content;max-height:min-content;overflow:scroll}#universe-canvas{display:block}.overlay{position:absolute;top:0;left:0;width:100%;min-height:100dvh;background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;transition:opacity .5s,display .5s allow-discrete;padding:var(--page-padding)}.overlay.hidden{opacity:0}.hidden{display:none}.low-emphasis{color:var(--low-emphasis-color)}@media (min-width: 786px){#title{display:inline}}@media (prefers-reduced-motion: no-preference){#motion-warning-overlay{display:none}@keyframes logo-fill{0%{fill:var(--logo-fill-color)}to{fill:transparent}}#loading-logo rect{animation:logo-fill 1s cubic-bezier(.47,0,.745,.715) infinite alternate both}#loading-logo rect:first-child{--logo-fill-color: #90caf9;animation-delay:.1s}#loading-logo rect:nth-child(n+2){--logo-fill-color: #fff}#loading-logo rect:nth-child(2){animation-delay:.2s}#loading-logo rect:nth-child(3){animation-delay:.3s}#loading-logo rect:nth-child(4){animation-delay:.4s}#loading-logo rect:nth-child(5){animation-delay:.5s}#loading-logo rect:nth-child(6){animation-delay:.6s}}