*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:#000;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#renderCanvas{width:100%;height:100%;display:block;outline:none;touch-action:none}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0a0a12,#000);display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity .5s ease-out}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center;color:#c8c8d0}.moon-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e0e0e0,#888,#444);box-shadow:inset -10px -10px 20px #00000080,0 0 40px #c8c8dc4d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.loading-content h1{font-size:28px;font-weight:300;letter-spacing:4px;text-transform:uppercase;margin-bottom:12px;color:#e0e0e8}.loading-content p{font-size:14px;color:#888;margin-bottom:24px}.loading-bar{width:200px;height:3px;background:#ffffff1a;border-radius:2px;margin:0 auto;overflow:hidden}.loading-progress{width:30%;height:100%;background:linear-gradient(90deg,#666,#aaa);border-radius:2px;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(400%)}}#instructions{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0009;z-index:50;cursor:pointer;transition:opacity .3s ease-out}#instructions.hidden{opacity:0;pointer-events:none}#instructions p{color:#fff;font-size:24px;letter-spacing:2px;text-transform:uppercase;animation:fade-pulse 2s ease-in-out infinite}#instructions .controls{margin-top:16px;font-size:14px;color:#888;text-transform:none;letter-spacing:0;animation:none}@keyframes fade-pulse{0%,to{opacity:.7}50%{opacity:1}}