:root{--primary-color:#0f172a;--accent-color:#38bdf8;--text-color:#f8fafc}body,html{background-color:var(--primary-color);width:100vw;height:100vh;color:var(--text-color);touch-action:none;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}canvas{outline:none;display:block}.loading-screen{z-index:10;background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),visibility 1.2s;display:flex;position:absolute;top:0;left:0}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.spinner{border:3px solid #38bdf81a;border-top-color:var(--accent-color);border-radius:50%;width:60px;height:60px;animation:1s cubic-bezier(.55,.085,.68,.53) infinite spin;box-shadow:0 0 30px #38bdf84d}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{letter-spacing:3px;text-transform:uppercase;color:#f8fafcd9;margin-top:32px;font-size:1rem;font-weight:500;animation:2s ease-in-out infinite pulse}.progress-bar{background:#ffffff1a;border-radius:2px;width:200px;height:4px;margin-top:20px;overflow:hidden}.progress{background:var(--accent-color);width:0%;height:100%;box-shadow:0 0 10px var(--accent-color);transition:width .3s}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}