html,body{margin:0;padding:0;box-sizing:border-box;height:100%;width:100%;font-family:sans-serif}#app{z-index:10;position:absolute;inset:0;pointer-events:none}.ui{pointer-events:all}#sim3dCanvas{position:absolute;inset:0}.loader{pointer-events:all;z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.preact:hover{filter:drop-shadow(0 0 2em #673ab8aa)}.card{padding:2em}.read-the-docs{color:#888}