*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;-webkit-tap-highlight-color:transparent}#app{width:100%;height:100%;position:relative}canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0}#entry-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;background:radial-gradient(ellipse at center,#0a0a1a,#000);transition:opacity .8s ease-out}#entry-screen.hidden{opacity:0;pointer-events:none}#entry-screen h1{font-size:1.6rem;font-weight:300;letter-spacing:.3em;margin-bottom:.5em;text-transform:uppercase;opacity:.9}#entry-screen p{font-size:.85rem;font-weight:300;letter-spacing:.1em;opacity:.5;margin-bottom:2.5em}#enter-btn{padding:14px 48px;font-size:.95rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:50px;cursor:pointer;transition:all .4s ease;outline:none;-webkit-appearance:none}#enter-btn:hover,#enter-btn:focus{border-color:#ffffffb3;background:#ffffff0d;box-shadow:0 0 30px #788cff26}#enter-btn:active{transform:scale(.97)}#device-info{margin-top:1.5em;font-size:.7rem;opacity:.3;letter-spacing:.05em}#loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:5;background:#000;transition:opacity 1s ease-out}#loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner{width:40px;height:40px;border:2px solid rgba(255,255,255,.1);border-top-color:#fff9;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}