body{margin:0;overflow:hidden;font-family:Inter,Segoe UI,sans-serif;background-color:#f0f0f0}#top-hud{position:absolute;top:0;left:0;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-sizing:border-box;z-index:100;pointer-events:none}.hud-brand{font-weight:800;letter-spacing:1px;color:#1a202c;font-size:.9rem}.hud-status{font-size:.85rem;color:#4a5568;display:flex;align-items:center;gap:10px;background:#fff6;padding:8px 20px;border-radius:30px}.status-dot{width:8px;height:8px;background:#38a169;border-radius:50%;box-shadow:0 0 8px #38a169}.hud-actions{display:flex;gap:12px;pointer-events:auto}.hud-btn{padding:10px 18px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;text-transform:uppercase;border:none;transition:all .2s;background:#1a202c;color:#fff}.hud-btn:hover{background:#000;transform:translateY(-2px)}.btn-secondary{background:#fff!important;color:#1a202c!important;border:1px solid #e2e8f0!important}.btn-secondary:hover{background:#f7fafc!important}canvas{display:block;width:100vw;height:100vh}.hud-sensor{display:flex;align-items:center;gap:10px;border:1px solid #333;padding:8px 15px;background:#ffffff0d;border-radius:4px}.sensor-label{color:#000;font-size:.8rem;letter-spacing:1px}.sensor-value{font-size:1.1rem;letter-spacing:1px;color:#000}@media (max-width: 768px){.hud-status{display:none}.hud-brand{font-size:.7rem}}