*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}canvas{display:block}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content{text-align:center;color:#fff}.loading-content h1{font-size:3rem;margin-bottom:2rem;letter-spacing:.5rem}.progress-bar{width:300px;height:4px;background:#333;border-radius:2px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#8b5cf6);transition:width .3s ease}.crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;pointer-events:none;z-index:100}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fffc}.crosshair:before{width:2px;height:100%;left:50%;transform:translate(-50%)}.crosshair:after{width:100%;height:2px;top:50%;transform:translateY(-50%)}.click-hint{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:100}.navbar{position:fixed;top:0;left:0;width:100%;height:60px;background:#000c;border-bottom:1px solid #333;z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:auto}.navbar-content{width:100%;max-width:1200px;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{color:#fff;font-weight:700;font-size:1.5rem}.navbar-links{display:flex;gap:1rem}.nav-btn{background:transparent;border:1px solid #555;color:#ccc;padding:.5rem 1rem;cursor:pointer;transition:all .2s;border-radius:4px}.nav-btn:hover{background:#333;color:#fff}.nav-btn.active{background:#4a9eff;border-color:#4a9eff;color:#fff}.click-hint p{font-size:1.5rem;margin-bottom:.5rem}.transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#1a1a2e,#000);z-index:50;transition:opacity .6s ease-in-out;display:flex;align-items:center;justify-content:center}.transition-overlay.active{opacity:1}.transition-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.transition-spinner{width:40px;height:40px;border:3px solid rgba(74,158,255,.3);border-top-color:#4a9eff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.controls-hint{font-size:.9rem!important;opacity:.7}.interaction-hint{position:fixed;bottom:20%;left:50%;transform:translate(-50%);background:#000000b3;padding:.5rem 1rem;border-radius:4px;color:#fff;z-index:100}.error-boundary{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a2e;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:2rem}.error-boundary h2{font-size:2rem;margin-bottom:1rem;color:#ff6b6b}.error-boundary p{margin-bottom:2rem;opacity:.8}.error-boundary button{background:#4a9eff;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s}.error-boundary button:hover{background:#3a8eef}.canvas-error{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center}.canvas-error-content{text-align:center;color:#fff;padding:2rem}.canvas-error-content h2{font-size:2rem;margin-bottom:1rem}.canvas-error-content p{margin-bottom:2rem;opacity:.8;line-height:1.6}.canvas-error-content button{background:#4a9eff;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem}