*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a14;overflow:hidden;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;user-select:none}#app{position:fixed;inset:0;z-index:1}#app canvas{display:block}#loading{position:fixed;inset:0;z-index:100;background:#0a0a14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .6s ease}#loading.hidden{opacity:0;pointer-events:none}.loader-bar{width:200px;height:2px;background:#ffffff1a;border-radius:1px;overflow:hidden}.loader-fill{height:100%;width:40%;background:#4da6ff;border-radius:1px;animation:loadPulse 1.2s ease-in-out infinite}@keyframes loadPulse{0%{transform:translate(-100%)}to{transform:translate(350%)}}.loader-text{color:#ffffff80;font-size:12px;letter-spacing:2px;text-transform:uppercase}#hud{position:fixed;inset:0;z-index:10;pointer-events:none;padding:24px;display:flex;flex-direction:column;justify-content:space-between}#hud-top{display:flex;justify-content:space-between;align-items:flex-start}#hud-logo{font-size:14px;font-weight:700;letter-spacing:3px;color:#ffffffe6}#hud-logo span{color:#4da6ff;font-weight:400}#hud-status{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;color:#4da6ff;background:#4da6ff14;border:1px solid rgba(77,166,255,.2);border-radius:4px;padding:6px 12px}.status-dot{width:6px;height:6px;border-radius:50%;background:#4da6ff;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.3}}#hud-bottom{display:flex;gap:48px;align-items:flex-end}#hud-product .hud-label,.spec-label{font-size:9px;letter-spacing:2px;color:#ffffff59;text-transform:uppercase;margin-bottom:4px}#hud-product .hud-value{font-size:16px;font-weight:600;color:#ffffffe6;letter-spacing:.5px}#hud-specs{display:flex;gap:24px}.spec-value{font-size:12px;color:#fff9}#hud-controls{position:fixed;bottom:24px;right:24px;display:flex;gap:8px;pointer-events:auto}.hud-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0a;color:#ffffffb3;font-size:11px;letter-spacing:1px;cursor:pointer;transition:all .25s ease;backdrop-filter:blur(10px)}.hud-btn:hover{background:#ffffff14;border-color:#ffffff4d;color:#fff}.hud-btn.active{background:#4da6ff1f;border-color:#4da6ff66;color:#4da6ff;box-shadow:0 0 20px #4da6ff14}.btn-icon{font-size:13px}@media(max-width:768px){#hud{padding:16px}#hud-bottom{flex-direction:column;gap:16px}#hud-specs{gap:12px;flex-wrap:wrap}#hud-controls{bottom:16px;right:16px}#hud-product .hud-value{font-size:14px}}