*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090e1a;color:#eef6ff;font-family:system-ui,sans-serif;touch-action:none}main{position:relative;height:100%;height:100dvh;overflow:hidden}canvas{position:absolute;inset:0;min-width:0;min-height:0;width:100%;height:100%;display:block;outline:none}#loading{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;background:radial-gradient(ellipse at top,#193b46,#0c1323 65%)}h1{letter-spacing:.15em;font-size:30px;margin:0}small{color:#92a8bf}progress{width:min(70vw,300px);height:6px;accent-color:#5bebcd}#error{max-width:85vw;white-space:pre-wrap;color:#ffa1ae;text-align:center;font-size:14px}