:root{--bg-color: #0a0a0a;--text-color: #e0e0e0;--accent-color: #4fc3f7;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;z-index:1;touch-action:none}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center}#loader{display:flex;flex-direction:column;align-items:center;transition:opacity 1s ease-out}#loader.fade-out{opacity:0}.spinner{width:50px;height:50px;border:2px solid rgba(79,195,247,.1);border-top:2px solid var(--accent-color);border-radius:50%;animation:spin 1.5s linear infinite;margin-bottom:20px;filter:drop-shadow(0 0 10px var(--accent-color))}#loader p{font-size:.9rem;letter-spacing:.2rem;text-transform:uppercase;color:var(--accent-color);opacity:.8}#overlay-info{position:absolute;bottom:40px;left:40px;max-width:300px;padding:20px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid var(--accent-color);transition:opacity .8s ease-in-out;pointer-events:auto}#overlay-info.hidden{opacity:0;pointer-events:none}#overlay-info h1{font-size:1.2rem;font-weight:300;letter-spacing:.1rem;margin-bottom:8px;text-transform:uppercase}#overlay-info p{font-size:.8rem;line-height:1.5;opacity:.6;font-weight:300}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){#overlay-info{bottom:20px;left:20px;right:20px;max-width:none}}