*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:root{--delay: 0s;--loader-color: #000f1e}html,body{height:100%;width:100%}body{overflow:hidden;position:relative}#screen{position:absolute;inset:0}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#000f1e;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2rem;background-image:radial-gradient(circle at center,#041f40,#000f1e 40%)}.loading-screen p{font-size:max(.5rem,1vw,1vh);color:#fff;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.5);font-weight:400;letter-spacing:1px}.loading-screen .frame{width:min(500px,100%);aspect-ratio:16 / 10;background-image:url(images/frame.png);background-size:100%;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-screen h3{margin-bottom:20px;font-size:1.5rem;color:#fff;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.5);font-weight:500;letter-spacing:1px;opacity:.8}.loading-screen .loader{display:flex;gap:10px;margin-top:12px}.loading-screen .loader .dot{padding:8px;border-radius:50%;background-color:var(--loader-color);animation:loading 1s var(--delay) infinite}@keyframes loading{0%{transform:scale(1);opacity:1}to{transform:scale(.2);opacity:0}}