*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000102;font-family:monospace}#app{width:100vw;height:100vh}#app canvas{display:block;touch-action:none}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;overflow:hidden;background:#f4f6f8;transition:opacity .35s ease-out}#loading-screen.loading-screen--hidden{opacity:0;pointer-events:none}.loading-shapes{position:absolute;top:0;right:0;bottom:0;left:0}.loading-shape{position:absolute;animation:loading-drift linear infinite}.loading-shape--1{top:18%;left:12%;width:140px;height:140px;border:1.5px solid rgba(20,30,40,.22);transform:rotate(15deg);animation-duration:22s}.loading-shape--2{top:60%;left:70%;width:90px;height:90px;border:1.5px solid rgba(20,30,40,.22);border-radius:50%;animation-duration:16s;animation-direction:reverse}.loading-shape--3 polygon,.loading-shape--4 polygon{fill:none;stroke:#141e2838;stroke-width:1.5;vector-effect:non-scaling-stroke}.loading-shape--3{top:70%;left:20%;width:60px;height:60px;animation-duration:28s}.loading-shape--4{top:15%;left:68%;width:110px;height:110px;animation-duration:34s;animation-direction:reverse}.loading-text{z-index:1;color:#1a2430;font-family:monospace;font-size:13px;letter-spacing:1px;text-transform:uppercase}.loading-text--error{max-width:420px;padding:0 24px;text-align:center;text-transform:none;letter-spacing:normal;line-height:1.5;color:#a3352b}.loading-force-btn{z-index:1;margin-top:4px;padding:10px 22px;border:1.5px solid rgba(163,53,43,.45);border-radius:8px;background:#a3352b14;color:#a3352b;font-family:monospace;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.loading-force-btn:hover{background:#a3352b29}@keyframes loading-drift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}