html,body,#root{width:100%;height:100%;margin:0;padding:0}.loading-screen{z-index:10;color:#e8d3b5;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-family:system-ui,sans-serif;transition:opacity .5s;display:flex;position:fixed;inset:0}.loading-screen[data-hidden=true]{opacity:0;pointer-events:none}.loading-screen__label{letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:1rem}.loading-screen__track{background:#2b1f14;border-radius:2px;width:min(240px,60vw);height:4px;overflow:hidden}.loading-screen__bar{background:#c98a4b;height:100%;transition:width .2s}.loading-screen__percent{opacity:.7;margin:0;font-size:.85rem}.scene-fade{opacity:0;pointer-events:none;background:#000;transition-property:opacity;transition-timing-function:ease;position:fixed;inset:0}.scene-fade[data-active=true]{opacity:1}body{background-color:#000;background-image:radial-gradient(#3a4770 0%,#1a2240 50%,#080b14 85%,#000 120%);background-attachment:fixed}canvas{width:100vw;height:100vh;display:block}