*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hud-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:100}.hud-overlay>*{pointer-events:auto}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;z-index:1000}.loading-screen h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:0 0 20px rgba(100,150,255,.5)}.loading-bar{width:300px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#a855f7);animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{width:0%;margin-left:0}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}.crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffffb3}.crosshair:before{width:2px;height:100%;left:50%;transform:translate(-50%)}.crosshair:after{width:100%;height:2px;top:50%;transform:translateY(-50%)}.controls-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#0009;color:#aaa;padding:8px 16px;border-radius:4px;font-size:12px}.controls-hint kbd{background:#333;padding:2px 6px;border-radius:3px;border:1px solid #444;margin:0 2px}